/* Общие стили контентных страниц: методика, советы, политика. Токены цветов те же, что на главной. */
/* Те же цветовые токены, что и на главной странице (см. static/index.html) */
:root{
  --bg:#F3F4F0; --panel:#FFFFFF; --panel-2:#F7F8F5; --ink:#1B2620; --muted:#61706A; --line:#DCE1DB;
  --fact:#1F8A5F; --fc:#C07A12; --dep:#2E6FBF; --goal:#9A3D6C; --danger:#B3402F;
  --fact-soft:rgba(31,138,95,.12); --shadow:0 1px 2px rgba(27,38,32,.05);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#121715; --panel:#1A211E; --panel-2:#212A26; --ink:#E6ECE8; --muted:#97A69F; --line:#2C3631;
    --fact:#38A06E; --fc:#BD8626; --dep:#5A97DC; --goal:#C46B9B; --danger:#E5705C;
    --fact-soft:rgba(56,160,110,.18); --shadow:none;
  }
}
:root[data-theme="dark"]{
  --bg:#121715; --panel:#1A211E; --panel-2:#212A26; --ink:#E6ECE8; --muted:#97A69F; --line:#2C3631;
  --fact:#38A06E; --fc:#BD8626; --dep:#5A97DC; --goal:#C46B9B; --danger:#E5705C;
  --fact-soft:rgba(56,160,110,.18); --shadow:none;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6}
main{max-width:760px;margin:0 auto;padding-block:24px 60px;padding-inline:18px}

header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-start;justify-content:space-between;margin-bottom:8px}
.back{font-size:.9rem;color:var(--muted);text-decoration:none}
.back:hover{color:var(--fact)}
.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow)}
.seg button{background:transparent;border:0;color:var(--muted);font:inherit;font-size:.82rem;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--fact);color:var(--panel)}
.seg button:focus-visible{outline:2px solid var(--fact);outline-offset:1px}

h1{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;margin:12px 0 6px;letter-spacing:-.02em;text-wrap:balance}
.lead{color:var(--muted);margin:0 0 28px;font-size:1.05rem;max-width:60ch}
h2{font-size:1.25rem;font-weight:700;margin:36px 0 10px;letter-spacing:-.01em}
h3{font-size:1rem;font-weight:700;margin:22px 0 6px}
p{margin:0 0 12px;max-width:68ch}
ul,ol{margin:0 0 12px;padding-left:22px;max-width:68ch}
li{margin-bottom:4px}
a{color:var(--fact)}

/* Формулы: обычный текст с переменными курсивом, без внешних библиотек */
.f{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0 14px;
  font-size:1.05rem;font-variant-numeric:tabular-nums;overflow-x:auto;white-space:nowrap}
.f i{font-style:italic}
.f sub,.f sup{font-size:.7em}
var{font-style:italic}

table{border-collapse:collapse;width:100%;max-width:560px;font-variant-numeric:tabular-nums;font-size:.95rem;margin:10px 0 16px}
th,td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left}
th{font-weight:600;color:var(--muted);font-size:.85rem;letter-spacing:.02em}
td.num,th.num{text-align:right}
.tbl{overflow-x:auto}

.note{background:var(--panel);border-left:3px solid var(--fc);border-radius:0 10px 10px 0;padding:10px 14px;margin:14px 0;font-size:.95rem}
.sw{display:inline-block;width:14px;height:0;border-top:3px solid;vertical-align:middle;margin-right:6px}
.sw.fact{border-color:var(--fact)}
.sw.fc{border-color:var(--fc);border-top-style:dashed}
.sw.dep{border-color:var(--dep);border-top-style:dashed}
.sw.goal{border-color:var(--goal);border-top-style:dotted}

.cta{display:inline-block;margin-top:8px;background:var(--fact);color:var(--panel);text-decoration:none;font-weight:600;padding:10px 18px;border-radius:10px}
.ad{margin-top:36px;padding:10px 12px 12px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.ad small{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ad .slot{min-height:90px}
footer{margin-top:40px;color:var(--muted);font-size:.85rem}

.fnav{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.fnav a{color:var(--muted);text-decoration:none}
.fnav a:hover{color:var(--fact)}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:10px 0 16px;max-width:68ch}
.kv b{font-weight:600}
@media (max-width:520px){.kv{grid-template-columns:1fr}}
.upd{color:var(--muted);font-size:.9rem;margin:0 0 20px}

/* Переключатель языка (общий с главной страницей) */
.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.langs{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow)}
.langs a{background:transparent;border:0;color:var(--muted);font:inherit;font-size:.82rem;font-weight:600;
  padding:5px 12px;border-radius:999px;text-decoration:none;line-height:1.4}
.langs a.on{background:var(--fact);color:var(--panel)}
.langs a:hover:not(.on){color:var(--ink)}
.langs a:focus-visible{outline:2px solid var(--fact);outline-offset:1px}