@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow+Semi+Condensed:wght@400;600;700&display=swap');
:root { --ink:#16213A; --paper:#F5F6F2; --card:#FFFFFF; --line:#D9DCD3; --steel:#5F6880; --orange:#E8590C; --green:#2F9E68; }
@media (prefers-color-scheme: dark) {
  :root { --ink:#E8EBF2; --paper:#0E121B; --card:#161C29; --line:#2A3247; --steel:#9AA3B8; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif; font-size:17px; line-height:1.6; }
.nav { background:#16213A; padding:14px 16px; }
.nav .in { max-width:760px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.brand { color:#fff; text-decoration:none; font-family:'Barlow Condensed',Arial,sans-serif; font-weight:700; font-size:22px; letter-spacing:0.12em; }
.nav a.lang { color:#fff; text-decoration:none; font-family:'Barlow Condensed',Arial,sans-serif; font-weight:700; font-size:14px; letter-spacing:0.08em; border:1.5px solid #3A4568; border-radius:999px; padding:5px 14px; }
main { max-width:760px; margin:0 auto; padding:28px 16px 60px; }
h1 { font-family:'Barlow Condensed',Arial,sans-serif; font-weight:700; font-size:36px; line-height:1.1; letter-spacing:0.03em; text-transform:uppercase; margin:0 0 6px; }
.meta { color:var(--steel); font-size:15px; margin-bottom:22px; }
h2 { font-family:'Barlow Condensed',Arial,sans-serif; font-weight:700; font-size:23px; letter-spacing:0.03em; margin:34px 0 8px; padding-top:10px; border-top:1.5px solid var(--line); }
h3 { font-size:18px; margin:20px 0 6px; }
p, li { max-width:70ch; }
ul { padding-left:22px; }
li { margin-bottom:6px; }
a { color:var(--orange); }
.box { background:var(--card); border:1.5px solid var(--line); border-left:5px solid var(--orange); border-radius:10px; padding:14px 16px; margin:16px 0; }
.box p { margin:0 0 6px; } .box p:last-child { margin:0; }
table { width:100%; border-collapse:collapse; font-size:15px; margin:10px 0 6px; }
th, td { text-align:left; vertical-align:top; padding:8px 8px; border-bottom:1px solid var(--line); }
th { font-family:'Barlow Condensed',Arial,sans-serif; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; font-size:13px; color:var(--steel); }
.scroll { overflow-x:auto; }
.toc { background:var(--card); border:1.5px solid var(--line); border-radius:10px; padding:12px 16px; font-size:15px; }
.toc ol { margin:6px 0 0; padding-left:20px; }
footer { color:var(--steel); font-size:14px; margin-top:40px; border-top:1.5px solid var(--line); padding-top:14px; }