/* 2026 chrome (nav, footer) for pages that keep their own layout */
.in{max-width:1200px;margin:0 auto;padding:0 28px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:999px;font:500 17px Inter,sans-serif;border:0;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.pill:hover{transform:scale(1.03)}
.p-lime{background:#c9ff43;color:#000}
.p-ink{background:#1d1d1f;color:#fff}
.p-ghost-d{border:1px solid #1d1d1f;color:#1d1d1f}
.p-ghost-l{border:1px solid rgba(255,255,255,.5);color:#fff}
.c-lime{color:#c9ff43}
.gnav a{color:#d2d2d7;font:400 12px Inter,sans-serif;padding:12px 0}
.gnav a:hover{color:#fff}
.lnav a{color:#d2d2d7;font:400 12px Inter,sans-serif;padding:12px 0}
.lnav a:hover{color:#fff}
.gnav a.pill,.lnav a.pill{padding-top:0;padding-bottom:0}
.gnav a.p-lime,.lnav a.p-lime,.gnav a.p-lime:hover,.lnav a.p-lime:hover{color:#000;font-weight:500}
.fa{display:block;color:#6e6e73;font:400 12px/1.4 Inter,sans-serif;padding:5px 0}
.fa:hover{color:#1d1d1f;text-decoration:underline}
/* Mobile menu */
.gnav-btn{display:none;width:34px;height:30px;margin-right:-6px;padding:0;border:0;background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.gnav-btn span{display:block;width:18px;height:1.5px;background:#f5f5f7;border-radius:1px;transition:transform .2s ease}
.gnav-btn.open span:first-child{transform:translateY(3.75px) rotate(45deg)}
.gnav-btn.open span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.gnav-drop{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 44px);overflow-y:auto;background:rgba(22,22,23,.97);border-bottom:1px solid #1d1d1f;padding:8px 22px 24px;box-shadow:0 20px 40px rgba(0,0,0,.4)}
.gnav-drop[hidden]{display:none}
.gnav .gnav-drop a{display:block;padding:14px 0;font:500 17px Inter,sans-serif;color:#f5f5f7;border-bottom:1px solid #2a2a2c}
.gnav .gnav-drop a:last-child{border-bottom:0}
@media (max-width:860px){.hide-s{display:none !important}}
@media (max-width:860px){.gnav-btn{display:flex}}
@media (min-width:861px){.gnav-drop{display:none !important}}
/* section index (sticky local nav) */
.lnav2{position:sticky;top:44px;z-index:30;background:rgba(0,0,0,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #1d1d1f}
.lnav2 .in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:52px}
.lnav2 b{font:600 19px Inter,sans-serif;letter-spacing:-.02em;white-space:nowrap}
.lnav2 nav{display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none}
.lnav2 nav::-webkit-scrollbar{display:none}
.lnav2 nav a{font:400 13px Inter,sans-serif;color:#d2d2d7;white-space:nowrap}
.lnav2 nav a:hover{color:#fff}
.lnav2 nav a.pill{color:#000;min-height:28px;padding:0 14px;font-size:12px}
@media (max-width:760px){.lnav2 nav a:not(.pill){display:none}}
.tsa26 body{font-family:Inter,system-ui,-apple-system,sans-serif}
.tsa26 main,.tsa26 main *{font-family:Inter,system-ui,-apple-system,sans-serif}
.tsa26 main h1,.tsa26 main h2{letter-spacing:-.04em}
.tsa26 main em,.tsa26 main .h-serif,.tsa26 main i.serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.tsa26 main code,.tsa26 main .h-mono,.tsa26 main small,.tsa26 main time{font-family:Inter,sans-serif}
.tsa26 footer a{text-decoration:none}
*{box-sizing:border-box}
.gnav,.gnav *,.lnav2,.lnav2 *{font-family:Inter,sans-serif}
.gnav img{max-width:none}
.tsa26 .gnav a,.tsa26 .lnav2 a,.tsa26 footer a{text-decoration:none}
.tsa26 .gnav a{font-size:12px;line-height:normal}
.tsa26 .lnav2 nav a{font-size:13px}
.tsa26 .gnav a.pill,.tsa26 .lnav2 a.pill{font-size:12px}