/* v27: страница статьи */
.article-layout[data-category]{--c-soft:color-mix(in srgb,var(--c) 14%,transparent)}
.article-layout .eyebrow{color:var(--c)}
.article-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 85%,#fff 0%),color-mix(in srgb,var(--c) 45%,#1d2a4a));box-shadow:0 18px 40px -18px color-mix(in srgb,var(--c) 70%,transparent)}
.article-cover span{color:#fff}
.article-body{max-width:70ch}
.article-body h2{margin:1.8em 0 .5em;padding-left:14px;border-left:4px solid var(--c);line-height:1.25}
.article-body p{margin:0 0 1.1em}
.article-body strong{color:var(--ink)}
.article-body ul,.article-body ol{margin:0 0 1.2em;padding-left:1.4em;line-height:1.7}
.article-body li{margin:.3em 0}
.article-body blockquote{margin:1.4em 0;padding:12px 18px;border-left:4px solid var(--c);background:var(--c-soft,rgba(0,0,0,.04));border-radius:0 12px 12px 0}
.article-lede{font-size:20px;line-height:1.6}
.aside-panel a:hover{color:var(--c)}
.article-cover{margin-bottom:30px}
/* v27: админка — имя файла и подпись в ссылках на отдельных строках */
.favorite-links a{display:flex;flex-direction:column;gap:4px;min-width:0}
.favorite-links a strong,.favorite-links a small{display:block;overflow-wrap:anywhere}
.favorite-links a small{color:var(--muted,#667);font-size:13px}

.print-btn{cursor:pointer}
.print-only{display:none}
@media print{
 @page{margin:16mm 14mm}
 .article-main,.article-layout,.content,.shell,.article-body,.mini-panel{break-inside:auto!important;page-break-inside:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;display:block!important}
 .site-search-form,.article-practice,.article-cover,.save-btn,.breadcrumbs,.crumb,nav,header.topbar,.skip{display:none!important}
 .article-main{max-width:none!important;padding:0!important;border:0!important;background:none!important}
 .article-main h1{margin-top:0}
 .article-lede{font-size:13pt;color:#333}
 .article-body{font-size:11.5pt;line-height:1.55;color:#000}
 .article-body h2{break-after:avoid;border-left:3px solid #666;padding-left:8px}
 .article-body p,.article-body li{orphans:3;widows:3}
 .article-body ul,.article-body ol,.article-body blockquote{break-inside:avoid}
 .source-list a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
 .article-main::after{content:"CEREBRUM.RU — энциклопедия мозга";display:block;margin-top:14mm;padding-top:4mm;border-top:1px solid #999;font-size:9pt;color:#555}
}

/* v36: оглавление и похожие статьи в правой колонке */
.article-body h2{scroll-margin-top:calc(var(--topbar-h,70px) + 16px)}
.aside-toc ol{list-style:none;margin:10px 0 0;padding:0;counter-reset:toc}
.aside-toc li{counter-increment:toc;border-top:1px solid var(--line)}
.aside-toc li:first-child{border-top:0}
.aside-toc a{display:flex;gap:9px;padding:9px 0;font-size:14px;line-height:1.35;color:inherit}
.aside-toc a::before{content:counter(toc);flex:0 0 20px;font-weight:700;color:var(--c,var(--teal));font-size:12px;padding-top:2px}
.aside-toc a:hover,.aside-toc a.is-active{color:var(--c,var(--teal))}
.aside-toc a.is-active{font-weight:700}
@media screen and (min-width:1000px){.article-aside{max-height:calc(100vh - var(--topbar-h,70px) - 30px);overflow-y:auto;scrollbar-width:thin}}
@media print{.article-aside{display:none!important}}

/* v37: тесты и упражнения — карточка не растягивается на широких экранах, справа похожие задания */
.practice-layout{display:block}
.practice-main{min-width:0}
.practice-aside{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.practice-aside .aside-panel{padding:18px 20px}
.practice-aside .aside-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.practice-aside .eyebrow+.aside-link{border-top:0;margin-top:6px}
.practice-aside .aside-link strong{display:block;font-size:14.5px;line-height:1.35;font-weight:600}
.practice-aside .aside-link small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.practice-aside .aside-link .ico{flex:0 0 15px;width:15px;color:var(--c,var(--teal))}
.practice-aside .aside-link:hover strong{color:var(--c,var(--teal))}
@media screen and (min-width:1100px){
  .practice-layout{display:grid;grid-template-columns:minmax(0,860px) minmax(260px,320px);gap:28px;align-items:start}
  .practice-aside{margin-top:0;position:sticky;top:calc(var(--topbar-h,70px) + 16px)}
}
@media screen and (min-width:761px){
  .practice-layout .interactive-card{max-width:860px}
  .practice-layout .practice-main>.practice-guide,.practice-layout .practice-main>.seo-guide{max-width:860px}
}
@media print{.practice-aside{display:none!important}}