:root{
  --bg:#0b0d12;--bg2:#12161f;--card:#161b27;--accent:#ff6a1a;--accent2:#ffc857;
  --text:#e8ecf3;--muted:#8a93a6;--border:#252b3a;--ok:#46d39a;--bad:#ff5a6a;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;font-size:16px}
header.hero{background:linear-gradient(135deg,#1a0d05 0%,#2a1308 50%,#0b0d12 100%);padding:60px 20px;border-bottom:3px solid var(--accent)}
.hero-inner{max-width:1100px;margin:0 auto}
h1{font-size:2.2rem;line-height:1.25;background:linear-gradient(90deg,#ff6a1a,#ffc857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px}
.hero-sub{color:var(--muted);font-size:1.05rem;max-width:820px}
main{max-width:1100px;margin:0 auto;padding:40px 20px}
nav.toc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px 26px;margin-bottom:36px}
nav.toc h3{color:var(--accent2);margin-bottom:14px;font-size:1.05rem;letter-spacing:.3px}
nav.toc ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 22px}
nav.toc a{color:var(--text);text-decoration:none;font-size:.95rem;padding:4px 0;border-bottom:1px dashed transparent;transition:.2s}
nav.toc a:hover{color:var(--accent);border-bottom-color:var(--accent)}
nav.toc a::before{content:"→ ";color:var(--accent)}
.author-block{display:flex;gap:18px;align-items:flex-start;background:var(--card);border-left:4px solid var(--accent);border-radius:10px;padding:20px 24px;margin-bottom:40px}
.author-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff6a1a,#ffc857);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0b0d12;font-size:1.5rem}
.author-meta strong{color:var(--accent2);display:block;font-size:1.05rem}
.author-meta span{color:var(--muted);font-size:.88rem}
.author-meta p{margin-top:8px;font-size:.92rem}
article h2{font-size:1.6rem;margin:48px 0 18px;color:#fff;padding-bottom:10px;border-bottom:2px solid var(--accent);display:inline-block}
article h3{font-size:1.15rem;margin:24px 0 10px;color:var(--accent2)}
article p{margin-bottom:14px;color:#d3d8e4}
article ul,article ol{margin:10px 0 18px 22px;color:#d3d8e4}
article li{margin-bottom:6px}
.kw{color:var(--accent);font-weight:600}
.metric{display:inline-block;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:2px 9px;color:var(--accent2);font-family:'JetBrains Mono',monospace;font-size:.92rem}
table{width:100%;border-collapse:collapse;margin:18px 0 26px;background:var(--card);border-radius:10px;overflow:hidden;font-size:.94rem}
thead{background:linear-gradient(90deg,#2a1308,#1a0d05)}
th{padding:13px 12px;text-align:left;color:var(--accent2);font-weight:600;border-bottom:2px solid var(--accent);font-size:.88rem;letter-spacing:.3px;text-transform:uppercase}
td{padding:12px;border-bottom:1px solid var(--border);color:#d3d8e4}
tbody tr:hover{background:#1a2030}
.ok{color:var(--ok);font-weight:600}
.bad{color:var(--bad);font-weight:600}
.warn{color:var(--accent2);font-weight:600}
.log-list{background:#05070c;border-left:3px solid var(--ok);padding:18px 22px;border-radius:8px;margin:14px 0 22px;font-family:'JetBrains Mono',monospace;font-size:.88rem}
.log-list div{padding:6px 0;border-bottom:1px dashed #1e2432;color:#b6c0d4}
.log-list div:last-child{border-bottom:none}
.log-list .t{color:var(--accent2)}
.log-list .s{color:var(--ok)}
.category-block{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:26px 28px;margin:20px 0 28px}
.category-block h3{color:var(--accent);margin-top:0;font-size:1.3rem}
.pill{display:inline-block;background:var(--accent);color:#0b0d12;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:700;margin-right:6px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 22px;margin-bottom:12px}
.faq-item h3{font-size:1.05rem;color:#fff;margin-bottom:8px}
.faq-item h3::before{content:"Q. ";color:var(--accent)}
.faq-item p{color:#c7cddc;font-size:.96rem}
.callout{background:linear-gradient(135deg,#2a1308,#1a0d05);border-left:4px solid var(--accent2);padding:18px 22px;border-radius:8px;margin:20px 0;font-size:.97rem}
footer{background:#05070c;padding:40px 20px;text-align:center;color:var(--muted);border-top:2px solid var(--accent);margin-top:60px}
footer .disclaimer{max-width:900px;margin:0 auto;font-size:.85rem}
@media(max-width:640px){h1{font-size:1.6rem}article h2{font-size:1.3rem}table{font-size:.82rem}th,td{padding:8px 6px}}