/* Статические документы: общие токены и шрифты лендинга из styles.css. */
.legal-page > main{line-height:1.6}
.legal-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.legal-hero{padding:72px 0 36px}
.legal-eyebrow{
  margin-bottom:20px;color:var(--gold);font-size:13px;line-height:1.5;
  letter-spacing:.07em;
}
.legal-hero h1{
  max-width:1000px;font-family:var(--font-display);font-weight:400;
  font-size:clamp(44px,5.5vw,76px);line-height:1.08;letter-spacing:-.02em;
  overflow-wrap:break-word;
}
.legal-meta{display:flex;gap:10px;margin-top:24px;color:var(--text-muted);font-size:13px}
.legal-doc-nav{
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 28px;
  padding:0 0 26px;border-bottom:1px solid var(--hairline);
  color:var(--text-body);font-size:13px;
}
.legal-doc-nav a{display:flex;align-items:center;min-height:44px;padding-block:6px}
.legal-doc-nav a[aria-current="page"]{color:var(--gold)}
.legal-layout{
  display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;
  gap:72px;padding:48px 0 88px;
}
.legal-contents{position:sticky;top:28px;max-height:calc(100svh - 56px);overflow-y:auto;scrollbar-width:thin}
.legal-contents h2{
  margin-bottom:18px;color:var(--white);font-size:14px;font-weight:600;line-height:1.5;
}
.legal-contents ol{display:grid;gap:4px}
.legal-contents a{
  display:block;padding:6px 12px 6px 0;color:var(--text-body);
  font-size:12px;line-height:1.65;overflow-wrap:break-word;
}
.legal-document{width:100%;max-width:75ch;min-width:0;color:var(--text-body);font-size:16px;line-height:1.9}
.legal-document p{margin-bottom:20px;overflow-wrap:anywhere}
.legal-document h2{
  margin:48px 0 20px;color:var(--white);
  font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1.25;
  scroll-margin-top:28px;overflow-wrap:break-word;
}
.legal-document h2:first-child{margin-top:0}
.legal-document:focus{outline:none}
.legal-to-top{
  display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:28px;
  color:var(--gold);font-size:13px;
}
.legal-page main a,.legal-page main button{transition:color .2s ease}
.legal-page main a:focus-visible,.legal-page main button:focus-visible,.legal-skip:focus-visible{
  outline:2px solid var(--gold);outline-offset:5px;border-radius:3px;
}
.legal-skip{
  position:fixed;z-index:100;top:12px;left:16px;padding:12px 18px;
  background:var(--gold);color:var(--bg);border-radius:8px;
  transform:translateY(-160%);
}
.legal-skip:focus{transform:translateY(0)}
@media (hover:hover){
  .legal-page main a:hover,.legal-page main button:hover{color:var(--gold)}
  .legal-skip:hover{color:var(--bg)}
}
@media (max-width:1000px){
  .legal-wrap{width:calc(100% - 64px)}
  .legal-layout{grid-template-columns:200px minmax(0,1fr);gap:36px}
  .legal-document{font-size:15px}
}
@media (max-width:760px){
  .legal-wrap{width:calc(100% - 32px)}
  .legal-hero{padding:44px 0 26px}
  .legal-eyebrow{font-size:12px;margin-bottom:16px;letter-spacing:.03em}
  .legal-hero h1{font-size:44px;line-height:1.12}
  .legal-meta{margin-top:20px;font-size:12px}
  .legal-doc-nav{display:grid;gap:0;padding-bottom:20px;font-size:13px}
  .legal-layout{display:block;padding:28px 0 52px}
  .legal-contents{position:static;max-height:none;overflow:visible;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--hairline)}
  .legal-contents h2{margin-bottom:12px}
  .legal-contents a{display:flex;align-items:center;min-height:44px;font-size:13px;padding:8px 0;line-height:1.6}
  .legal-document{font-size:15px;line-height:1.85}
  .legal-document h2{margin-top:36px;font-size:27px;scroll-margin-top:20px}
  .legal-document p{margin-bottom:18px}
}
@media (max-width:360px){
  .legal-hero h1{font-size:38px}
}
@media (prefers-reduced-motion:reduce){
  .legal-page main a,.legal-page main button{transition:none}
}
@media print{
  @page{margin:18mm}
  .legal-page{background:#fff;color:#000;font-family:Arial,sans-serif;overflow:visible}
  .legal-wrap{width:100%;max-width:none}
  .legal-page > .header,.legal-page > .footer,.legal-doc-nav,.legal-contents,.legal-to-top,.legal-skip{display:none}
  .legal-hero{padding:0 0 24px;border-bottom:1px solid #aaa}
  .legal-eyebrow,.legal-meta{color:#444}
  .legal-hero h1{font-family:Arial,sans-serif;font-size:26pt;line-height:1.2;color:#000}
  .legal-meta{margin-top:12px}
  .legal-layout{display:block;padding:24px 0 0}
  .legal-document{max-width:none;font-size:10pt;line-height:1.6;color:#000}
  .legal-document h2{font-family:Arial,sans-serif;font-size:14pt;line-height:1.35;color:#000;margin-top:24px;break-after:avoid}
  .legal-document p{orphans:3;widows:3;margin-bottom:10pt}
}