/* Mobile project navigation: explicit state overrides older header rules. */
.mobile-menu-toggle,.header .mobile-project-menu{display:none}
@media(max-width:900px){
.header{justify-content:space-between;position:relative;z-index:20}
.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:88px;min-height:44px;margin-left:auto;padding:10px 4px;border:0;background:transparent;color:#292c27;font:inherit;font-size:14px;cursor:pointer}
.mobile-menu-mark{display:grid;gap:5px;width:20px}.mobile-menu-mark i{display:block;height:1px;width:20px;background:currentColor;transition:transform .18s}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-mark i:first-child{transform:translateY(3px) rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-mark i:last-child{transform:translateY(-3px) rotate(-45deg)}
.header .mobile-project-menu:not([hidden]){display:grid;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 24px 20px;gap:0;max-height:calc(100svh - 150px);overflow-y:auto;background:#f8f8f2;border-top:1px solid #d5d3c9;box-shadow:0 12px 20px #00000014;font-size:15px;overscroll-behavior:contain}
.header .mobile-project-menu a{display:flex;align-items:center;min-height:48px;padding:10px 0;color:#292c27;text-decoration:none;border-bottom:1px solid #dedcd2}
.header .mobile-project-menu a:last-child{border-bottom:0}.mobile-menu-toggle:focus-visible,.mobile-project-menu a:focus-visible{outline:2px solid #806443;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-mark i{transition:none}}

/* One project menu at every size; section IDs remain valid for Ads sitelinks. */
.header>nav:not(.mobile-project-menu){display:none}
.header{position:sticky;top:0;z-index:20}
.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:88px;min-height:44px;padding:10px 4px;border:0;background:transparent;color:#292c27;font:inherit;font-size:14px;cursor:pointer}
.mobile-menu-mark{display:grid;gap:5px;width:20px}.mobile-menu-mark i{display:block;height:1px;width:20px;background:currentColor}
.header .mobile-project-menu:not([hidden]){display:grid;position:absolute;top:100%;right:0;left:auto;width:360px;max-width:100%;margin:0;padding:12px 28px 20px;gap:0;max-height:calc(100svh - 130px);overflow-y:auto;background:var(--paper,#f8f8f2);border-top:1px solid #d5d3c9;box-shadow:0 12px 20px #00000014;font-size:15px;overscroll-behavior:contain}
.header .mobile-project-menu a{display:flex;align-items:center;min-height:48px;padding:10px 0;color:#292c27;text-decoration:none;border-bottom:1px solid #dedcd2}
.header .mobile-project-menu a:last-child{border-bottom:0}
.mobile-menu-toggle:focus-visible,.mobile-project-menu a:focus-visible{outline:2px solid #806443;outline-offset:4px}
@media(min-width:901px){.header-actions{margin-left:auto;margin-right:28px}html{scroll-padding-top:130px}}
@media(max-width:900px){.header .mobile-project-menu:not([hidden]){left:0;width:auto}}
