/* ============================================================
   ПРАВОВЫЕ СТРАНИЦЫ — политика, согласие и им подобные.
   Чистый лист: ни шапки, ни подвала, одна колонка 720 px.
   Токены и типографику берём из base.css.
   ============================================================ */

.legal-page{
  background:var(--cream);
  color:var(--text);
}

.legal-doc{
  max-width:720px;
  margin:0 auto;
  padding:56px 24px 88px;
}

.legal-doc h1{
  font-family:var(--font-display);
  font-size:clamp(26px,3vw,34px);
  font-weight:800;line-height:1.15;letter-spacing:-.02em;
  margin-bottom:28px;
}

/* Дальше — оформление того, что клиент наберёт в панели.
   Набор тегов ограничен белым списком richtext, поэтому список короткий. */

.legal-doc h2{
  font-family:var(--font-display);
  font-size:25px;font-weight:800;line-height:1.25;
  margin:40px 0 14px;
}

.legal-doc h3{
  font-family:var(--font-display);
  font-size:19px;font-weight:700;line-height:1.3;
  margin:28px 0 10px;
}

.legal-doc p{
  font-size:16px;line-height:1.75;
  margin-bottom:15px;
}

.legal-doc ul,
.legal-doc ol{
  margin:0 0 15px 22px;
  font-size:16px;line-height:1.75;
}
.legal-doc li{margin-bottom:7px}

.legal-doc a{
  color:var(--amber-deep);
  text-decoration:underline;
  text-underline-offset:2px;
}
.legal-doc a:hover{text-decoration:none}

.legal-doc strong{font-weight:700}

.legal-doc .accent{color:var(--amber-deep)}

/* Дата обновления или примечание мелким шрифтом */
.legal-doc p:last-child{margin-bottom:0}

@media (max-width:600px){
  .legal-doc{padding:36px 20px 64px}
  .legal-doc p,.legal-doc ul,.legal-doc ol{font-size:15.5px}
}