/* === INDEX === шапка статьи · раскладка оглавление + текст · .prose · галерея в тексте · соседи · хаб === END INDEX === */
.article-head{padding-block:var(--s-12) var(--s-6)}
.article-head .article-meta{display:block;margin-top:var(--s-4);font-size:var(--t-small)}
.article-layout{align-items:start;padding-block:var(--s-6) calc(var(--section)/2)}
.article-body{grid-column:3/11}
.article-layout:has(.toc:not([hidden])) .toc{grid-column:1/3}
.article-layout:has(.toc:not([hidden])) .article-body{grid-column:4/12}
@media (max-width:1024px){.article-body,.article-layout:has(.toc:not([hidden])) .article-body{grid-column:1/-1}.toc{grid-column:1/-1}}
.toc{position:sticky;top:96px;font-size:var(--t-small)}
.toc[hidden]{display:none}
.toc ol{list-style:none;padding:0;margin:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:.4em var(--s-4);color:var(--c-steel);text-decoration:none}
.toc a:hover{color:var(--c-ink);text-decoration:underline}
@media (max-width:1024px){.toc{position:static;margin-bottom:var(--s-8)}}
.prose p{margin-bottom:1.25em}
.prose h2{margin-top:var(--s-12);margin-bottom:var(--s-4)}
.prose h3{margin-top:var(--s-8);margin-bottom:var(--s-3)}
.prose ul,.prose ol{padding-left:1.25em;margin-bottom:1.25em}
.prose li{margin:.5em 0}
.prose li::marker{color:var(--c-steel)}
.prose img{border-radius:var(--r-md);margin:var(--s-4) 0;cursor:zoom-in}
.prose img+img{margin-top:var(--s-2)}
.prose blockquote{border-left:2px solid var(--c-steel-soft);margin:1.25em 0;padding:.2em 1em;color:var(--c-steel)}
.prose a{word-break:break-word}
.prose-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);margin:var(--s-6) 0}
@media (min-width:1024px){.prose-gallery.is-many{grid-template-columns:repeat(4,1fr)}}
.prose-gallery img{margin:0;width:100%;aspect-ratio:1;object-fit:cover}
@media (max-width:640px){.prose-gallery{grid-template-columns:repeat(2,1fr)}}
.siblings{margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid var(--line);max-width:var(--measure)}
.siblings p{font-size:var(--t-small);color:var(--c-steel);margin-bottom:var(--s-3)}
.siblings ul{list-style:none;padding:0;margin:0}
.siblings li{padding:.35em 0}
.siblings a[aria-current]{color:var(--c-steel);text-decoration:none;font-weight:600}
.hub-intro{padding-block:var(--s-4) var(--s-8)}
.hub-males h2{margin-bottom:var(--s-6)}
.hub-males .btn-row{margin-top:var(--s-8)}
.hub-articles{padding-bottom:calc(var(--section)/2)}
.article-cover{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-lg);margin-bottom:var(--s-8)}
.page-head .lead.prose p{margin:0}
.stage-nav{display:flex;flex-wrap:wrap;gap:var(--s-2);padding-block:var(--s-2) var(--s-8)}
.stage-nav a{padding:.45em 1em;border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--t-small);font-weight:500;color:var(--c-ink);text-decoration:none}
.stage-nav a:hover{border-color:var(--c-gold-soft);background:var(--c-gold-soft)}
.hub-stage{padding-block:var(--s-8);scroll-margin-top:96px}
.hub-stage+.hub-stage{border-top:1px solid var(--line)}
.hub-stage:last-of-type{padding-bottom:calc(var(--section)/2)}
.stage-head{max-width:var(--measure);margin-bottom:var(--s-4)}
.stage-head h2 a{color:inherit;text-decoration:none}
.stage-head h2 a:hover{color:var(--c-steel)}
.stage-lead{color:var(--c-steel)}
.stage-lead p{margin:var(--s-2) 0 0}
.ask{margin-top:var(--s-16);padding-top:var(--s-8);border-top:1px solid var(--line)}
.ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4)}
.ask h2{font-size:var(--t-h3);margin:0}
.achievement{margin:var(--s-12) 0;padding:var(--s-6);border:1px solid var(--c-gold-soft);border-radius:var(--r-md);max-width:var(--measure)}
.ach-name{font:600 var(--t-h3) var(--f-display);color:var(--c-gold);margin-bottom:var(--s-2)}
.achievement p:last-child{color:var(--c-steel);margin:0}
.breed{padding-block:calc(var(--section)/2)}
.breed h2{margin-bottom:var(--s-4)}