/* Страницы-статьи открытого сайта: та же бумага, Prata в заголовках, Literata для чтения. */
.article-page main{padding-bottom:var(--chapter-space)}
.crumbs{padding-top:8px}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--color-muted)}
.crumbs li{display:flex;align-items:center;gap:8px}
.crumbs li+li::before{content:'/';color:var(--color-hairline-strong)}
.crumbs a{display:inline-flex;align-items:center;min-height:48px;text-underline-offset:4px}
.article-head{max-width:46rem;padding-block:16px 40px}
.article-head h1{font-family:Prata,Georgia,serif;font-weight:400;font-size:clamp(36px,4.2vw,54px);line-height:1.16;letter-spacing:-.8px;font-synthesis:none}
.article-lead{margin-top:24px;font:400 21px/1.6 var(--font-reading);color:var(--color-body-strong)}
.article-layout{display:grid;grid-template-columns:minmax(0,46rem) minmax(0,1fr);gap:64px;align-items:start}
.article-body{max-width:46rem;font:400 18px/1.7 var(--font-reading);color:var(--color-body-strong)}
.article-body>*+*{margin-top:20px}
.article-body h2{margin-top:56px;font-family:Prata,Georgia,serif;font-size:clamp(28px,2.6vw,36px);line-height:1.25;letter-spacing:-.4px;color:var(--color-ink);scroll-margin-top:24px}
.article-body h3{margin-top:36px;font:500 21px/1.4 var(--font-body);color:var(--color-ink);scroll-margin-top:24px}
.article-body h2+*,.article-body h3+*{margin-top:16px}
.article-body>h2:first-child{margin-top:0}
.article-body p,.article-body li{text-wrap:pretty}
.article-body ul,.article-body ol{margin-bottom:0;padding-left:1.3em}
.article-body li+li{margin-top:10px}
.article-body a{text-underline-offset:4px;text-decoration-thickness:1px}
.article-body strong{font-weight:600;color:var(--color-ink)}
.article-body .note{padding:24px 28px;background:var(--color-surface-card);font-size:17px}
.article-body .note p+p{margin-top:12px}
.article-body table{width:100%;border-collapse:collapse;font:400 16px/1.55 var(--font-body)}
.article-body caption{text-align:left;padding-bottom:12px;font-size:14px;color:var(--color-muted)}
.article-body th,.article-body td{padding:14px 12px 14px 0;border-bottom:1px solid var(--color-hairline-strong);text-align:left;vertical-align:top}
.article-body th{font-weight:600;color:var(--color-ink)}
.article-body td:first-child{font-weight:500;color:var(--color-ink)}
.table-wrap{overflow-x:auto}
.article-aside{position:sticky;top:calc(var(--header-offset,0px) + 24px);display:grid;gap:24px}
.toc{padding:24px 28px;border:1px solid var(--color-hairline-strong);border-radius:18px}
.toc p{font-size:13px;color:var(--color-muted);margin-bottom:8px}
.toc ol{list-style:none;margin:0;padding:0}
.toc a{display:flex;align-items:center;min-height:48px;font-size:15px;line-height:1.4;text-decoration:none}
.toc a:hover{text-decoration:underline;text-underline-offset:4px}
.aside-cta{padding:28px;background:var(--color-surface-soft);border-radius:18px}
.aside-cta p{font-size:15px;color:var(--color-body)}
.aside-cta .button{width:100%;margin-top:16px}
.aside-cta small{display:block;margin-top:12px;font-size:13px;color:var(--color-muted)}
.term-list{margin:0}
.term-list dt{margin-top:40px;font:400 26px/1.3 Prata,Georgia,serif;color:var(--color-ink);scroll-margin-top:24px}
.term-list dt:first-child{margin-top:0}
.term-list dd{margin:12px 0 0}
.term-list dd+dd{margin-top:12px}
.article-body .term-index{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0}
.article-body .term-index li+li{margin-top:0}
.term-index a{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid var(--color-hairline-strong);border-radius:999px;font:400 15px/1.3 var(--font-body);text-decoration:none}
.term-index a:hover{background:var(--color-surface-card)}
.article-faq{margin-top:56px}
.article-faq h2{margin-bottom:16px}
.article-faq details{border-top:1px solid var(--color-hairline)}
.article-faq details:last-child{border-bottom:1px solid var(--color-hairline)}
.article-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding-block:18px;font:500 17px/1.45 var(--font-body);color:var(--color-ink);list-style:none}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary::after{content:'+';font-size:24px;font-weight:400;flex-shrink:0}
.article-faq details[open] summary::after{content:'−'}
.article-faq details>p{padding-bottom:24px}
.article-cta{margin-top:64px;padding:40px;background:var(--color-surface-soft);text-align:center}
.article-cta h2{margin-top:0}
.article-cta p{max-width:32em;margin:16px auto 0;color:var(--color-body)}
.article-cta .button{margin-top:24px}
.article-cta small{display:block;margin-top:14px;font:400 13px/1.5 var(--font-body);color:var(--color-muted)}
.related{margin-top:64px;padding-top:40px;border-top:1px solid var(--color-hairline)}
.related h2{margin-top:0;font-size:clamp(26px,2.4vw,32px)}
.related ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;list-style:none;margin:24px 0 0;padding:0}
.related li+li{margin-top:0}
.related a{display:block;height:100%;padding:24px;border:1px solid var(--color-hairline-strong);border-radius:18px;text-decoration:none}
.related a:hover{background:var(--color-surface-card)}
.related a span{display:block;font:400 21px/1.35 Prata,Georgia,serif;color:var(--color-ink)}
.related a small{display:block;margin-top:8px;font:400 15px/1.55 var(--font-body);color:var(--color-body)}
@media(max-width:1023px){.article-layout{grid-template-columns:1fr;gap:40px}.article-aside{display:none}}
@media(max-width:767px){.article-head{padding-block:8px 28px}.article-head h1{font-size:34px;letter-spacing:-.5px}.article-lead{font-size:19px;margin-top:20px}.article-body{font-size:17px}.article-body h2{margin-top:44px;font-size:28px}.article-body h3{font-size:19px}.article-body .note{padding:20px}.term-list dt{font-size:23px;margin-top:32px}.article-cta{margin-inline:-24px;padding:32px 24px}.article-cta .button{width:100%}.related a{padding:20px}.aside-cta{padding:24px}}
@media(max-width:379px){.article-head h1{font-size:31px}}
/* Гравюра в шапке статьи (решение 300): на компьютере справа от заголовка и вводного абзаца, как гравюра главной;
   уже 1024 px — сразу под заголовком. Бумага картинки растворяется в странице через darken, как у гравюр главной. */
.article-art{margin:0}
.article-art img{display:block;width:100%;height:auto;mix-blend-mode:darken;-webkit-mask:linear-gradient(to right,transparent,#000 7% 93%,transparent);mask:linear-gradient(to right,transparent,#000 7% 93%,transparent)}
@media(prefers-reduced-motion:no-preference){.article-art img{animation:article-art-in .9s var(--ease-out) .1s both}}
@keyframes article-art-in{from{opacity:0;transform:translateY(16px) scale(.97)}}
@media(min-width:1024px){.article-head.with-art{display:grid;grid-template-columns:minmax(0,46rem) minmax(300px,1fr);column-gap:48px;max-width:none}.article-head.with-art>*{grid-column:1}.article-head.with-art .article-art{grid-column:2;grid-row:1/span 2;align-self:center}}
@media(max-width:1023px){.article-art{max-width:560px;margin-top:24px}}
@media(max-width:767px){.article-art{margin-top:20px}}