/* The same signboard navigation on the trail and the reading pages. */
.site-header .site-nav{gap:24px}
.site-header .site-nav>a,.explore-menu>summary{font:600 14px var(--font-body);white-space:nowrap}
.explore-menu{position:relative}
.explore-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none}
.explore-menu>summary::-webkit-details-marker{display:none}
.explore-menu>summary::after{content:'';flex:none;width:11px;height:14px;background:currentColor;-webkit-mask:url('assets/icons/explore-leaf.svg') center/contain no-repeat;mask:url('assets/icons/explore-leaf.svg') center/contain no-repeat;transition:transform .18s ease}
.explore-menu[open]>summary::after{transform:rotate(180deg)}
.explore-menu>summary:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--forest);outline-offset:4px}
.explore-panel{position:absolute;top:calc(100% + 16px);right:-20px;width:258px;padding:12px;background:var(--cream);border:2px solid var(--ink);border-radius:12px 9px 13px 10px;box-shadow:0 6px 0 #65271320}
.site-header .explore-panel a{display:flex;min-height:44px;padding:9px 12px;border-radius:6px;font-size:14px;white-space:normal}
.site-header .explore-panel a:hover,.site-header .explore-panel a[aria-current=page]{background:var(--ground);text-decoration:underline;text-underline-offset:4px}
.menu-toggle{display:none;min-height:44px;align-items:center;gap:9px;border:0;padding:6px 10px;background:transparent;color:var(--ink);font:700 14px var(--font-body);cursor:pointer}
.menu-toggle::after{content:'+';font-size:22px;line-height:1}
.menu-toggle[aria-expanded=true]::after{content:'−'}
.site-header .header-status .action-link{white-space:nowrap}
.trail-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:700;text-underline-offset:5px}
.track-prizes{display:grid;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--rule)}
.track-prize{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 20px}
.track-prize h3{font-family:var(--font-hand);font-size:24px;line-height:1.2}
.track-prize p{font-size:15px}
.gallery-face .archive-link{margin-top:2cqw;font-size:clamp(12px,3.3cqw,16px);line-height:1.3}
.hacker-resources-link{margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid var(--rule)}
.hacker-resources-link p{font-size:15px;max-width:60ch}
.finale-copy .continue-building{margin-top:28px;padding-top:22px;border-top:1px solid var(--rule)}
.continue-building h3{margin-bottom:10px}
.continue-building p{font-size:15px}
.continue-building .trail-link{margin-top:6px}
.finale-copy .finale-credit{margin-top:28px}
@media(max-width:960px) and (min-width:760px){
  .site-header{gap:16px;padding-left:14px}
  .site-header .site-nav{gap:16px}
  .site-header .site-nav>a,.explore-menu>summary{font-size:13px}
  .brand{width:88px}
}
@media(max-width:759px){
  .site-header{height:auto;min-height:60px;flex-wrap:wrap;gap:8px 10px;padding:5px 8px 5px 12px}
  .site-header .brand{width:76px}
  .site-header .header-status{display:block;margin-left:auto;font-size:12px}
  .site-header .header-status .action-link{font-size:12px;padding:6px 10px;min-height:40px}
  .site-header .header-status>a:not(.action-link){font-size:11px}
  .site-header .site-nav{order:3;flex-basis:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px 6px 12px;max-height:calc(100dvh - 90px);overflow-y:auto;border-top:1px solid var(--rule)}
  .site-header .site-nav>a{padding:9px 12px;font-size:16px}
  .site-header .site-nav>a:hover{background:var(--ground);border-radius:6px}
  .navigation-ready .menu-toggle{display:inline-flex}
  .navigation-ready .site-header .site-nav{display:none}
  .navigation-ready .site-header.menu-is-open .site-nav{display:flex}
  html:not(.navigation-ready) .site-header{position:relative;left:auto;transform:none;margin:8px auto}
  .explore-menu>summary{padding:9px 12px;font-size:16px}
  .navigation-ready .explore-menu>summary{display:none}
  .explore-panel{position:static;width:100%;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
  .site-header .explore-panel a{font-size:16px;padding:9px 12px}
  .gallery-face .archive-link{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.explore-menu>summary::after{transition:none}}