/* Страницы документов (политика, согласие, cookie): светлый «бумажный» лист в палитре сайта */
:root { --milk: #fffcf3; --ink: #2b140b; --soft-ink: #5c3b2c; --red: #811e1e; --line: rgba(43, 20, 11, .18); }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--milk); color: var(--ink); font: 16px/1.7 Inter, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }

.doc-top { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 18px clamp(16px, 2.9vw, 40px); background: rgba(255, 252, 243, .92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: .5px solid var(--line); }
.doc-top__logo { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--red); }
.doc-top__mark { width: 40px; height: 31px; background: currentColor; -webkit-mask: url(/assets/logo.svg) center / contain no-repeat; mask: url(/assets/logo.svg) center / contain no-repeat; }
.doc-top__logo span { font: 500 13px/1.1 Montserrat, sans-serif; letter-spacing: 2.4px; }
.doc-top__logo small { display: block; font-weight: 400; font-size: 10.5px; letter-spacing: 2px; text-align: center; }
.doc-top__back { font-size: 14px; text-decoration: none; color: var(--red); }
.doc-top__back::before { content: "← "; }
.doc-top__back:hover { text-decoration: underline; }

.doc { max-width: 780px; margin: 0 auto; padding: clamp(40px, 8vw, 96px) clamp(16px, 4vw, 40px) 80px; }
.doc__kicker { font: 13px/1.4 "Anonymous Pro", monospace; letter-spacing: 2.6px; text-transform: uppercase; color: var(--red); }
.doc h1 { margin-top: 14px; font: 300 clamp(28px, 4vw, 42px)/1.2 "Open Sans", sans-serif; letter-spacing: .5px; text-wrap: balance; }
.doc__line { display: block; height: .5px; margin: 28px 0 8px; background: var(--ink); opacity: .5; }
.doc h2 { margin: 44px 0 14px; font: 15px/1.4 "Anonymous Pro", monospace; letter-spacing: 2.4px; text-transform: uppercase; color: var(--red); }
.doc h2 .doc__num { margin-right: 14px; }
.doc h3 { margin: 26px 0 8px; font-size: 16px; font-weight: 500; }
.doc p { margin: 10px 0; text-wrap: pretty; }
.doc p .doc__num { font: 14px "Anonymous Pro", monospace; color: var(--soft-ink); margin-right: 4px; }
.doc ul { margin: 6px 0 14px; padding-left: 0; list-style: none; }
.doc li { position: relative; padding-left: 22px; margin: 4px 0; }
.doc li::before { content: ""; position: absolute; left: 4px; top: .85em; width: 8px; height: .5px; background: var(--ink); }

.doc-foot { background: var(--red); color: #e8cdb8; padding: 32px clamp(16px, 2.9vw, 40px); font: 12px/1.8 Montserrat, sans-serif; }
.doc-foot nav { display: flex; flex-wrap: wrap; gap: 6px 28px; margin-bottom: 12px; padding-bottom: 14px; border-bottom: 1px solid #ad6654; }
.doc-foot a { text-decoration: none; }
.doc-foot a:hover, .doc-foot a[aria-current] { text-decoration: underline; }
a:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }