:root{
  --bg:#f7f7f5; --panel:#ffffff; --border:#e4e3de; --text:#1c1c1a;
  --muted:#63625c; --accent:#0f6e4f; --tab-bg:#efeee9;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#121212; --panel:#191919; --border:#2c2c2a; --text:#ececea;
    --muted:#9a9a94; --accent:#4fd39a; --tab-bg:#1f1f1d;
  }
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.6;
}
.wrap{max-width:720px; margin:0 auto; padding:48px 20px 96px;}
.brand{font-size:0.8rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); margin-bottom:8px;}
h1{font-size:1.6rem; margin:0 0 24px; letter-spacing:-0.01em;}
nav.pages{display:flex; gap:16px; margin-bottom:28px; font-size:0.9rem;}
nav.pages a{color:var(--muted); text-decoration:none; border-bottom:1px solid transparent;}
nav.pages a.active{color:var(--text); border-bottom-color:var(--accent);}
nav.pages a:hover{color:var(--text);}
.langbar{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:32px; border-bottom:1px solid var(--border); padding-bottom:16px;}
.langbtn{
  appearance:none; border:1px solid var(--border); background:var(--tab-bg); color:var(--muted);
  font-size:0.8rem; padding:6px 12px; border-radius:6px; cursor:pointer; font-family:inherit;
}
.langbtn.active{background:var(--accent); color:#08150f; border-color:var(--accent); font-weight:600;}
.doc{display:none; font-size:0.95rem; color:var(--text);}
.doc.active{display:block;}
.doc p{margin:0 0 16px;}
.doc h2{font-size:1rem; letter-spacing:0.03em; margin:32px 0 12px; color:var(--text); border-top:1px solid var(--border); padding-top:24px;}
.doc h2:first-child{border-top:none; padding-top:0; margin-top:0;}
.doc ul{margin:0 0 16px; padding-left:20px;}
.doc li{margin-bottom:6px;}
footer{margin-top:48px; padding-top:20px; border-top:1px solid var(--border); color:var(--muted); font-size:0.82rem;}
a{color:var(--accent);}