:root{--bg:#f4f3f9;--card:#fff;--tx:#18181b;--mu:#5f5d6b;--ac1:#7c5cff;--ac2:#ff5c8a;--bd:#e6e4ef}
@media (prefers-color-scheme:dark){:root{--bg:#0a0910;--card:#14121c;--tx:#f4f4f5;--mu:#a7a4b5;--bd:#272438}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
.wrap{max-width:760px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px 60px}
header{display:flex;align-items:center;gap:12px;margin-bottom:18px}
header a.home{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:800;font-size:22px}
header img{width:36px;height:36px;border-radius:11px}
.langs{margin-left:auto;display:flex;gap:6px}
.langs button{border:1px solid var(--bd);background:var(--card);color:inherit;border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.langs button.on{background:linear-gradient(135deg,var(--ac1),var(--ac2));color:#fff;border-color:transparent}
article{background:var(--card);border:1px solid var(--bd);border-radius:22px;padding:22px 20px}
h1{font-size:28px;line-height:1.2;margin:0 0 6px;letter-spacing:-.02em}
h2{font-size:18px;margin:26px 0 6px}
p,li{color:var(--tx)}
.mu{color:var(--mu);font-size:14px}
ul{padding-left:20px}
a{color:var(--ac1)}
.ph{background:color-mix(in srgb,var(--ac2) 18%,transparent);border-radius:6px;padding:0 4px}
[data-l]{display:none}
[data-l].show{display:block}