@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mono-400.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mono-500.woff2) format("woff2")}
@font-face{font-family:"Source Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/serif-400.woff2) format("woff2")}
@font-face{font-family:"Source Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/serif-400i.woff2) format("woff2")}
@font-face{font-family:"Source Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/serif-700.woff2) format("woff2")}
:root{--bench:#161714;--card:#efe9d8;--ink:#191714;--amber:#c6a03a;--warn:#c24b2a;--line:#2c2e29;--mute:#8a877c}
*{box-sizing:border-box}
html{font-size:18px}
body{margin:0;background:var(--bench);color:var(--card);font-family:"Source Serif",serif;line-height:1.55}
a{color:var(--amber)}
a:hover{color:#e0c56a}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;background:var(--card);color:var(--ink);padding:.4rem;z-index:9}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--line);background:#10110f}
.mark{margin:0;font-family:"JetBrains Mono",monospace;font-size:.95rem;font-weight:500;letter-spacing:.04em}
.mark a{color:var(--card);text-decoration:none}
.tag{margin:.15rem 0 0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-family:"JetBrains Mono",monospace}
.nav-toggle{display:none;font:inherit;background:var(--card);color:var(--bench);border:0;padding:.3rem .6rem}
.nav{display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-family:"JetBrains Mono",monospace;font-size:.8rem}
.nav a{color:var(--card);text-decoration:none}
.nav a[aria-current="page"]{color:var(--amber);border-bottom:2px solid var(--amber)}
.bench{max-width:56rem;margin:0 auto;padding:1.4rem 1.2rem 3rem}
.ticket{background:var(--card);color:var(--ink);padding:1.4rem 1.5rem 1.8rem;border-top:6px solid var(--amber)}
.ticket.warn{border-top-color:var(--warn)}
.kicker{font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warn);margin:0 0 .35rem}
h1{font-size:2rem;line-height:1.15;margin:.1rem 0 .8rem;font-weight:400}
h1 code{font-family:"JetBrains Mono",monospace;font-weight:500;font-size:.85em}
h2{font-size:1.2rem;margin:1.5rem 0 .4rem}
.lede{font-size:1.12rem}
.fig{margin:1rem 0 1.3rem}
.fig img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(20%)}
.search{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.2rem}
.search input{flex:1;min-width:12rem;font-family:"JetBrains Mono",monospace;font-size:1rem;padding:.55rem .6rem;border:1px solid #111;background:#fff}
.search button{font-family:"JetBrains Mono",monospace;background:var(--bench);color:var(--card);border:0;padding:.55rem .9rem;cursor:pointer}
.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}
.groups a{display:block;background:#1e201c;border:1px solid var(--line);padding:.8rem .9rem;text-decoration:none;color:var(--card)}
.groups a strong{display:block;font-family:"JetBrains Mono",monospace;color:var(--amber);margin-bottom:.2rem}
.list{list-style:none;padding:0;margin:0}
.list li{border-top:1px solid #d9d1bc}
.list a{display:grid;grid-template-columns:11rem 1fr;gap:.8rem;padding:.7rem 0;text-decoration:none;color:var(--ink)}
.list a:hover{color:#5a2e14}
.list code{font-family:"JetBrains Mono",monospace;font-size:.82rem;font-weight:500}
.meta{font-family:"JetBrains Mono",monospace;font-size:.75rem;color:#6b675c;margin:0 0 1rem}
.err{background:#f3d2c6;padding:.6rem .8rem;border-left:3px solid var(--warn)}
form label{display:block;margin:1rem 0 .25rem;font-weight:700}
form input,form textarea{width:100%;max-width:32rem;font:inherit;padding:.45rem .5rem;border:1px solid #bbb;background:#fff}
form textarea{min-height:9rem}
form button{margin-top:1rem;background:var(--bench);color:var(--card);border:0;padding:.55rem 1.1rem;font:inherit;cursor:pointer}
.hp{position:absolute;left:-8000px;width:1px;height:1px;overflow:hidden}
.foot{max-width:56rem;margin:0 auto;padding:0 1.2rem 3rem;font-size:.85rem;color:var(--mute);font-family:"JetBrains Mono",monospace}
.foot a{color:var(--amber)}
@media (max-width:760px){
  .nav-toggle{display:inline-block}
  .nav{display:none;width:100%;flex-direction:column}
  .nav.open{display:flex}
  .top{flex-wrap:wrap}
  .groups{grid-template-columns:1fr}
  .list a{grid-template-columns:1fr}
  h1{font-size:1.6rem}
}
