/* Shared header navigation */
.site-menu { display:none; position:relative; margin:0; line-height:normal; }
.header-about { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; border:1px solid #abc8b6; border-radius:10px; background:#ffffff0c; color:#f4f8f2; text-decoration:none; white-space:nowrap; font:600 13px/1.2 system-ui,sans-serif; transition:background-color .16s,border-color .16s; }
.header-about:hover { background:#ffffff22; border-color:#d4e3d5; }
.header-about:focus-visible,.site-menu summary:focus-visible,.site-menu-panel a:focus-visible { outline:2px solid #e9c974; outline-offset:3px; }
@media(max-width:650px) {
  header .brand-row { position:relative; }
  header .header-actions, .project-header .project-back { display:none!important; }
  .site-menu { display:block; flex:none; margin:0 0 0 auto; }
  .site-menu summary { display:flex; align-items:center; justify-content:center; width:44px; height:44px; list-style:none; cursor:pointer; border:1px solid #abc8b6; border-radius:12px; background:#ffffff0c; color:#f4f8f2; transition:background-color .16s,border-color .16s; }
  .site-menu summary::-webkit-details-marker { display:none; }
  .site-menu summary:hover,.site-menu[open] summary { background:#ffffff22; border-color:#d4e3d5; }
  .site-menu summary svg { display:block; width:22px; height:22px; }
  .site-menu-panel { position:absolute; z-index:1500; top:calc(100% + 10px); right:0; width:min(280px,calc(100vw - 32px)); padding:9px; letter-spacing:normal; border:1px solid #c8d9c9; border-radius:15px; background:#f8faf5; color:#193f36; box-shadow:0 12px 30px #0d2c2540; }
  .site-menu-panel a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:10px 12px; border-radius:9px; color:#193f36; text-decoration:none; font:600 14px/1.3 system-ui,sans-serif; }
  .site-menu-panel a:hover,.site-menu-panel a[aria-current="page"] { background:#e5efe2; }
  .site-menu-panel a[aria-current="page"]::after { content:'Current'; color:#507465; font:600 11px system-ui,sans-serif; }
  .site-menu-panel .menu-region-label { margin:8px 12px 3px; padding-top:13px; border-top:1px solid #d9e5d7; color:#638070; font:700 10px/1.3 system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
}
