/* Read surface: existing Onest, paper and moss, with a quiet contents rail. */
.legal-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,720px);column-gap:72px;padding-block:64px 100px;justify-content:center}
.legal-heading{grid-column:2;margin-bottom:48px}
.legal-heading h1{font-size:clamp(38px,4.5vw,60px);font-weight:460;line-height:1.12;letter-spacing:-.035em;margin-bottom:24px}
.legal-heading>p{font-size:18px;max-width:65ch}
.legal-heading .legal-date{font-size:14px;color:var(--muted);margin-top:20px}
.legal-toc{grid-column:1;grid-row:2;align-self:start}
.legal-toc h2{font-size:16px;line-height:1.5;letter-spacing:0;font-weight:600;margin-bottom:12px}
.legal-toc ul{list-style:none;padding:0;margin:0}
.legal-toc a{display:block;padding-block:7px;font-size:14px;line-height:1.5;color:var(--moss)}
.legal-content{grid-column:2;min-width:0}
.legal-content section+section{margin-top:44px}
.legal-content h2{font-size:26px;line-height:1.3;letter-spacing:-.025em;font-weight:550;margin-bottom:16px;scroll-margin-top:28px}
.legal-content p,.legal-content li{font-size:16px;line-height:1.8;max-width:72ch;overflow-wrap:anywhere}
.legal-content p+p,.legal-content ul+p,.legal-content ol+p{margin-top:16px}
.legal-content ul,.legal-content ol{padding-left:24px;margin:16px 0}
.legal-content li+li{margin-top:12px}
.legal-content strong{font-weight:600}
.legal-content a:not(.button),.legal-footer a,.legal-home,.policy-links a,.privacy-note a{text-decoration:underline;text-underline-offset:4px}
.legal-content a:not(.button){color:var(--moss)}
.legal-content .button{font-size:16px;text-decoration:none}
.legal-home{font-size:14px;color:var(--moss)}
.legal-footer{padding-block:32px;border-top:1px solid var(--line)}
.legal-footer nav,.policy-links{display:flex;flex-wrap:wrap;gap:16px 28px;font-size:14px;line-height:1.6}
.policy-links{padding-block:24px}
.legal-footer [aria-current]{font-weight:600;text-decoration:none}
.legal-footer p{font-size:13px;color:var(--muted);margin-top:24px}
@media(hover:hover){.legal-toc a:hover,.legal-content a:not(.button):hover,.legal-footer a:hover,.legal-home:hover,.policy-links a:hover{color:var(--clay);text-decoration:underline}}
@media(max-width:900px){.legal-layout{grid-template-columns:minmax(0,720px);padding-block:40px 64px;column-gap:0}.legal-heading,.legal-content{grid-column:1}.legal-heading{margin-bottom:28px}.legal-toc{grid-row:auto;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line)}.legal-toc ul{columns:2;column-gap:24px}.legal-toc li{break-inside:avoid}}
@media(max-width:480px){.legal-page .site-header{gap:16px}.legal-heading>p{font-size:17px}.legal-toc ul{columns:1}.legal-content h2{font-size:24px}.legal-footer nav{flex-direction:column;gap:14px}.legal-home{max-width:100px;text-align:right}}
/* Long translated headings must remain readable on compact phones. */
.legal-heading h1{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:480px){html[lang=ru] .legal-heading h1{font-size:clamp(28px,8vw,38px)}}

/* Public operator details are readable on every page, including form results. */
.operator-details { font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; max-width: 75ch; }
.operator-details p { margin: .4em 0; }
footer > .operator-details { margin-block: 28px; }
.operator-details a, .consent a { text-decoration: underline; text-underline-offset: .2em; }