/* Shared tight 3-line hamburger nav — main site + /explained. transform/opacity only. */
:root{ --nav-ink:#0E0E0E; --nav-paper:#F5F3EE; --nav-violet:#7B3FF2; }
.gn{position:fixed;top:0;left:0;right:0;height:56px;z-index:9990;display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;font-family:Inter,system-ui,sans-serif}
.gn.dark{--gn-fg:#F5F3EE} .gn.light{--gn-fg:#0E0E0E}
.gn__home{display:flex;align-items:center;gap:8px;color:var(--gn-fg,#F5F3EE);text-decoration:none;font-weight:600;font-size:.92rem;letter-spacing:-.01em}
.gn__home img{width:22px;height:22px}
.gn__back{color:var(--gn-fg,#F5F3EE);opacity:.7;text-decoration:none;font-size:.82rem;margin-left:14px}
.gn__back:hover{opacity:1}
/* hamburger button: 3 bars 24x2, 6px gaps */
.gn__btn{position:relative;width:30px;height:24px;background:transparent;border:0;cursor:pointer;padding:0}
.gn__btn .bar{position:absolute;left:3px;width:24px;height:2px;background:var(--gn-fg,#F5F3EE);border-radius:2px;
  transition:transform .2s cubic-bezier(.22,.61,.36,1),opacity .1s linear,top .2s cubic-bezier(.22,.61,.36,1)}
.gn__btn .bar:nth-child(1){top:4px} .gn__btn .bar:nth-child(2){top:11px} .gn__btn .bar:nth-child(3){top:18px}
.gn__btn[aria-expanded="true"] .bar:nth-child(1){top:11px;transform:rotate(45deg)}
.gn__btn[aria-expanded="true"] .bar:nth-child(2){opacity:0}
.gn__btn[aria-expanded="true"] .bar:nth-child(3){top:11px;transform:rotate(-45deg)}
.gn__btn:focus-visible{outline:2px solid var(--nav-violet);outline-offset:3px;border-radius:4px}
/* overlay */
.gn__ov{position:fixed;inset:0;z-index:9989;background:rgba(245,243,238,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  transform:translateX(100%);transition:transform .28s cubic-bezier(.22,.61,.36,1);
  display:flex;flex-direction:column;justify-content:center;padding:80px 32px 40px}
.gn__ov.on{transform:translateX(0)}
.gn__ov a.item{display:block;color:#0E0E0E;text-decoration:none;font-family:"Fraunces",Georgia,serif;font-size:clamp(28px,7vw,46px);
  font-weight:600;line-height:1.25;padding:6px 0;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.gn__ov.on a.item{opacity:1;transform:none}
.gn__ov a.item.explained{position:relative}
.gn__ov a.item.explained:hover{color:var(--nav-violet);text-shadow:0 0 2px rgba(123,63,242,.5)}
.gn__ov a.item[aria-current="page"]{color:var(--nav-violet);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.gn__ov a.item:hover{color:var(--nav-violet)}
.gn__cta{margin-top:26px;display:block;background:var(--nav-violet);color:#fff;text-align:center;text-decoration:none;
  font-family:Inter,sans-serif;font-weight:700;font-size:1.05rem;padding:16px;border-radius:12px;
  opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.gn__ov.on .gn__cta{opacity:1;transform:none}
.gn__cta:focus-visible{outline:2px solid #0E0E0E;outline-offset:3px}
body.gn-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.gn__ov,.gn__btn .bar,.gn__ov a.item,.gn__cta{transition:none}}