:root{--bg:#12141a;--bg2:#1b1e27;--text:#e9e9ee;--muted:#a6a9b3;--red:#e63b2e;--line:rgba(255,255,255,.1);--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Roboto,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:#ff6b5e}a:hover{color:#fff}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.bar{background:var(--bg2);border-bottom:1px solid var(--line);text-align:center;padding:10px}
.btn{display:inline-block;background:var(--red);color:#fff!important;font-weight:700;padding:12px 28px;border-radius:8px;text-decoration:none!important;box-shadow:0 2px 10px rgba(230,59,46,.28)}
.btn:hover{background:#c92f24}.bar .btn{padding:9px 22px;font-size:15px}
header.site{background:var(--bg2);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:26px;min-height:72px}
.logo img{height:48px;width:auto;display:block;border-radius:10px}
nav.main{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
nav.main a{color:var(--text);text-decoration:none;padding:8px 14px;border-radius:6px;font-weight:600;font-size:15px}
nav.main a:hover,nav.main a.on{color:#fff;background:rgba(230,59,46,.18)}
main{padding:36px 0 60px}
h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 20px;color:#fff}
h2{font-size:26px;margin:36px 0 12px;color:#fff;scroll-margin-top:20px}h3{font-size:19px;margin:24px 0 8px;color:#fff}
p{margin:0 0 16px}ul,ol{padding-left:22px}li{margin:6px 0}
.article{max-width:820px}
figure{margin:26px 0}figure img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);display:block}
table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:rgba(255,255,255,.06)}
.toc{margin:26px 0;padding:18px 22px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}
.toc__title{margin:0 0 10px;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin:0;padding-left:20px}.toc a{color:var(--text);text-decoration:none}.toc a:hover{text-decoration:underline}
.cta{margin:28px 0;text-align:center}
.lang{margin-top:34px;font-size:15px}
footer.site{background:var(--bg2);border-top:1px solid var(--line);padding:26px 20px;text-align:center;font-size:14px;line-height:2}
footer.site a{color:var(--text);text-decoration:none;margin:0 8px}footer.site a:hover{color:#fff}
footer.site .note{color:var(--muted);font-size:13px;margin-top:8px}
@media(max-width:720px){header.site .wrap{flex-wrap:wrap;padding:12px 16px}nav.main{margin-left:0;width:100%}nav.main a{padding:8px 10px;font-size:14px}.btn{display:block;white-space:normal}}