:root{--bg:#0f0f0f;--panel:#131313;--line:rgba(255,255,255,.1);--text:#fff;--dim:rgba(255,255,255,.6);--pink:#e81c5a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:500 16px/1.65 "Montserrat","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
header{border-bottom:1px solid var(--line);background:rgba(15,15,15,.9);position:sticky;top:0;backdrop-filter:blur(12px)}
header .in{max-width:900px;margin:0 auto;padding:0 16px;height:64px;display:flex;justify-content:space-between;align-items:center;gap:12px}
header .in>a{color:var(--text);text-decoration:none;font-weight:900;font-style:italic;font-size:22px;letter-spacing:-.5px}
header .in>a span{color:var(--pink)}
header nav a{font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.65);margin-left:20px;font-size:13px;white-space:nowrap;text-decoration:none}
header nav a.on,header nav a:hover{color:#fff}
main{max-width:900px;margin:0 auto;padding:30px 16px 60px}
.crumbs{color:var(--dim);font-size:14px;margin-bottom:18px}
.crumbs a{color:var(--dim)}
h1{font-weight:900;text-transform:uppercase;font-size:clamp(26px,5vw,40px);line-height:1.1;margin:0 0 8px;overflow-wrap:anywhere;letter-spacing:-.3px}
.date{color:var(--dim);font-size:14px;margin:0 0 26px}
.toc{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 22px 18px 42px;margin:0 0 34px}
.toc li{margin:4px 0;color:var(--pink);font-weight:700}
.toc a{color:var(--text);text-decoration:none;font-weight:600}
.toc a:hover{color:var(--pink)}
h2{font-weight:800;text-transform:uppercase;font-size:20px;margin:38px 0 10px;scroll-margin-top:80px;letter-spacing:.2px}
h3{font-size:17px;margin:20px 0 6px}
p,li{color:rgba(255,255,255,.85)}
ul{padding-left:22px}
a{color:var(--pink)}
.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--pink);border-radius:10px;padding:12px 14px;color:var(--dim)}
table{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line)}
th{color:var(--dim);font-weight:700;text-transform:uppercase;font-size:13px}
.wrap{overflow-x:auto}
footer{max-width:900px;margin:0 auto;padding:22px 16px 40px;color:var(--dim);font-size:14px;border-top:1px solid var(--line)}
footer a{color:var(--dim);margin-right:16px}