/* 10-18 user "every page must look the same": inner pages (.t-lux shell from app.js) get the home header layout
   (logo left, menu centre, account right, menu button under 1080 px) and the home cream. Loaded after
   watercolor-theme.css on every page except index.html (home.css does the same for body.home2). */
html .t-lux { background: #fbf8f2; }
html .t-lux .top, html .t-lux .top.solid, html .t-lux .top.open { background: rgba(255, 253, 248, .96); backdrop-filter: blur(6px); box-shadow: none; }
html .t-lux .top.solid { border-bottom: 1px solid #e3d5c3; }
html .t-lux .top-in { max-width: 1260px; margin: 0 auto; padding: 6px 24px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; }
html .t-lux .top .logo { order: 0; position: static; transform: none; margin: 0; display: block; line-height: 0; }
html .t-lux .top .logo .emblem { width: 76px; height: 72px; object-fit: contain; margin: 0; }
html .t-lux .top .nav { display: flex; align-items: center; gap: 28px; }
html .t-lux .top .nav.nl { order: 1; justify-content: center; }
html .t-lux .top .nav.nr { order: 2; gap: 12px; justify-content: flex-end; }
html .t-lux .top .nav a { font-size: 15px; white-space: nowrap; }
html .t-lux .top .menu-btn { display: none; order: 3; }
@media (max-width: 1080px) {
  html .t-lux .top .nav.nl, html .t-lux .top .nav.nr { display: none; }
  html .t-lux .top .menu-btn { display: block; justify-self: end; }
  html .t-lux .top.open .nav { display: flex; grid-column: 1 / -1; flex-direction: column; align-items: flex-start; gap: 10px; padding: 4px 0 10px; }
  html .t-lux .top.open .nav.nr { flex-direction: row; flex-wrap: wrap; align-items: center; }
}
@media (max-width: 760px) {
  html .t-lux .top .logo .emblem { width: 62px; height: 58px; }
}
html .t-lux .top .lang-sw { display: inline-flex; border: 1px solid #e3d5c3; border-radius: 8px; overflow: hidden; background: none; }
html .t-lux .top .lang-sw button { border: 0; background: none; padding: 5px 9px; font-size: 12px; font-weight: 500; color: #85715f; cursor: pointer; }
html .t-lux .top .lang-sw button.on { background: #ece2d1; color: #5c3828; }