:root{--bg-primary:#0F172A;--bg-card:#1E293B;--accent-primary:#A3B18A;--accent-hover:#B7C4A3;--accent-soft:#DAD7CD;--text-primary:#F8FAFC;--text-secondary:#CBD5E1;--text-muted:#94A3B8;--border:rgba(163,177,138,0.18);--radius:16px;--radius-sm:12px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;font-size:16px;min-height:100vh;padding:24px 16px 80px}
a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;word-break:break-word}
a:hover{border-bottom-color:var(--accent-primary)}
.container{max-width:760px;margin:0 auto}
.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}
.brand{font-weight:700;font-size:1.2rem;color:var(--accent-primary);letter-spacing:-0.02em;border:0}
.brand:hover{color:var(--accent-hover)}
.lang-switch{display:inline-flex;gap:4px;background:var(--bg-card);border-radius:999px;padding:4px;font-size:.85rem}
.lang-switch a{padding:6px 14px;border-radius:999px;color:var(--text-muted);border:0;font-weight:500}
.lang-switch a.active{background:var(--accent-primary);color:#0F172A}
h1{font-size:1.85rem;font-weight:700;line-height:1.25;margin-bottom:8px;color:var(--text-primary)}
.subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:8px}
.meta{color:var(--text-muted);font-size:.85rem;margin-bottom:32px}
.tldr{background:linear-gradient(135deg,rgba(163,177,138,.08),rgba(163,177,138,.03));border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin:0 0 32px}
.tldr-title{font-size:.8rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.tldr ul{list-style:none;padding:0}
.tldr li{padding:6px 0 6px 22px;position:relative;color:var(--text-secondary);font-size:.95rem}
.tldr li:before{content:"\1F33F";position:absolute;left:0;top:6px;font-size:.8rem}
article{font-size:1rem}
article h1{font-size:1.4rem;font-weight:700;margin:40px 0 16px;padding-top:16px;color:var(--text-primary);border-top:1px solid var(--border)}
article h1:first-of-type{border-top:0;padding-top:0}
article h2{font-size:1.1rem;font-weight:600;color:var(--accent-soft);margin:24px 0 10px}
article p{margin:0 0 14px;color:var(--text-secondary);text-align:justify}
article strong{color:var(--text-primary);font-weight:600}
article em{color:var(--accent-soft);font-style:italic}
article ul,article ol{margin:12px 0 16px 22px;color:var(--text-secondary)}
article li{margin:6px 0}
article ul li::marker,article ol li::marker{color:var(--accent-primary)}
table{width:100%;border-collapse:collapse;margin:20px 0 24px;background:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden;font-size:.9rem}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}
th{background:rgba(163,177,138,.08);font-weight:600;color:var(--text-primary)}
td{color:var(--text-secondary)}
tr:last-child td{border-bottom:0}
blockquote{border-left:3px solid var(--accent-primary);padding:4px 16px;margin:16px 0;color:var(--text-secondary);background:rgba(163,177,138,.04)}
sup a{color:var(--accent-primary);border:0;padding:0 2px}
section.footnotes,.footnotes{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}
section.footnotes p,.footnotes p{margin:4px 0;color:var(--text-muted);text-align:left}
.doc-footer{margin-top:60px;padding-top:24px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}
.doc-footer-nav{display:flex;flex-wrap:wrap;gap:10px 20px;margin:16px 0}
.doc-footer-nav a{color:var(--text-muted);border:0;font-weight:500}
.doc-footer-nav a:hover{color:var(--accent-primary)}
.contacts{color:var(--text-muted);font-size:.85rem;line-height:1.8}
.hub-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-top:24px}
@media(min-width:640px){.hub-grid{grid-template-columns:1fr 1fr}}
.hub-card{display:block;padding:20px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}
.hub-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}
.hub-card h3{color:var(--text-primary);font-size:1.05rem;margin-bottom:8px}
.hub-card p{color:var(--text-muted);font-size:.9rem;margin:0}
@media(max-width:640px){body{padding:16px 12px 60px;font-size:15px}h1{font-size:1.5rem}article h1{font-size:1.2rem}article p{text-align:left}}