/* Юридические страницы (оферта, политика): шапка и подвал из base.css, читаемая колонка на кремовом фоне. */
.legal-hero{width:min(calc(100% - 2*var(--gut)),var(--max));margin:8px auto 0;padding:clamp(28px,5vw,56px);border:2px solid var(--ink);border-radius:var(--r-l);background:radial-gradient(circle at 90% 10%,rgba(255,161,61,.8) 0,rgba(255,161,61,0) 40%),linear-gradient(135deg,var(--coral),var(--coral-2));box-shadow:0 6px 0 var(--ink)}
.legal-hero .eyebrow{display:inline-block;background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;letter-spacing:.06em}
.legal-hero h1{font:800 clamp(30px,5vw,56px)/1.08 var(--display);overflow-wrap:break-word;hyphens:auto;letter-spacing:-.03em;margin:20px 0 14px;max-width:880px}
.legal-hero h1 em{font-style:normal;background:var(--cream);color:var(--violet);padding:0 .14em;border-radius:.2em}
.legal-hero p{max-width:640px;font-size:18px}
.legal-main{max-width:820px;margin:0 auto;padding:clamp(36px,6vw,64px) var(--gut) clamp(56px,8vw,96px)}
.legal-main h2{font:700 clamp(19px,2.4vw,24px)/1.25 var(--display);letter-spacing:-.01em;margin:44px 0 14px;padding-top:26px;border-top:2px solid var(--line)}
.legal-main h2:first-child{margin-top:0;border-top:0;padding-top:0}
.legal-main p,.legal-main li{color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 12px}
.legal-main ul{padding-left:22px;margin:0 0 14px}
.legal-main ul li{list-style:disc}
.legal-main strong{color:var(--ink)}
.legal-main a{color:var(--violet-2);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-main a:hover{color:var(--coral-ink)}
.legal-switch{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:28px;border-top:2px solid var(--line)}
.legal-main .legal-switch a{display:inline-flex;align-items:center;min-height:50px;padding:12px 22px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none;box-shadow:0 3px 0 var(--ink)}
.legal-main .legal-switch a:hover{background:var(--cream-2);color:var(--ink)}
@media(max-width:560px){
  .legal-hero{padding:24px 16px 28px;border-radius:28px}
  .legal-hero h1{font-size:clamp(20px,6vw,28px)}
  .legal-main h2{margin-top:34px;padding-top:20px}
  .legal-switch a{flex:1 1 100%;justify-content:center}
}