:root { --bg:#07080c; --panel:#10131a; --ink:#e7ecf6; --muted:#8b93a7; --accent:#7ad0ff; --line:#222a3a; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background: radial-gradient(ellipse at 50% 0%, #121c2c 0%, var(--bg) 60%); color: var(--ink); font: 17px/1.65 Georgia, "Times New Roman", serif; min-height:100vh; display:flex; flex-direction:column; }
a { color: var(--accent); }
header.top { border-bottom:1px solid var(--line); background: rgba(7,8,12,.85); position: sticky; top:0; z-index:5; backdrop-filter: blur(6px); }
header.top .in { max-width: 920px; margin:0 auto; padding: 12px 20px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; }
.brand { font-family: "Bebas Neue", Impact, sans-serif; font-size: 28px; letter-spacing:.06em; color: var(--ink); text-decoration:none; }
nav.main { display:flex; flex-wrap:wrap; gap:4px 16px; font: 13px "Share Tech Mono", ui-monospace, monospace; letter-spacing:.08em; text-transform:uppercase; margin-left:auto; }
nav.main a { color: var(--muted); text-decoration:none; }
nav.main a:hover, nav.main a[aria-current="page"] { color: var(--ink); }
main { flex:1; width:100%; max-width: 920px; margin: 0 auto; padding: 36px 20px 24px; }
h1 { font-family:"Bebas Neue", Impact, sans-serif; font-weight:400; font-size: clamp(40px,7vw,64px); letter-spacing:.04em; line-height:1.05; margin:0 0 8px; }
h2 { font-family:"Bebas Neue", Impact, sans-serif; font-weight:400; font-size: 32px; letter-spacing:.05em; margin: 40px 0 8px; color: var(--accent); }
h3 { font: 700 15px "Share Tech Mono", ui-monospace, monospace; letter-spacing:.1em; text-transform:uppercase; margin: 26px 0 4px; }
.lede { color: #c3cbdc; font-size: 20px; margin: 0 0 20px; }
.cta { display:inline-block; background: var(--accent); color:#06121c; font: 700 15px "Share Tech Mono", monospace; letter-spacing:.12em; padding: 12px 22px; text-decoration:none; border-radius:3px; margin: 8px 0 4px; }
.cta:hover { filter: brightness(1.1); }
table { width:100%; border-collapse: collapse; margin: 14px 0; font-size: 15px; }
th, td { text-align:left; padding: 9px 10px; border-bottom:1px solid var(--line); vertical-align: top; }
th { font: 12px "Share Tech Mono", monospace; letter-spacing:.12em; color: var(--muted); text-transform:uppercase; }
.scroll { overflow-x:auto; }
.card { background: var(--panel); border:1px solid var(--line); border-radius:4px; padding: 14px 18px; margin: 12px 0; }
.card h3 { margin-top: 0; }
.tag { display:inline-block; font: 11px "Share Tech Mono", monospace; letter-spacing:.1em; border:1px solid var(--line); color: var(--muted); padding: 1px 7px; margin: 0 4px 4px 0; border-radius: 2px; text-transform: uppercase; }
kbd { font: 13px "Share Tech Mono", monospace; background:#1a2030; border:1px solid #2c3650; border-bottom-width:2px; padding: 1px 7px; border-radius:3px; }
.rc { color:#c3c9d6 } .ru { color:#7ee08a } .rr { color:#6ab7ff } .re { color:#c780ff } .rl { color:#ffb14a }
.ad-wrap { margin: 36px 0 8px; min-height: 0; }
.ad-wrap small { display:block; color:#5c6478; font: 10px "Share Tech Mono", monospace; letter-spacing:.2em; margin-bottom:4px; }
footer.site { border-top:1px solid var(--line); padding: 22px 20px 30px; color:#5c6478; font: 12px "Share Tech Mono", monospace; letter-spacing:.06em; text-align:center; }
footer.site a { color: var(--muted); margin: 0 9px; text-decoration:none; }
footer.site a:hover { color: var(--ink); }
ul, ol { padding-left: 22px; } li { margin: 5px 0; }
@media (max-width: 600px) { body { font-size:16px; } nav.main { margin-left:0; } }