/* „Живот на ток“ – хъб на рубрика (page-rubrika.php) и лендинг по аудитория (page-landing.php).
   Зарежда се само там (ядрото + резервно nt_tpl_hub_css). Реката с новините ползва .archive-river от archive.css.
   Токените са от style.css: един акцент, хеърлайни, без кутии и сенки. Единственият фон е --soft
   под схемата в главата (делтата §2: „фонът … на фигурите“). */

/* ===== Заглавна зона ===== */
.hub-head{padding:24px 0 0}
.hub-head .crumbs{margin-bottom:16px}
.hub-head__label,.hub-head__kicker{margin-bottom:12px}
/* 44 px цел за кикера-линк (към родителската рубрика) без да расте рамката на фокуса */
.hub-head__kicker a{position:relative}
.hub-head__kicker a::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-26px}
.hub-head__lead{margin-top:14px;max-width:36em}
@media(min-width:600px){.hub-head{padding-top:32px}}
@media(min-width:980px){.hub-head{padding-top:48px}.hub-head__lead{margin-top:18px}}

/* Глава със схема: текст │ схема (≥ 980), на телефон и таблет схемата е под увода */
.hub-head__text{min-width:0}
.hub-head .hub-head__fig{margin-top:24px}
@media(min-width:980px){
.hub-head--fig .hub-head__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start}
.hub-head--fig .hub-head__text{grid-column:1/span 7}
.hub-head--fig .hub-head__fig{grid-column:8/span 5;margin-top:0}
}

/* ===== Схемите (template-parts/hub-figure.php): линии в мастило, Inter, една акцентна точка, без числа ===== */
.nt-fig{margin:0;padding:14px 12px 12px;background:var(--soft)}
.nt-fig__svg{display:block;width:100%;max-width:420px;height:auto;margin-inline:auto;overflow:visible}
.nt-fig--sm .nt-fig__svg{max-width:340px}
.nt-fig .f-ln{fill:none;stroke:var(--ink);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.nt-fig .f-soft{stroke:var(--hair-strong)}
.nt-fig .f-dash{stroke:var(--hair-strong);stroke-dasharray:1 5}
.nt-fig .f-dot{fill:var(--accent)}
.nt-fig text{font-family:var(--sans);font-variant-numeric:tabular-nums}
.nt-fig .f-t{font-size:14px;font-weight:600;fill:var(--ink)}
.nt-fig .f-l{font-size:14px;font-weight:400;fill:var(--ink)}
.nt-fig .f-s{font-size:12.5px;font-weight:400;fill:var(--muted)}
.nt-fig .f-n{font-size:12px;font-weight:600;fill:var(--ink)}
.nt-fig__cap{margin-top:12px;padding-top:10px;border-top:1px solid var(--hair);font:400 13px/1.45 var(--sans);color:var(--muted)}
.nt-fig__title{font-weight:600;color:var(--ink)}
@media(min-width:600px){.nt-fig{padding:20px 24px 16px}}
@media print{.nt-fig{background:none;padding:0}}

/* Скок до разделите: тих ред от линкове между два хеърлайна (както филтрите на архива) */
.hub-jump{display:flex;flex-wrap:wrap;column-gap:24px;margin-top:24px;border-top:1px solid var(--hair);border-bottom:2px solid var(--rule)}
.hub-jump a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 14px/1 var(--sans);color:var(--ink)}
.hub-jump a:hover{color:var(--accent)}
.hub-jump__n{font-weight:400;color:var(--muted)}
/* Телефон: един ред с хоризонтален скрол (data-nt-hscroll: фокусът се вижда), вместо пренасяне на 2 реда по 44 px */
@media(max-width:599px){
.hub-jump{flex-wrap:nowrap;column-gap:20px;overflow-x:auto;scrollbar-width:none}
.hub-jump::-webkit-scrollbar{display:none}
.hub-jump a{flex:0 0 auto;white-space:nowrap}
}
.hub--landing .hub-head{border-bottom:2px solid var(--rule);padding-bottom:24px}

/* Увод от съдържанието на страницата */
.hub-intro{margin-top:24px}
.hub-intro>:last-child{margin-bottom:0}

/* ===== Раздели: общ ритъм ===== */
.hub-subs,.hub-guides,.hub-calc,.hub-grid,.landing-grid,.hub--landing .hub-tools,.landing-all{margin-top:40px}
.hub-subs+.hub-guides{margin-top:40px}
@media(min-width:980px){.hub-subs,.hub-guides,.hub-calc,.hub-grid,.landing-grid,.hub--landing .hub-tools{margin-top:48px}}

/* ===== „Сметнете“: вграденият калкулатор на рубриката (стилът на картата е в tools.css) ===== */
/* Заглавието на раздела вече дава линията отгоре: без втората (акцентната) линия на картата */
.hub-calc__tool>.nt-tool:first-child{margin-top:0;border-top:0;padding-top:4px}
.hub-calc__tool>.nt-tool:last-child{margin-bottom:0}
.hub-empty{font:400 17px/1.45 var(--serif);color:var(--ink-2);max-width:36em}
.hub-empty a{color:var(--accent);font:600 14px/1.3 var(--sans);white-space:nowrap}

/* ===== Подрубрики като плочки (Зелена енергия в Енергетика) ===== */
.hub-subs__list{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--gutter)}
.hub-subs__item+.hub-subs__item{border-top:1px solid var(--hair)}
.hub-subs__link{display:flex;flex-direction:column;gap:6px;padding:12px 0;min-height:44px;color:var(--ink)}
.hub-subs__name{font:700 22px/1.2 var(--serif)}
.hub-subs__desc{font:400 15px/1.45 var(--serif);color:var(--ink-2)}
.hub-subs__more{font:600 13px/1.2 var(--sans);color:var(--accent)}
.hub-subs__link:hover .hub-subs__name{color:var(--accent)}
.sec-head+.hub-subs__list .hub-subs__link{padding-top:0}
@media(min-width:600px){
.hub-subs__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-subs__item+.hub-subs__item{border-top:0}
.hub-subs__item.vrule::before{display:block}
.hub-subs__link{padding-top:0}
}
@media(min-width:980px){.hub-subs__list{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== Справочник: карти (place) – 1 / 2 / 3 колони с вертикални хеърлайни ===== */
.hub-guides__grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--gutter)}
.hub-guides__item{position:relative;padding:16px 0;border-top:1px solid var(--hair)}
.hub-guides__grid>.hub-guides__item:first-child{border-top:0;padding-top:0}
.hub-guides .card--place .card__title{font-size:20px;line-height:1.25}
.hub-guides .card--place .card__excerpt{margin-top:6px}
@media(min-width:600px){
.hub-guides__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-guides__grid>.hub-guides__item:nth-child(-n+2){border-top:0;padding-top:0}
.hub-guides__item:nth-child(2n)::before{content:"";position:absolute;top:0;bottom:16px;left:calc(var(--gutter)/-2);border-left:1px solid var(--hair-strong)}
}
@media(min-width:980px){
.hub-guides__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-guides__grid>.hub-guides__item:nth-child(-n+3){border-top:0;padding-top:0}
.hub-guides__item:nth-child(2n)::before{content:none}
.hub-guides__item:not(:nth-child(3n+1))::before{content:"";position:absolute;top:0;bottom:16px;left:calc(var(--gutter)/-2);border-left:1px solid var(--hair-strong)}
.hub-guides__item{padding-bottom:20px}
}

/* ===== Новини │ релса (инструменти, реклама, най-четени) ===== */
.hub-grid{row-gap:40px}
.hub-main,.hub-rail{grid-column:1/-1;min-width:0}
.hub-rail>*+*{margin-top:32px}
.hub-news .archive-river>.card:first-child{padding-top:0}
.hub-news__all{margin-top:8px;padding-top:4px;border-top:1px solid var(--hair)}
@media(min-width:980px){
.hub-main{grid-column:1/span 8}
.hub-rail{grid-column:9/span 4}
}

/* ===== Инструменти: редове „име / какво прави / →“ ===== */
.hub-tools__list{border-top:0}
.hub-tools__item+.hub-tools__item{border-top:1px solid var(--hair)}
.hub-tools__link{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center;min-height:48px;padding:12px 0;color:var(--ink)}
.hub-tools__name{grid-column:1;font:600 17px/1.3 var(--serif)}
.hub-tools__desc{grid-column:1;font:400 14px/1.4 var(--sans);color:var(--muted)}
.hub-tools__arrow{grid-column:2;grid-row:1/span 2;font:400 16px/1 var(--sans);color:var(--muted)}
.hub-tools__link:hover .hub-tools__name,.hub-tools__link:hover .hub-tools__arrow{color:var(--accent)}
.sec-head+.hub-tools__list .hub-tools__item:first-child .hub-tools__link{padding-top:0}
/* На лендинга инструментите са на цялата ширина: 2 / 3 колони */
@media(min-width:600px){
.hub--landing .hub-tools__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gutter)}
.hub--landing .hub-tools__item+.hub-tools__item{border-top:0}
.hub--landing .hub-tools__item{border-bottom:1px solid var(--hair)}
.hub--landing .sec-head+.hub-tools__list .hub-tools__item .hub-tools__link{padding-top:12px}
}
@media(min-width:980px){.hub--landing .hub-tools__list{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== Лендинг: по рубрика (2 × 2 на компютър) ===== */
.landing-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:32px;column-gap:var(--gutter)}
.landing-block{min-width:0}
.landing-block__list>li{padding:12px 0}
.landing-block__empty{font-size:16px}
@media(min-width:980px){
.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
.landing-block.vrule::before{display:block}
}
.landing-all{margin-top:24px}