:root { --bg:#070b0a; --panel:#101815; --text:#fbf7ee; --muted:#aebcb3; --line:rgba(251,247,238,.12); --green:#2de0b5; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.wrap { max-width: 820px; margin: 0 auto; padding: 32px 20px 80px; }
header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:32px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--text); text-decoration:none; font-weight:600; }
.brand-mark { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:var(--green); color:#07100d; font-weight:700; }
.lang-switch { display:flex; gap:6px; }
.lang-switch button { padding:6px 12px; border:1px solid var(--line); border-radius:10px; background:transparent; color:var(--muted); font:inherit; font-size:12px; letter-spacing:.08em; cursor:pointer; }
.lang-switch button.active { color:var(--text); border-color:var(--green); background:rgba(45,224,181,.08); }
h1 { font-size: 28px; line-height:1.25; margin: 0 0 8px; }
h2 { font-size: 18px; margin: 32px 0 8px; }
p, li { color: var(--muted); }
.meta { font-size: 13px; color: var(--muted); margin-bottom: 24px; }
.draft { border:1px solid rgba(216,183,107,.5); background:rgba(216,183,107,.08); color:#d8b76b; padding:10px 14px; border-radius:12px; font-size:13px; margin-bottom:24px; }
[data-locale-block] { display:none; }
[data-locale-block].visible { display:block; }
a { color: var(--green); }
.placeholder { color:#d8b76b; }