/* Габрово Днес – статия (§7). Само подредба и ритъм; токените и компонентите са в style.css. */

/* ===== Решетка: cols 1–8 статия │ cols 9–12 релса ===== */
.article-page{padding-bottom:16px}
.article-col,.article-rail{min-width:0}
.article-rail{margin-top:48px}
.article-rail>*+*{margin-top:40px}
.article-rail .block-latest{display:none}
@media(min-width:600px) and (max-width:979px){
.article-col,.article-rail{max-width:720px;margin-inline:auto}
}
@media(min-width:980px){
.article-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:stretch}
.article-col{grid-column:1/span 8}
.article-rail{grid-column:9/span 4;margin-top:0;padding-top:32px}
.article-rail.vrule::before{top:32px}
.article-rail .block-latest{display:block}
}

/* ===== Заглавна зона ===== */
.article-header{padding-top:20px}
.article-header .crumbs{margin-bottom:20px}
.article-flag{margin-bottom:10px;line-height:1}
.article-header .kicker{margin-bottom:14px}
/* 44 px цел: 12 px текст + 6 px нагоре (≥ 8 px до пътечката) + 26 px надолу (H1 не е линк) */
.article-header .kicker a{position:relative}
.article-header .kicker a::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-26px}
.article-title{color:var(--ink);overflow-wrap:break-word}
.article-standfirst{margin-top:16px;max-width:36em}
@media(min-width:980px){.article-header{padding-top:32px}.article-header .kicker{margin-bottom:16px}.article-standfirst{margin-top:18px}}

/* Байлайн: между два хеърлайна; вляво редакция и дати, вдясно споделяне */
.article-byline{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;padding:14px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.article-byline__txt{min-width:0}
.article-byline__who{font:600 14px/1.4 var(--sans);color:var(--ink)}
.article-byline__who a{color:var(--ink);display:inline-flex;align-items:center;min-height:44px;margin-block:-13px}
.article-byline__who a:hover{color:var(--accent)}
.article-byline__when{margin-top:2px;overflow:hidden}
.article-when-in{display:flex;flex-wrap:wrap;margin-left:-15px}
.article-when{white-space:nowrap;position:relative;padding-left:15px}
.article-when::before{content:"·";position:absolute;left:5px;color:var(--muted)}
@media(min-width:600px){.article-byline{flex-direction:row;justify-content:space-between;align-items:center;gap:12px 24px}.article-byline .share{flex:0 0 auto}}
@media(min-width:980px){.article-byline{margin-top:28px}}

/* ===== Аудио версия: тиха лента под байлайна, роден плейър на цялата ширина ===== */
.article-audio{max-width:40rem;margin-top:20px}
.article-audio__head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.article-audio__head .t-label{color:var(--accent)}
.article-audio__player{display:block;width:100%;height:44px}
.article-audio__note{margin-top:6px}
@media(min-width:980px){.article-audio{margin-top:24px}}

/* ===== Главна снимка 16:9 (под 600 px до ръба) ===== */
.article-hero{margin:24px calc(-1*var(--pad)) 0}
.article-hero__media{aspect-ratio:16/9;overflow:hidden;background:var(--bg)}
.article-hero__media img{width:100%;height:100%;object-fit:cover}
.article-hero__cap{padding-inline:var(--pad);margin-top:8px}
.article-hero__text{display:block;font:400 14px/1.45 var(--sans);color:var(--ink-2)}
.article-hero__cap .credit{margin-top:4px}
.article-hero__text+.credit{margin-top:4px}
@media(min-width:600px){.article-hero{margin-inline:0}.article-hero__cap{padding-inline:0}}
@media(min-width:980px){.article-hero{margin-top:28px}}

/* ===== Видео кутия ===== */
.article-video{max-width:40rem;display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;margin-top:24px;padding:16px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.article-video--text{grid-template-columns:1fr}
.article-video__poster{display:block;aspect-ratio:9/16;overflow:hidden}
.article-video__poster img{width:100%;height:100%;object-fit:cover}
.article-video__title{font:600 18px/1.3 var(--serif);color:var(--ink);margin:8px 0 14px}
.article-video__btn{display:inline-flex}
@media(min-width:600px){.article-video{grid-template-columns:120px minmax(0,1fr);gap:24px}}

/* ===== Тяло (.prose е от style.css) ===== */
.article-body{margin-top:28px}
.article-video+.article-body{margin-top:24px}
.article-body>:first-child{margin-top:0}
.article-body>:last-child{margin-bottom:0}
.prose>.ad-inarticle{margin:32px 0}
.prose>.table-wrap{margin:1.6em 0}
.prose .table-wrap table{margin:0}
.prose .table-wrap th:first-child,.prose .table-wrap td:first-child{padding-left:0}
.prose .table-wrap th:last-child,.prose .table-wrap td:last-child{padding-right:0}
.prose blockquote .article-quote-cite{font:400 14px/1.4 var(--sans);color:var(--muted);margin:12px 0 0}
.prose .table-wrap caption{font:600 13px/1.4 var(--sans);color:var(--muted);text-align:left;padding-bottom:8px}
@media(min-width:980px){.article-body{margin-top:32px}}

/* ===== Край: източник, теми, следвайте ни ===== */
.article-footer{max-width:40rem}
.article-topics{margin:20px -4px -4px;padding:4px;font:400 14px/2 var(--sans);color:var(--muted);overflow:hidden}
/* overflow:hidden крие водещата „·“; рамката на фокуса е около името (span) и се побира в 4-те px въздух */
.article-topic:focus-visible{outline:0}
.article-topic:focus-visible>span{outline:2px solid var(--accent);outline-offset:2px}
.article-topics__in{display:flex;flex-wrap:wrap;margin-left:-15px}
.article-topics__lbl{padding-left:15px;color:var(--muted)}
.article-topic{position:relative;padding-left:15px;white-space:nowrap}
.article-topic::before{content:"·";position:absolute;left:5px;color:var(--muted)}
.article-topics__lbl+.article-topic{padding-left:6px}
.article-topics__lbl+.article-topic::before{content:none}
.article-topics a{color:var(--ink)}
.article-topics a:hover{color:var(--accent)}
@media(max-width:979px){.article-topics__in{align-items:center;row-gap:8px}.article-topics a{display:inline-flex;align-items:center;min-height:44px}}
.article-follow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:24px;padding-top:16px;border-top:1px solid var(--hair)}
.article-follow__txt{font:400 17px/1.4 var(--serif);color:var(--ink)}
.article-follow__txt a{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
.article-follow .share__btn{width:44px;min-width:44px;height:44px;padding:0}

/* ===== Още от <община> и Свързани ===== */
.article-more,.article-related{margin-top:48px}
.article-more__grid{display:none}
.article-more__list>li:first-child{border-top:0}
@media(min-width:600px){
.article-more__list{display:none}
.article-more__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gutter)}
.article-more__cell{padding-bottom:24px}
.article-more__cell:nth-child(n+3){padding-top:20px;border-top:1px solid var(--hair)}
.article-more__cell.vrule::before{bottom:24px}
.article-more__cell.vrule:nth-child(n+3)::before{top:20px;bottom:0}
}
@media(min-width:600px){
.article-related__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gutter)}
.article-related__list>li:nth-child(2){border-top:0}
.article-related__list>li.vrule::before{top:12px;bottom:12px}
}
@media(min-width:980px){.article-more,.article-related{margin-top:56px}}

@media print{.article-rail,.article-more,.article-related,.article-follow,.article-byline .share{display:none!important}}