:root { color-scheme: dark; --bg:#090b0f; --panel:#12161d; --line:#292e39; --ink:#f4f4f6; --muted:#9ba3b1; --accent:#ee3038; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif; }
header, main, footer { max-width: 780px; margin: 0 auto; padding: 0 20px; }
header { display:flex; align-items:center; justify-content:space-between; padding-top:28px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.brand { font-weight:800; font-size:22px; letter-spacing:-.02em; color:var(--ink); text-decoration:none; }
.brand em { color:var(--accent); font-style:normal; }
.brand small { font-weight:500; font-size:13px; color:var(--muted); margin-left:6px; }
nav a { color:var(--muted); margin-left:16px; font-size:14px; }
h1 { font-size:34px; line-height:1.15; letter-spacing:-.02em; margin:36px 0 6px; }
h2 { font-size:21px; margin:34px 0 8px; }
h3 { font-size:17px; margin:22px 0 6px; }
p, li { color:#d8dbe1; }
.meta { color:var(--muted); font-size:14px; }
a { color:var(--accent); }
.yt { display:flex; gap:14px; align-items:flex-start; background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px 18px; margin:22px 0; }
.yt svg { flex:none; margin-top:3px; }
table { border-collapse:collapse; width:100%; font-size:14px; }
td, th { border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top; }
footer { color:var(--muted); font-size:13px; padding-top:28px; padding-bottom:40px; border-top:1px solid var(--line); margin-top:48px; }