.doc-page{max-width:860px;margin:auto;padding:32px max(20px,5vw) 70px}
.doc-head{margin-bottom:36px}
.doc-head h1{font:700 clamp(28px,3.4vw,44px)/1.1 Manrope,sans-serif;letter-spacing:-.03em;margin:12px 0 14px}
.doc-lead{color:#c9c3d4;font-size:16px;line-height:1.6;margin:0;max-width:70ch}
.doc-updated{color:var(--muted);font-size:12px;margin:16px 0 0}

.doc-toc{margin:0 0 40px;padding:20px 24px;background:var(--surface);border:1px solid var(--line)}
.doc-toc h2{font:700 13px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.doc-toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px}
.doc-toc li{margin:0 0 7px;break-inside:avoid}
.doc-toc a{color:#c9c3d4;text-decoration:none;font-size:13px}
.doc-toc a:hover{color:var(--lime)}

.doc-section{margin-bottom:36px;scroll-margin-top:90px}
.doc-section h2{font:700 clamp(19px,2.1vw,26px)/1.2 Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 14px}
.doc-body p{color:#c2bccd;font-size:15px;line-height:1.75;margin:0 0 14px;max-width:74ch}
.doc-body a{color:var(--lime)}

.doc-list,.doc-steps{margin:0 0 16px;padding-left:22px;max-width:74ch}
.doc-list li,.doc-steps li{color:#c2bccd;font-size:15px;line-height:1.7;margin:0 0 9px}
.doc-list li::marker{color:var(--violet-2)}
.doc-steps li::marker{color:var(--lime);font-weight:700}

/* Замечание в сторону — не предупреждение, просто мысль, которую стоит заметить. */
.doc-note{border-left:2px solid var(--violet-2);padding:2px 0 2px 16px;color:#b8b1c6!important;font-size:14px!important}

/* Факт, которого в проекте нет и который нельзя выдумать: юрлицо, лицензия, адрес поддержки.
   Нарочно кричащий — плейсхолдер, который не видно, однажды уезжает в продакшн. */
.doc-todo{border:1px dashed rgba(255,193,84,.5);background:rgba(255,193,84,.06);padding:12px 16px;color:#ffd58a!important;font-size:14px!important}
.doc-todo b{color:#ffc154}

@media(max-width:640px){.doc-toc ol{columns:1}}

.not-found{text-align:center;padding-top:60px}
.not-found h1{font:700 clamp(32px,5vw,60px)/1.05 Manrope,sans-serif;letter-spacing:-.04em;margin:14px 0 16px}
.not-found .doc-lead{margin:0 auto 28px;max-width:52ch}
.not-found .seo-actions{justify-content:center}
.listing-grid{margin-top:8px}

/* Стили переключателя языка переехали в app.css: он подключён на всех страницах,
   включая витрину, а этот файл — только на серверных. */