/* =====================================================================
   Locus — типографика юридических документов (terms, privacy).
   Поверх base.css. Тёмная тема, Lora для заголовков, Golos Text для текста.
   ===================================================================== */

main{
  flex:1;
  padding:clamp(40px,7vw,80px) 0 clamp(48px,8vw,96px);
}

.doc{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 clamp(20px,5vw,48px);
}

.doc h1{
  font-family:var(--font-display);
  font-weight:500;
  font-size:clamp(32px,5.5vw,52px);
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--ink);
  margin:0 0 14px;
}

.doc .lede{
  font-size:clamp(17px,1.5vw,19px);
  line-height:1.55;
  color:var(--ink-soft);
  margin:0 0 40px;
  max-width:68ch;
}

.doc h2{
  font-family:var(--font-display);
  font-weight:500;
  font-size:clamp(20px,2vw,25px);
  line-height:1.25;
  letter-spacing:-.005em;
  color:var(--ink);
  margin:40px 0 14px;
}

.doc p,
.doc ul{
  font-size:1rem;
  line-height:1.7;
  color:var(--ink-soft);
  margin:0 0 16px;
  max-width:74ch;
}

.doc ul{ padding-left:22px; }
.doc li{ margin:0 0 8px; }
.doc li:last-child{ margin-bottom:0; }
.doc strong{ font-weight:600; color:var(--ink); }

.doc a{
  color:var(--ink);
  border-bottom:1px solid var(--line-strong);
  padding-bottom:1px;
  transition:color .18s var(--ease), border-color .18s var(--ease);
}
.doc a:hover{ color:var(--accent); border-color:var(--accent); }

.doc code{
  font-family:ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size:.9em;
  padding:1px 6px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:4px;
}

.doc .rev{
  margin-top:48px;
  padding-top:20px;
  border-top:1px solid var(--line);
  font-size:14px;
  color:var(--ink-dim);
  max-width:74ch;
}

.doc .back{
  display:inline-block;
  margin-top:40px;
  font-size:14px;
  letter-spacing:.04em;
  color:var(--ink);
  border-bottom:1px solid var(--ink);
  padding-bottom:2px;
  transition:color .2s var(--ease), border-color .2s var(--ease);
}
.doc .back:hover{ color:var(--accent); border-color:var(--accent); }