/* Юридические страницы: общий стиль на токенах (tokens.css подключается первым) */
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--canvas);font:var(--fw-regular) var(--fs-16)/1.65 var(--font-ui)}
.page{width:min(920px,calc(100% - 32px));margin:30px auto 56px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.hero{padding:30px 34px 26px;color:#fff;background:var(--forest)}
.brand{display:inline-block;margin-bottom:13px;font:var(--fw-semibold) 24px/1 var(--font-ui)}
h1{margin:0;font:var(--fw-semibold) 28px/1.2 var(--font-ui)}
.meta{margin:13px 0 0;color:#d6efe9;font-size:var(--fs-14)}
main{padding:28px 34px 36px}
main > *{max-width:68ch}
main > table{max-width:none}
h2{margin:32px 0 10px;color:var(--forest);font:var(--fw-semibold) var(--fs-20)/1.3 var(--font-ui)}
h2:first-child{margin-top:0}
p,li{font-size:var(--fs-16);line-height:1.65;overflow-wrap:anywhere}
ul{margin:10px 0;padding-left:24px}
.notice{margin:22px 0;padding:16px 18px;border-left:4px solid var(--forest);border-radius:var(--radius-sm);background:var(--tint)}
table{width:100%;border-collapse:collapse;margin:15px 0;font-size:var(--fs-14)}
th,td{padding:10px 12px;text-align:left;vertical-align:top;border:1px solid var(--line)}
th{color:var(--forest);background:var(--tint);font-weight:var(--fw-semibold)}
.footer{padding:18px 34px;border-top:1px solid var(--line);color:var(--muted);background:var(--canvas);font-size:var(--fs-14)}
a{color:var(--forest)}
@media(max-width:640px){.page{width:100%;margin:0;border:0;border-radius:0}.hero,main,.footer{padding-left:20px;padding-right:20px}h1{font-size:var(--fs-24)}h2{font-size:18px}}

/* ===== design[45]: единый стиль с главной — заголовки Manrope, «таблетки»-кнопки, мягкие карточки ===== */
h1, h2, h3, .wordmark, .nav-brand, .brand-side h1, .hg-section-title, .hg-hero h1, .hg-title {
  font-family: var(--font-head); letter-spacing: -.02em;
}

.page { border-radius: 28px; }
.hero { background: linear-gradient(135deg, #147466, #0e5a4f); }