:root{
  --bg:#0a0a0e;--fg:#d9d9e1;--strong:#fff;--muted:#8a8a96;--accent:#ff6aa0;
  --note-bg:rgba(255,200,0,.10);--note-bd:rgba(255,200,0,.30);--note-fg:#ffd866;
}
/* Мобильные устройства — инверсия: белый фон, чёрный текст
   (минимализм для встроенного браузера приложения). */
@media(max-width:880px){
  :root{--bg:#fff;--fg:#33333a;--strong:#0b0b0d;--muted:#7a7a85;--accent:#e11d68;
    --note-bg:#fff8e6;--note-bd:#f0d27a;--note-fg:#8a6d00;}
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--fg);
  -webkit-font-smoothing:antialiased;line-height:1.65}
main{max-width:600px;margin:0 auto;padding:64px 28px 96px}
.kicker{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.kicker a{color:inherit;text-decoration:none}
h1{font-size:clamp(34px,7vw,46px);font-weight:800;letter-spacing:-.03em;color:var(--strong);line-height:1.05;margin-bottom:10px}
.meta{color:var(--muted);font-size:13px;margin-bottom:18px}
.note{background:var(--note-bg);border:1px solid var(--note-bd);color:var(--note-fg);border-radius:12px;padding:11px 14px;font-size:13px;margin-bottom:44px}
section{margin-bottom:40px}
h2{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
h3{font-size:16px;font-weight:700;color:var(--strong);margin:22px 0 8px}
p,li{font-size:17px;color:var(--fg)}
p+p{margin-top:12px}
.footnote{font-size:13px;color:var(--muted);margin-top:16px}
.upper{text-transform:none}
ul{list-style:none;padding:0;margin-top:4px}
li{padding-left:20px;position:relative;margin-bottom:12px}
li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
li b,p b{color:var(--strong);font-weight:700}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}