/* Legal pages — shared styles. Design tokens mirror the landing
   (public/landing/styles.css) so /privacy, /terms, /cookies,
   /author-terms and /contacts feel like one site. Reading column is
   narrower than the landing container for long-form legibility. */
:root{
  --ink:#07182f;
  --muted:#607086;
  --teal:#008f96;
  --teal-dark:#007c84;
  --teal-pale:#dff5f4;
  --line:#dce6eb;
  --tint:#f7fafc;
  --white:#fff;
  --shadow:0 16px 40px rgba(28,55,76,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}

.container{width:min(1320px,calc(100% - 80px));margin-inline:auto}

/* Header — compact version of the landing header */
.lheader{height:74px;background:#fff;border-bottom:1px solid var(--line)}
.lheader__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.04em;color:var(--ink);white-space:nowrap}
.logo:hover{text-decoration:none}
.logo__icon{width:28px;height:28px;color:var(--teal)}
.lheader__back{font-size:14px;font-weight:600}

/* Reading column */
.legal{width:min(820px,calc(100% - 40px));margin:0 auto;padding:52px 0 40px}
.legal__eyebrow{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 14px}
.legal h1{font-size:30px;line-height:1.22;letter-spacing:-.03em;font-weight:800;margin:0 0 6px}
.legal__sub{color:var(--muted);font-size:14px;margin:0 0 34px}
.legal h2{font-size:18px;line-height:1.3;letter-spacing:-.01em;font-weight:800;margin:38px 0 12px;padding-top:6px}
.legal h2:first-of-type{margin-top:26px}
.legal p{margin:0 0 12px;font-size:15.5px;color:#20344e}
.legal p.clause{margin:0 0 11px}
.legal ul{margin:0 0 14px;padding-left:22px}
.legal li{margin:0 0 7px;font-size:15.5px;color:#20344e}
.legal strong{font-weight:700}
.legal h2 .num{color:var(--teal);font-weight:800;margin-right:2px}

/* Tables (cookie register) */
.tablewrap{overflow-x:auto;margin:6px 0 18px}
.legal table{border-collapse:collapse;width:100%;font-size:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.legal thead th{background:var(--tint);text-align:left;font-weight:700;color:var(--ink)}
.legal th,.legal td{padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.legal tbody tr:last-child td{border-bottom:0}

/* Contacts card */
.card{border:1px solid var(--line);border-radius:12px;padding:24px 26px;background:var(--tint);box-shadow:var(--shadow);margin:6px 0 26px}
.card dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:0}
.card dt{color:var(--muted);font-size:14px}
.card dd{margin:0;font-size:15.5px;font-weight:600}

/* «Другие документы» cross-nav */
.docnav{margin-top:46px;border-top:1px solid var(--line);padding-top:22px}
.docnav h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 12px;font-weight:700}
.docnav__list{display:flex;flex-wrap:wrap;gap:10px 14px;padding:0;margin:0;list-style:none}
.docnav__list a{font-size:14px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fff}
.docnav__list a:hover{border-color:var(--teal);color:var(--teal);text-decoration:none}
.docnav__list a[aria-current="page"]{background:var(--teal-pale);border-color:var(--teal-pale);color:var(--teal-dark);font-weight:600}

/* Footer */
.lfooter{background:#07182f;color:#c3d0de;margin-top:40px}
.lfooter__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;padding:34px 0}
.lfooter a{color:#c3d0de}
.lfooter a:hover{color:#fff;text-decoration:none}
.lfooter__links{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}
.lfooter__copy{font-size:13px;color:#8ea1b6;width:100%;padding:22px 0;margin:0}

@media (max-width:720px){
  .container{width:calc(100% - 32px)}
  .legal{padding:34px 0 30px}
  .legal h1{font-size:25px}
  .card dl{grid-template-columns:1fr;gap:3px 0}
  .card dd{margin-bottom:10px}
}