/* ============================================================
   The Classic Method — legal.css
   Правовые страницы (Политика/Оферта/Соглашение/Реквизиты).
   ВЕСЬ скоуп под .page-legal. Глобальные шапка/подвал переиспользуются.
   Оглавление строится из H2 в legal.js. Светлая база.
   ============================================================ */

.page-legal{
	--ink:#181818;--ink2:#454048;--text:#39343a;
	--burgundy:#732239;--burgundy-d:#560A24;--gold:#C9A24E;--gold-d:#a07d34;
	--line:#e7e1d4;--line2:#dac0c4;--ui:#877275;
	color:var(--text);
}
.page-legal a{color:inherit;text-decoration:none}
.page-legal .wrap{max-width:1180px;margin:0 auto;padding:0 64px;width:100%}

/* DOC HEAD */
.page-legal .dochead{padding:128px 0 30px;border-bottom:1px solid var(--line)}
.page-legal .dochead .crumb{font-size:12px;letter-spacing:.04em;color:var(--ui);margin-bottom:16px}
.page-legal .dochead .crumb a:hover{color:var(--burgundy)}
.page-legal .dochead .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ui);font-weight:600;margin-bottom:13px}
.page-legal .dochead .eyebrow .d{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.page-legal .dochead h1{font-family:var(--disp);font-weight:400;font-size:clamp(34px,5vw,52px);line-height:1.03;color:var(--ink);max-width:780px}
.page-legal .dochead .meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:12.5px;color:var(--ui)}
.page-legal .dochead .meta b{color:var(--ink2);font-weight:600}

/* DOC BODY */
.page-legal .docwrap{padding:38px 0 80px}
.page-legal .doc-grid{display:grid;grid-template-columns:236px 1fr;gap:56px;align-items:start}

/* TOC */
.page-legal .toc{position:sticky;top:92px}
.page-legal .toc .t{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ui);font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.page-legal .toc ol{list-style:none;counter-reset:s;margin:0;padding:0}
.page-legal .toc li{counter-increment:s}
.page-legal .toc a{display:flex;gap:11px;padding:8px 0 8px 12px;font-size:13px;color:var(--ink2);border-left:2px solid transparent;margin-left:-12px;transition:all .2s;line-height:1.35}
.page-legal .toc a::before{content:counter(s,decimal-leading-zero);font-family:var(--disp);font-size:13px;color:var(--line2);flex:none}
.page-legal .toc a:hover{color:var(--burgundy)}
.page-legal .toc a.on{color:var(--burgundy);font-weight:600;border-left-color:var(--burgundy)}
.page-legal .toc a.on::before{color:var(--gold-d)}

/* ARTICLE */
.page-legal .article{max-width:740px}
.page-legal .article .lead{font-size:16px;line-height:1.7;color:var(--ink2);margin:6px 0 8px}
.page-legal .article h2{font-family:var(--disp);font-weight:500;font-size:25px;color:var(--ink);margin:0 0 16px;padding-top:30px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:14px;scroll-margin-top:96px}
.page-legal .article h2:first-of-type{border-top:0;padding-top:8px}
.page-legal .article h2 .n{font-size:14px;color:var(--gold-d);font-family:var(--disp);flex:none}
.page-legal .article h3{font-size:15px;font-weight:700;color:var(--ink);margin:22px 0 8px;letter-spacing:.01em}
.page-legal .article p{font-size:15px;line-height:1.74;color:var(--text);margin:0 0 14px}
.page-legal .article ul{margin:0 0 14px;padding-left:0;list-style:none}
.page-legal .article li{position:relative;padding-left:22px;font-size:15px;line-height:1.7;color:var(--text);margin-bottom:9px}
.page-legal .article li::before{content:"";position:absolute;left:2px;top:11px;width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.page-legal .article a.inl{color:var(--burgundy);font-weight:600;border-bottom:1px solid var(--line2)}
.page-legal .article a.inl:hover{border-color:var(--burgundy)}
.page-legal .article strong{color:var(--ink);font-weight:700}
.page-legal .article .updnote{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--ui)}
.page-legal .article .backtop{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:12px;letter-spacing:.04em;color:var(--burgundy);font-weight:600;cursor:pointer}

@media(max-width:1040px){
	.page-legal .wrap{padding-left:32px;padding-right:32px}
	.page-legal .doc-grid{grid-template-columns:1fr;gap:8px}
	.page-legal .toc{position:static;margin-bottom:18px;border:1px solid var(--line);padding:16px 18px}
	.page-legal .toc ol{columns:2;column-gap:24px}
}
@media(max-width:560px){
	.page-legal .wrap{padding-left:20px;padding-right:20px}
	.page-legal .dochead{padding-top:104px}
	.page-legal .toc ol{columns:1}
}