/* Site navigation shared by every page (markup from scripts/site-nav.mjs).
   Desktop: five sections in the header. Phones: the same five as a bottom tab bar. */
.skip{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.75rem 1rem;background:#d6ef33;color:#173222;font-weight:800}
.skip:focus{top:1rem}
.site-header-row{width:min(1180px,calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;align-items:center;gap:20px}
.site-header .guide-brand{flex:none}
.site-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.site-nav-link{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;color:#dbe9e3;text-decoration:none;font-size:.88rem;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap}
.site-nav-link .line-icon{opacity:.75}
.site-nav-link:hover,.site-nav-link:focus-visible{background:rgba(255,255,255,.1);color:#fff}
.site-nav-link.is-current{background:#d6ef33;color:#173222}
.site-nav-link.is-current .line-icon{opacity:1}
.site-lang{flex:none;display:flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.3);border-radius:999px}
.site-lang a,.site-lang button{padding:5px 9px;border:0;border-radius:999px;background:none;color:#dbe9e3;font:inherit;font-size:.75rem;font-weight:800;text-decoration:none;cursor:pointer}
.site-lang .active{background:rgba(255,255,255,.16);color:#d6ef33}
.site-tabs{display:none}

.site-subnav{background:#fff;border-bottom:1px solid #d8dfd9}
.site-subnav-row{width:min(1180px,calc(100% - 40px));margin:0 auto;display:flex;gap:6px;padding:10px 0;overflow-x:auto;scrollbar-width:none}
.site-subnav-row::-webkit-scrollbar{display:none}
.site-subnav a{flex:none;padding:8px 15px;border-radius:999px;color:#17231d;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap}
.site-subnav a:hover,.site-subnav a:focus-visible{background:#edf2ee}
.site-subnav a.is-current{background:#063f31;color:#fff}

/* Laptop and tablet widths: labels only, so all five still fit on one line. */
@media (max-width:1120px){.site-nav-link .line-icon{display:none}.site-nav-link{padding:9px 10px}.site-header-row{gap:14px}}
@media (max-width:900px){
  .site-header-row{width:calc(100% - 24px);min-height:60px;gap:12px}
  .site-header .guide-brand img{width:36px;height:36px}
  .site-nav{display:none}
  .site-lang{margin-left:auto}
  .site-subnav-row{width:calc(100% - 24px)}
  /* The five sections move to a tab bar at the bottom of the screen. */
  .site-tabs{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#111812;border-top:1px solid rgba(255,255,255,.12)}
  .site-tab{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;padding:5px 2px;border-radius:12px;color:#aebcb4;text-decoration:none;font-size:.7rem;font-weight:700;line-height:1.1;text-align:center}
  .site-tab .line-icon{font-size:1.3rem}
  .site-tab.is-current{color:#d6ef33}
  .site-tab:focus-visible{outline:2px solid #d6ef33;outline-offset:-2px}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media print{.site-tabs,.site-subnav{display:none}}