/* Юридические страницы «Небо» (/oferta, /privacy, /payment): стиль сайта —
   светло-голубой фон, белая карточка, тёмный текст, те же шрифты, шапка и подвал.
   Колонка ≤720px, текст ≥16px, интерлиньяж ≥1.5, тап-таргеты ≥44px. */
:root{--paper:#F3F7FA;--ink:#24333F;--ink-soft:#566A76;--deep:#223B4D;--green:#4E86B4;--green-d:#3D6E97;
  --gold:#F2B84B;--line:rgba(36,51,63,.12);--line-soft:rgba(36,51,63,.07);
  --shadow:0 1px 2px rgba(36,51,63,.04),0 14px 40px rgba(36,51,63,.07);--r:20px}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font-family:"Nunito Sans",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2{font-family:"Rubik",sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--deep)}
a{color:var(--green)}
img{max-width:100%}

/* Шапка — как на главной */
header{background:rgba(243,247,250,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:20}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;max-width:1160px;margin:0 auto}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:"Rubik",sans-serif;font-size:1.2rem;font-weight:600;color:var(--ink);text-decoration:none}
.bar .tel{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:99px;background:var(--green);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap}
.bar .tel:hover{background:var(--green-d)}

/* Колонка документа */
.wrap{max-width:720px;margin:0 auto;padding:22px 20px 60px}
.back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;font-weight:700;color:var(--green);text-decoration:none}
.back:hover{color:var(--green-d)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:34px 32px;margin:14px 0}
.edition{display:inline-block;font-size:1rem;line-height:1.6;color:var(--ink-soft);background:rgba(78,134,180,.09);border-radius:99px;padding:6px 14px;margin-bottom:18px}
h1{font-size:clamp(1.6rem,4vw,2.1rem);margin-bottom:6px}
.sub{color:var(--ink-soft);font-size:1.05rem;margin-bottom:6px}
.meta{color:var(--ink-soft);font-size:1rem;margin-bottom:28px}
h2{font-size:1.2rem;margin:34px 0 12px;padding-top:22px;border-top:1px solid var(--line-soft)}
h2:first-of-type{border-top:0;padding-top:0}
p,li{font-size:1.02rem;line-height:1.65;color:var(--ink);margin-bottom:12px}
ul{list-style:none;padding:0}
ul li{position:relative;padding-left:22px}
ul li::before{content:"—";position:absolute;left:0;color:var(--green)}
/* Ссылки в тексте: зона касания ≥44px без сдвига строк (padding компенсирован margin) */
.card p a,.card li a{display:inline-block;padding:9px 0;margin:-9px 0;line-height:inherit}

/* Реквизиты: длинные номера переносятся и не ломают ширину */
.req{background:rgba(78,134,180,.07);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:6px}
.req p{margin-bottom:8px;overflow-wrap:anywhere;word-break:break-word}
.req b{color:var(--deep)}
.req .num{font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere;word-break:break-all}
.req a{min-height:44px;display:inline-flex;align-items:center}


@media(max-width:768px){
}
@media(max-width:520px){
  .card{padding:24px 18px}
  h2{font-size:1.12rem}
  .req .num{font-size:.95rem}
}
@media(max-width:390px){
  .req .num{font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
