@font-face{font-family:QInter;src:url(/assets/Inter-Regular.ttf);font-weight:400}
@font-face{font-family:QInter;src:url(/assets/Inter-SemiBold.ttf);font-weight:600}
@font-face{font-family:QInter;src:url(/assets/Inter-ExtraBold.ttf);font-weight:800}
:root{--bg:#0E1726;--surface:#16233A;--ink:#F4F1EA;--muted:#A3AEBD;--accent:#F2A541;--line:#24324A}
@media (prefers-color-scheme:light){:root{--bg:#F7F5F0;--surface:#FFFFFF;--ink:#0E1726;--muted:#51607A;--accent:#9A5B00;--line:#DAD6CB}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 QInter,system-ui,sans-serif}
a{color:var(--accent)}
header,main,footer{max-width:880px;margin:0 auto;padding:0 16px}
header{display:flex;align-items:center;gap:12px;padding-top:20px;padding-bottom:12px}
header a{color:var(--ink);text-decoration:none;font-weight:800;font-size:20px}
header img{height:34px;width:auto}
h1{font-size:clamp(26px,5vw,38px);line-height:1.2;margin:.6em 0 .2em;font-weight:800}
h2{font-size:21px;margin:1.8em 0 .5em;padding-bottom:.25em;border-bottom:1px solid var(--line)}
.meta{color:var(--muted);font-size:14px}
.tags span{display:inline-block;margin:0 6px 6px 0;padding:2px 10px;border:1px solid var(--line);border-radius:99px;font-size:13px;color:var(--muted)}
.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0}
.videos figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px}
.videos iframe{width:100%;aspect-ratio:9/16;max-height:70vh;border:0;background:#000;border-radius:8px}
figcaption{font-size:13px;color:var(--muted);padding-top:6px}
.dl{display:inline-block;margin:8px 0;padding:10px 18px;background:var(--accent);color:#0E1726;font-weight:600;border-radius:8px;text-decoration:none}
table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:15px}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--muted);font-weight:600}
code{font-size:12px;word-break:break-all}
.sources td{font-size:13px}
footer{color:var(--muted);font-size:13px;padding-top:40px;padding-bottom:40px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}
.card h3{margin:0 0 4px}