/* legal2.css — the offer and the privacy policy on the site2 design system.
 *
 * Loaded after site2.css by oferta.html and privacy.html. The document markup is the
 * one these pages already had (.toc, .doc-section, .sec-num, .callout, .party-block,
 * .label, .legal-note, .rights-grid), carried over unchanged so that not a character
 * of the legal text moves; only the visual language is site2's.
 */

.legal-doc{max-width:76ch}
.legal-doc p{margin:0 0 16px;color:var(--cream-2);font-size:16.5px;line-height:1.68}
.legal-doc p:last-child{margin-bottom:0}
.legal-doc strong{color:var(--cream);font-weight:500}
.legal-doc a{color:var(--brass);text-decoration:underline;text-underline-offset:3px}
.legal-doc a:hover{color:var(--brass-2)}
.legal-doc ul,
.legal-doc ol{margin:0 0 18px;padding-left:22px;color:var(--cream-2)}
.legal-doc ul{list-style:disc}
.legal-doc ol{list-style:decimal}
.legal-doc li{margin:8px 0;font-size:16.5px;line-height:1.62}
.legal-doc li::marker{color:var(--brass)}

/* ---------- содержание ---------- */
.toc{
  margin-bottom:clamp(38px,4vw,60px);padding:26px 28px;
  border:1px solid var(--line);border-radius:var(--r);background:rgba(38,16,23,.4);
}
.toc h3{
  margin:0 0 16px;font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--brass);
}
.toc ol{
  margin:0;padding:0;list-style:none;counter-reset:toc;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 28px;
}
.toc li{counter-increment:toc;margin:0}
.toc li::before{
  content:counter(toc,decimal-leading-zero);
  font-family:var(--mono);font-size:11.5px;color:var(--cream-3);margin-right:10px;
}
.toc a{color:var(--cream-2);text-decoration:none;font-size:15.5px;line-height:2}
.toc a:hover{color:var(--brass)}

/* ---------- разделы документа ---------- */
.doc-section{padding:clamp(30px,3vw,44px) 0;border-top:1px solid var(--line)}
.doc-section:first-of-type{border-top:0;padding-top:0}
.doc-section h2{
  display:flex;align-items:baseline;gap:16px;
  margin:0 0 22px;font-size:clamp(21px,1.9vw,27px);line-height:1.24;
}
.sec-num{
  font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--brass);
  border:1px solid var(--brass-line);border-radius:var(--r);padding:5px 9px;flex:none;
}
.doc-section h3{
  margin:26px 0 12px;font-family:var(--sans);font-size:17px;font-weight:500;
  color:var(--cream);
}

/* ---------- выноски и блоки реквизитов ---------- */
.callout{
  margin:0 0 24px;padding:20px 22px;
  border:1px solid var(--brass-line);border-radius:var(--r);
  background:var(--brass-dim);
}
.callout p{color:var(--cream);margin-bottom:12px}
.callout p:last-child{margin-bottom:0}

.party-block{
  display:grid;gap:10px;margin:0 0 22px;padding:20px 22px;
  border:1px solid var(--line);border-radius:var(--r);background:rgba(38,16,23,.4);
  font-size:16px;color:var(--cream);
}
.label{
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cream-3);
}

.legal-note{
  margin-top:clamp(30px,3vw,44px);padding:20px 22px;
  border:1px solid var(--line);border-radius:var(--r);
  color:var(--cream-3);font-size:14.5px;line-height:1.6;
}

/* ---------- таблицы и сетки внутри документа ---------- */
.legal-doc table{
  width:100%;border-collapse:collapse;margin:0 0 22px;
  font-size:15px;color:var(--cream-2);
}
.legal-doc th,
.legal-doc td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.legal-doc th{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--cream-3);font-weight:500;
}
.table-wrap,
.legal-doc .scroll{overflow-x:auto}

.rights-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;margin:0 0 22px;
}
.right-item{
  padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);
  background:rgba(38,16,23,.4);
}
.right-title{color:var(--cream);font-size:16px;margin-bottom:8px}
.right-desc{color:var(--cream-2);font-size:14.5px;line-height:1.55}

@media (max-width:719px){
  .toc ol{grid-template-columns:1fr}
  .doc-section h2{flex-direction:column;gap:10px}
  .sec-num{align-self:flex-start}
}