/* Shared language control, sized for both page headers. */
.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px}
.topbar .nav{justify-content:flex-end;min-width:0}
.language-picker{position:relative;z-index:20;justify-self:end;font:13px/1.4 var(--sans)}
.language-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:82px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--brown);font:600 11px/1 var(--sans);cursor:pointer}
.language-flag{font-size:21px;line-height:1}
.language-toggle svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.language-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.language-toggle:hover,.language-toggle[aria-expanded="true"]{border-color:#a8793f80;background:#f0ece3}
.language-toggle:focus-visible,.language-options button:focus-visible{outline:2px solid var(--wood);outline-offset:3px}
.language-options{position:absolute;right:0;top:calc(100% + 8px);width:174px;padding:5px;background:var(--white);border:1px solid var(--line);border-radius:5px;box-shadow:0 5px 18px #33261b18}
.language-options[hidden]{display:none}
.language-options button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px;border:0;border-radius:3px;text-align:left;font:400 13px/1.4 var(--sans);color:var(--brown);background:transparent;cursor:pointer}
.language-options button span{font-size:20px;line-height:1}
.language-options button:hover{background:#f1ede5}
.language-options button[aria-pressed="true"]{background:#eae5da;font-weight:600}
@media(max-width:1000px){.topbar{gap:16px}.topbar .nav{gap:16px}}
@media(max-width:700px){
  .topbar{height:auto;min-height:104px;grid-template-columns:1fr auto;column-gap:16px;row-gap:8px;padding-top:8px;padding-bottom:16px}
  .topbar .brand{grid-column:1;grid-row:1;justify-self:start}
  .topbar .brand img{width:68px;height:68px}
  .language-picker{grid-column:2;grid-row:1}
  .topbar .nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;font-size:12px}
  .topbar .nav a:not(.nav-button){display:inline-flex;align-items:center;min-height:32px}
  .topbar .nav .nav-button{display:inline-flex;min-height:40px;padding:0 12px;font-size:11px}
  .hero-copy::before{inset:-24px 0}
}
@media(prefers-reduced-motion:reduce){.language-toggle svg{transition:none}}