/* ============================================================
   Кутузовский XII — legal.css
   Prose styling for policy / offer / consent / requisites pages.
   Extends site.css tokens — link site.css BEFORE this file.
   ============================================================ */

.doc-bar{ position:fixed; top:0; left:0; right:0; z-index:50; display:flex; align-items:center; justify-content:space-between;
  padding:18px clamp(20px,4vw,40px); background:var(--bar); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
  border-bottom:1px solid var(--bar-line); }
.doc-bar .back{ font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft); text-decoration:none; transition:color .3s var(--ease); }
.doc-bar .back:hover{ color:var(--gold); }

.doc-shell{ max-width:760px; margin:0 auto; padding:clamp(96px,15vh,150px) 24px 110px; position:relative; z-index:1; }
.doc-head{ margin-bottom:clamp(36px,5vh,56px); }
.doc-head h1{ margin-top:16px; font-size:clamp(28px,4.2vw,46px); }
.doc-meta{ margin-top:14px; font-family:var(--mono); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); }

.doc-body h2{ margin-top:44px; padding-top:26px; border-top:1px solid var(--hairline); font-size:clamp(18px,2vw,23px); }
.doc-body h2:first-child{ margin-top:0; padding-top:0; border-top:0; }
.doc-body p{ margin-top:16px; font-size:var(--fs-body); line-height:var(--lh-relaxed); color:var(--ink-soft); }
.doc-body h2 + p{ margin-top:16px; }
.doc-body ul, .doc-body ol{ margin-top:16px; padding-left:22px; display:flex; flex-direction:column; gap:10px; color:var(--ink-soft); font-size:var(--fs-body); line-height:var(--lh-relaxed); }
.doc-body li::marker{ color:var(--gold-deep); }
.doc-body strong{ color:var(--ink); font-weight:600; }
.doc-body a{ color:var(--gold); text-decoration-color:var(--glass-line); text-underline-offset:3px; }
.doc-body a:hover{ color:var(--gold-deep); }

.doc-reqs{ display:grid; grid-template-columns:1fr 1fr; gap:0 40px; margin-top:16px; }
.doc-reqs .di{ display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:14px 0; border-top:1px solid var(--hairline); }
.doc-reqs .di .a{ font-size:12.5px; color:var(--ink-faint); font-family:var(--mono); text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; }
.doc-reqs .di .b{ font-size:15.5px; color:var(--ink); font-weight:500; text-align:right; }
@media (max-width:680px){ .doc-reqs{ grid-template-columns:1fr; } .doc-reqs .di .b{ text-align:left; } .doc-reqs .di{ flex-direction:column; gap:4px; } }

.doc-nav{ margin-top:60px; padding-top:26px; border-top:1px solid var(--hairline); display:flex; flex-wrap:wrap; gap:10px 22px; }
.doc-nav a{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); text-decoration:none; transition:color .3s var(--ease); }
.doc-nav a:hover{ color:var(--gold); }
.doc-nav a.cur{ color:var(--gold); }