:root{
  --bg:#0b0e13; --surface:#12161d; --surface-2:#171c24;
  --fg:#e7ebf0; --muted:#9099a6; --faint:#5c6573; --line:#222a35;
  --accent:#ff3b3b; --accent-dim:rgba(255,59,59,.14);
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"DejaVu Sans Mono",monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
.topbar{position:sticky;top:0;z-index:10;background:rgba(11,14,19,.82);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar .inner{max-width:900px;margin:0 auto;padding:13px 24px;display:flex;
  align-items:center;justify-content:space-between;gap:16px}
.brand{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:-.02em;
  color:var(--fg);text-decoration:none;white-space:nowrap}
.brand .r{color:var(--accent)} .brand .b{color:var(--faint);font-weight:500}
.nav{display:flex;gap:22px;font-size:13.5px}
.nav a{color:var(--muted);text-decoration:none}
.nav a:hover{color:var(--fg)} .nav a.active{color:var(--accent)}
.wrap{max-width:720px;margin:0 auto;padding:0 24px}
main{padding:44px 0 8px}
.chip{display:inline-block;font-family:var(--mono);font-size:12px;line-height:1;color:var(--accent);
  background:var(--accent-dim);border:1px solid rgba(255,59,59,.30);padding:6px 11px;border-radius:999px}
h1{font-size:34px;line-height:1.18;letter-spacing:-.022em;font-weight:700;margin:16px 0 10px}
.deck{font-size:18.5px;color:var(--muted);margin:0 0 16px;line-height:1.5}
.meta{display:flex;gap:16px;font-family:var(--mono);font-size:12.5px;color:var(--faint);
  padding-bottom:22px;margin-bottom:30px;border-bottom:1px solid var(--line)}
article h2{font-size:23px;line-height:1.3;letter-spacing:-.01em;font-weight:700;margin:42px 0 8px}
article h2::after{content:"";display:block;width:38px;height:2px;background:var(--accent);margin-top:11px;border-radius:2px}
article h3{font-size:17.5px;font-weight:600;margin:30px 0 8px;color:var(--fg)}
article p,article li{color:#d6dbe3}
article strong{color:#fff;font-weight:600}
article a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(255,59,59,.35)}
article a:hover{border-bottom-color:var(--accent)}
article ul,article ol{padding-left:20px} article li{margin:7px 0}
article li::marker{color:var(--accent)}
article blockquote{margin:22px 0;padding:2px 18px;border-left:3px solid var(--accent);color:var(--muted);font-style:italic}
article blockquote p{color:var(--muted)}
code{font-family:var(--mono);font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1.5px 6px}
pre{border:1px solid var(--line);border-radius:10px;padding:16px 18px;overflow-x:auto;
  font-size:13px;line-height:1.55;margin:20px 0}
pre code{background:none;border:0;padding:0}
img,svg{max-width:100%;height:auto;display:block;margin:24px auto;border-radius:10px}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;margin:22px 0;
  border:1px solid var(--line);border-radius:10px;overflow:hidden}
th,td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th{font-family:var(--mono);font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--fg)}
tr:last-child td{border-bottom:0}
tbody tr:nth-child(even){background:rgba(255,255,255,.015)}
hr{border:0;border-top:1px solid var(--line);margin:34px 0}
.lead{font-size:18px;color:var(--muted);margin:6px 0 32px}
.posts{list-style:none;padding:0;margin:0}
.posts li{padding:22px 0;border-bottom:1px solid var(--line)}
.posts .pdate{font-family:var(--mono);font-size:12px;color:var(--faint)}
.posts .ptitle{display:block;font-size:19px;font-weight:600;color:var(--fg);text-decoration:none;
  margin:7px 0;letter-spacing:-.01em;line-height:1.35}
.posts li:hover .ptitle{color:var(--accent)}
.terms{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.terms li{display:flex;align-items:center;gap:7px}
a.chip{text-decoration:none}
.tcount{font-family:var(--mono);font-size:12px;color:var(--faint)}
footer{border-top:1px solid var(--line);margin-top:50px}
footer .inner{max-width:720px;margin:0 auto;padding:24px 24px 44px;font-family:var(--mono);font-size:12.5px;color:var(--faint)}
footer .shell{color:var(--muted)} footer .shell b{color:var(--accent);font-weight:700}
footer p{margin:8px 0 0} footer a{color:var(--muted);text-decoration:none} footer a:hover{color:var(--fg)}
.back{display:inline-block;margin:30px 0 0;font-family:var(--mono);font-size:13px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:600px){
  h1{font-size:27px}
  .nav{gap:14px} .nav .hide-sm{display:none}
  main{padding:30px 0}
}