/* Keep the language strip and navigation as one stable sticky unit. */
html{scroll-padding-top:112px;scrollbar-gutter:stable;background:var(--cream)}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s;animation-timing-function:ease-out}
.language-shortcuts{contain:layout paint;min-height:34px}
.site-header{position:sticky;top:0;z-index:40;box-shadow:0 1px 0 rgba(16,43,43,.08)}
.site-header .topbar{position:relative;top:auto;z-index:auto;gap:24px;background:rgba(247,243,233,.98)}
.header-search{flex:1 1 360px;max-width:440px;min-width:210px;height:44px;display:flex;align-items:center;gap:8px;padding:0 10px 0 14px;background:#fff;border:1px solid var(--line);border-radius:24px}
.header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}
.header-search button{border:0;background:var(--green);color:#fff;border-radius:18px;padding:7px 13px;font-weight:750;cursor:pointer}
.hero{min-height:520px;padding-top:10px;padding-bottom:44px;align-items:start}
.hero-copy{padding-top:0}
.language-shortcuts button[data-unpublished]{opacity:.7;border:1px dashed rgba(255,255,255,.35)}
@media(max-width:1180px){.header-search{max-width:330px}}
@media(max-width:900px){html{scroll-padding-top:160px}.site-header .topbar{flex-wrap:wrap;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.header-search{order:3;flex:0 0 100%;max-width:none}.site-header .menu-toggle{order:2}.site-header .topbar .actions{order:4}.site-header .topbar nav{order:5}.hero{padding-top:10px;min-height:auto}.hero-copy{padding-top:0}}
@media(max-width:570px){.header-search button{font-size:0;padding:8px 11px}.header-search button:after{content:"→";font-size:16px}.hero{padding-top:8px}}