/* Copyright (c) 2026 Ovidiu Preda <ovidiu.preda@gmail.com>. Toate drepturile rezervate. */
/* Hub_Blog — stilurile blogului intr-un singur fisier (audit blog 15 oct 2026, BLOG-017/029): pana acum 6-7 blocuri <style>
   in fiecare pagina (list, view, termlist, related); acum un CSS cacheat 1 an in browser. Clasele au ramas aceleasi. */

/* ===== view ===== */
.hb{--ink:#111827;--txt:#374151;--mut:#6b7280;--line:#e6e8ec;--surf:#f5f7f9;--acc:#1f6fa8;--acc2:#46b3e8;--ok:#0b6e3a;
  --r:5px;--e1:0 1px 2px rgba(17,24,39,.06),0 1px 3px rgba(17,24,39,.08);--e2:0 4px 14px -4px rgba(17,24,39,.14);
  width:100vw;margin-left:calc(50% - 50vw);background:#fff;color:var(--txt)}
.hb *{box-sizing:border-box}
.hb-in{max-width:1320px;margin:0 auto;padding:0 16px}
.hb-head{padding:2.4rem 0 1.8rem}
.hb-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--acc);background:#eaf4fb;padding:.35rem .7rem;border-radius:999px}
.hb-title{font-size:clamp(1.75rem,3.6vw,2.6rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--ink);
  margin:.9rem 0 1rem;text-wrap:balance}
.hb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.9rem;color:var(--mut)}
.hb-av{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;
  background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;margin-right:.45rem}
.hb-by{display:inline-flex;align-items:center;color:var(--ink);font-weight:600}
.hb-dot{width:3px;height:3px;border-radius:50%;background:#c3c8cf}
/* mozaic imagini */
.hb-hero{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:0 0 2.4rem}
.hb-hero.n1{grid-template-columns:1fr}.hb-hero.n2{grid-template-columns:1fr 1fr}.hb-hero.n3{grid-template-columns:2fr 1fr 1fr}
.hb-tile{background:var(--surf);border-radius:var(--r);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hb-hero.n1 .hb-tile{aspect-ratio:21/9}.hb-hero.n3 .hb-tile:first-child{aspect-ratio:auto}
.hb-tile img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}
.hb-tile:hover img{transform:scale(1.04)}
.hb-tile.f img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal} /* imagini de prezentare (descrieri): pe toata caseta */
/* coloane */
.hb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;padding-bottom:3.5rem}
@media (min-width:1024px){.hb-grid{grid-template-columns:minmax(0,1fr) 300px;gap:4rem}}
.hb-side{display:none}
@media (min-width:1024px){.hb-side{display:block}.hb-toc-m{display:none}}
.hb-sticky{position:sticky;top:var(--hb-top,112px);display:grid;gap:16px}
.hb-card{background:#fff;border-radius:var(--r);box-shadow:var(--e1);padding:1.2rem 1.25rem}
.hb-toc{padding:1.1rem .6rem 1rem 1.25rem}
.hb-bar{height:3px;background:var(--line);border-radius:3px;margin:0 .65rem 1rem 0;overflow:hidden}
.hb-bar i{display:block;height:100%;width:0;background:var(--acc2);transition:width .15s linear}
.hb-toc ol{counter-reset:t}.hb-toc li{counter-increment:t}
.hb-toc a::before{content:counter(t);flex:0 0 1.1rem;color:#9aa3ad;font-variant-numeric:tabular-nums}
.hb-toc a.on::before{color:var(--acc)}
.hb-cta h4{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:var(--ink)}
.hb-cta p{margin:0 0 .9rem;font-size:.9rem;line-height:1.5;color:var(--mut)}
.hb-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.7rem 1rem;border-radius:var(--r);background:var(--acc);color:#fff!important;font-weight:600;font-size:.9rem;text-decoration:none!important;transition:background .2s}
.hb-btn:hover{background:#185b8a}
.hb-btn.o{background:#fff;color:var(--acc)!important;box-shadow:inset 0 0 0 1px var(--line);margin-top:.5rem}
.hb-btn.o:hover{background:var(--surf)}
.hb-toc-h{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:0 0 .8rem}
.hb-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.hb-toc a{display:flex;gap:.6rem;padding:.35rem 0;font-size:.9rem;line-height:1.35;color:var(--txt);text-decoration:none}
.hb-toc a:hover,.hb-toc a.on{color:var(--acc)}
.hb-toc a.on{font-weight:600}
.hb-toc-m{border:1px solid var(--line);border-radius:var(--r);margin:0 0 2rem;background:#fff}
.hb-toc-m summary{cursor:pointer;padding:.85rem 1rem;font-weight:600;color:var(--ink);list-style:none}
.hb-toc-m summary::after{content:"+";float:right;color:var(--mut)}
.hb-toc-m[open] summary::after{content:"–"}
.hb-toc-m ol{margin:0;padding:0 1rem 1rem 2rem}.hb-toc-m li{padding:.25rem 0}
.hb-toc-m a{color:var(--txt);text-decoration:none}
/* text */
.hb-prose{font-size:1.0625rem;line-height:1.75}
.hb-prose>p,.hb-prose>ul,.hb-prose>ol,.hb-prose>h2,.hb-prose>h3{max-width:78ch}
.hb-prose>:first-child{margin-top:0}
.hb-prose h2{font-size:1.6rem;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:3rem 0 1rem;scroll-margin-top:var(--hb-top,112px);text-wrap:balance}
.hb-prose h3{font-size:1.15rem;font-weight:600;color:var(--ink);margin:1.8rem 0 .5rem}
.hb-prose p{margin:0 0 1.15rem}
.hb-prose strong{color:var(--ink);font-weight:600}
.hb-prose a{color:var(--acc);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hb-prose a:hover{text-decoration-thickness:2px}
.hb-prose ul{list-style:none;margin:0 0 1.4rem;padding:0}
.hb-prose ul li{position:relative;padding-left:1.4rem;margin:.55rem 0}
.hb-prose ul li::before{content:"";position:absolute;left:.2rem;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--acc2)}
.hb-prose ol{margin:0 0 1.4rem;padding-left:1.4rem}
.hb-prose .pe-scurt{background:var(--surf);border-radius:var(--r);padding:1.3rem 1.5rem;margin:0 0 2.4rem;box-shadow:inset 3px 0 0 var(--acc2)}
.hb-prose .pe-scurt strong:first-child{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:.35rem}
.hb-faq{display:grid;gap:12px;margin:1.2rem 0 2rem}
.hb-q{background:#fff;border-radius:var(--r);box-shadow:var(--e1);padding:1.1rem 1.3rem}
.hb-q h3{margin:0 0 .4rem!important;font-size:1.05rem!important}
.hb-q p{margin:0 0 .5rem}.hb-q p:last-child{margin:0}
.hb-q .hb-faq-link{margin-top:.6rem}.hb-q .hb-faq-link a{font-size:.85rem;font-weight:600;text-decoration:none}
.hb-q .hb-faq-link a::after{content:" \2192"}
.hb-prose .pe-scurt p{margin:0;font-size:1.08rem;line-height:1.7;color:var(--ink)}
.hb-prose .hb-tbl{overflow-x:auto;margin:1.6rem 0;border-radius:var(--r);box-shadow:var(--e1);background:#fff}
.hb-prose table{width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem}
.hb-prose th,.hb-prose td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;vertical-align:top}
.hb-prose th{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);white-space:nowrap;background:#fff}
.hb-prose tbody tr:last-child td{border-bottom:0}
.hb-prose tbody tr:hover td{background:#fafbfc}
.hb-prose img{max-width:100%;height:auto}
/* galerie imagini */
.hb-gal{margin:2rem 0 2.2rem}
.hb-gal-g{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}
@media (max-width:640px){.hb-gal-g{grid-template-columns:repeat(2,1fr)}}
.hb-gal a{display:flex;flex-direction:column;gap:.5rem;text-decoration:none!important;color:var(--txt)}
.hb-gal .hb-tile{aspect-ratio:1/1}
.hb-gal span{font-size:.82rem;line-height:1.35;color:var(--mut)}
.hb-gal a:hover span{color:var(--acc)}
.hb-gal figcaption{margin-top:.8rem;font-size:.85rem;color:var(--mut)}
/* imagini explicative (din galeria produsului) */
.hb-fig{margin:2rem 0 2.2rem}
.hb-fig-g{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.hb-fig a{display:flex;flex-direction:column;gap:.55rem;text-decoration:none!important;color:var(--txt)}
.hb-fig img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r);box-shadow:var(--e1);background:var(--surf);transition:box-shadow .2s}
.hb-fig a:hover img{box-shadow:var(--e2)}
.hb-fig span{font-size:.9rem;font-weight:600;color:var(--ink);line-height:1.35}
.hb-fig figcaption{margin-top:.8rem;font-size:.85rem;color:var(--mut)}
/* dictionar termeni + etichete */
.hb-dict{display:grid;gap:10px;margin:1.4rem 0 2.2rem}
.hb-dict dt{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.hb-dict dd{margin:-2px 0 10px;padding:0 0 12px;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.7}
.hb-dict dd:last-child{border-bottom:0}
.hb-tag{display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:999px;background:#eaf4fb;color:var(--acc);
  font-size:.82rem;font-weight:600;letter-spacing:.01em;text-decoration:none!important;line-height:1.2}
a.hb-tag:hover{background:#d8ebf8}
.hb-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:2.2rem}
.hb-tags b{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-right:4px}
/* widgetul FAQ al modulului in articol: fara chenarul/titlul lui (titlul e H2-ul articolului) */
.hb-faqw .container{max-width:none!important;padding:0!important;margin:0!important}
.hb-faqw [data-faq-widget]{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.hb-faqw [data-faq-widget]>h2{display:none}
.hb-faqw [data-faq-alte-grupuri],.hb-faqw .faq-ghid{display:none}
/* carduri produs */
.hb-prod-g{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:1rem 0 2rem}
@media (max-width:640px){.hb-prod-g{grid-template-columns:repeat(2,1fr)}}
.hb-prod{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);box-shadow:var(--e1);overflow:hidden;
  text-decoration:none!important;color:var(--txt);transition:box-shadow .2s,transform .2s}
.hb-prod:hover{box-shadow:var(--e2);transform:translateY(-2px)}
.hb-prod .hb-tile{border-radius:0;aspect-ratio:1/1}
.hb-prod .t{padding:.75rem .85rem .2rem;font-size:.85rem;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hb-prod .p:empty{display:none}
.hb-prod .p{padding:.3rem .85rem .85rem;margin-top:auto;font-weight:700;color:var(--ok)}
.hb-sw{display:flex;flex-wrap:wrap;gap:6px;padding:.2rem .85rem .1rem}
.hb-sw a,.hb-sw span{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(17,24,39,.18);display:block}
.hb-sw .on{outline:2px solid var(--acc);outline-offset:2px}
.hb-sw-n{font-size:.75rem;color:var(--mut);padding:.15rem .85rem 0}
.hb-pc{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r);box-shadow:var(--e1);overflow:hidden;transition:box-shadow .2s,transform .2s}
.hb-pc:hover{box-shadow:var(--e2);transform:translateY(-2px)}
.hb-pc .hb-prod{box-shadow:none;transform:none!important;flex:0 0 auto}
.hb-pc .hb-prod .t{min-height:calc(1.35em * 3 + .95rem)}
.hb-pc .hb-vars{margin-top:0}
.hb-pc .hb-sw{padding-bottom:.85rem}
.hb-prod .st{padding:0 .85rem .8rem;font-size:.78rem;color:var(--ok);display:flex;align-items:center;gap:.35rem}
.hb-prod .st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.hb-prod .st.no{color:#b42318}
.hb-prod .p{padding-bottom:.2rem}
.hb-vars{padding:.1rem .85rem .9rem;border-top:1px solid var(--line)}
.hb-vars-n{font-size:.72rem;color:var(--mut);margin:.55rem 0 .4rem}
.hb-vars-g{display:flex;flex-wrap:wrap;gap:6px}
.hb-var{display:flex;flex-direction:column;align-items:center;gap:2px;width:52px;text-decoration:none!important}
.hb-var img{width:44px;height:44px;object-fit:contain;border-radius:4px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);padding:2px;transition:box-shadow .15s}
.hb-var span{font-size:.62rem;line-height:1.1;color:var(--mut);text-align:center;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-var:hover img{box-shadow:inset 0 0 0 1px var(--acc2)}
.hb-var.on img{box-shadow:inset 0 0 0 2px var(--acc)}
.hb-var.on span{color:var(--acc);font-weight:600}
.hb-var.off img{opacity:.45}
.hb-upd{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--mut)}
.hubblog-post-view #maincontent,.hubblog-post-view #maincontent .columns,.hubblog-post-view #maincontent .column.main{padding-bottom:0!important;margin-bottom:0!important;min-height:0!important}
.hb-related{border-top:1px solid var(--line);padding:2.5rem 0 3.5rem;background:var(--surf);width:100vw;margin-left:calc(50% - 50vw)}
@media (max-width:640px){.hb-head{padding-top:1.4rem}.hb-hero{grid-template-columns:1fr 1fr}.hb-hero.n3 .hb-tile:first-child{grid-column:1/-1;aspect-ratio:16/9}
  .hb-hero.n1 .hb-tile{aspect-ratio:4/3}.hb-prose{font-size:1rem}.hb-prose h2{font-size:1.35rem}}
@media (prefers-reduced-motion:reduce){.hb-tile img,.hb-prod{transition:none}}

/* ===== list ===== */
.hbl{--ink:#111827;--txt:#374151;--mut:#6b7280;--line:#e6e8ec;--surf:#f5f7f9;--acc:#1f6fa8;--acc2:#46b3e8;--r:5px;
  --e1:0 1px 2px rgba(17,24,39,.06),0 1px 3px rgba(17,24,39,.08);--e2:0 10px 30px -12px rgba(17,24,39,.25);
  width:100vw;margin-left:calc(50% - 50vw);background:#fff;color:var(--txt)}
.hbl *{box-sizing:border-box}
.hbl-in{max-width:1320px;margin:0 auto;padding:0 16px}
.hbl-head{padding:2.6rem 0 1.6rem;display:grid;gap:1rem}
.hbl-chip{justify-self:start;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);background:#eaf4fb;padding:.35rem .75rem;border-radius:999px}
.hbl-head h1{margin:0;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;letter-spacing:-.025em;font-weight:700;color:var(--ink);text-wrap:balance}
.hbl-head p{margin:0;max-width:62ch;font-size:1.06rem;line-height:1.65;color:var(--mut)}
.hbl-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:.4rem}
.hbl-tag{display:inline-flex;padding:.4rem .8rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:.85rem;font-weight:500;color:var(--txt);text-decoration:none;transition:box-shadow .15s,color .15s}
.hbl-tag:hover{box-shadow:inset 0 0 0 1px var(--acc2);color:var(--acc)}
.hbl-feat{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--e1);background:#fff;margin:1rem 0 3rem;text-decoration:none;color:inherit;transition:box-shadow .25s}
.hbl-feat:hover{box-shadow:var(--e2)}
.hbl-img{display:flex;align-items:center;justify-content:center;background:var(--surf);overflow:hidden;aspect-ratio:16/10}
.hbl-img img{width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}
.hbl-img.f img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.hbl-feat:hover .hbl-img img,.hbl-card:hover .hbl-img img{transform:scale(1.035)}
.hbl-feat .hbl-img{aspect-ratio:4/3}
.hbl-fb{padding:2.2rem 2.4rem;display:flex;flex-direction:column;gap:.9rem;justify-content:center}
.hbl-kick{display:flex;flex-wrap:wrap;gap:6px}
.hbl-k{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}
.hbl-k+.hbl-k::before{content:"·";margin-right:6px;color:#c3c8cf}
.hbl-feat h2{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.18;letter-spacing:-.015em;color:var(--ink);font-weight:700;text-wrap:balance}
.hbl-ex{margin:0;font-size:1rem;line-height:1.65;color:var(--txt);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.hbl-feat .hbl-ex{-webkit-line-clamp:5}
.hbl-meta{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--mut)}
.hbl-meta i{width:3px;height:3px;border-radius:50%;background:#c3c8cf}
.hbl-go{font-weight:600;color:var(--acc);font-size:.95rem}
.hbl-sec{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 1rem}
.hbl-sec h2{margin:0;font-size:1.35rem;color:var(--ink);font-weight:700}
.hbl-grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr);padding-bottom:4rem}
.hbl-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--e1);text-decoration:none;color:inherit;transition:box-shadow .25s,transform .25s}
.hbl-card:hover{box-shadow:var(--e2);transform:translateY(-3px)}
.hbl-cb{padding:1.1rem 1.25rem 1.3rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.hbl-card h3{margin:0;font-size:1.12rem;line-height:1.3;color:var(--ink);font-weight:700;text-wrap:balance}
.hbl-card .hbl-ex{font-size:.92rem;-webkit-line-clamp:3;color:var(--mut)}
.hbl-card .hbl-meta{margin-top:auto;padding-top:.4rem}
.hbl-gol{padding:3rem 0 5rem;color:var(--mut)}
@media (max-width:900px){.hbl-feat{grid-template-columns:1fr}.hbl-feat .hbl-img{min-height:0;aspect-ratio:16/10}.hbl-fb{padding:1.4rem 1.3rem}.hbl-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hbl-grid{grid-template-columns:1fr}.hbl-head{padding-top:1.6rem}}
@media (prefers-reduced-motion:reduce){.hbl-img img,.hbl-card,.hbl-feat{transition:none}}

/* ===== related ===== */
/* Articole similare — acelasi limbaj vizual ca articolul (13 oct 2026) */
.hub-rel h2{font-size:1.35rem;font-weight:700;color:#111827;margin:0 0 1.2rem}
.hub-rel-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.hub-rel-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border-radius:5px;overflow:hidden;
  box-shadow:0 1px 2px rgba(17,24,39,.06),0 1px 3px rgba(17,24,39,.08);transition:box-shadow .2s,transform .2s}
.hub-rel-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px -4px rgba(17,24,39,.14)}
.hub-rel-card .t{aspect-ratio:16/9;background:#eef1f4;display:flex;align-items:center;justify-content:center}
.hub-rel-card .t img{width:60%;height:85%;object-fit:contain;mix-blend-mode:multiply}
.hub-rel-card .b{padding:.9rem 1rem 1.1rem}
.hub-rel-card .b h3{font-size:1rem;font-weight:600;color:#111827;margin:0;line-height:1.4}

/* ===== 15 oct 2026 (audit blog P18): cautare, paginare, breadcrumbs, glosar, 404, previzualizare ===== */
.hbl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hbl-cauta{display:flex;gap:8px;max-width:560px;margin-top:.2rem}
.hbl-cauta input{flex:1;min-width:0;padding:.7rem .95rem;border:0;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);font-size:.95rem;color:var(--ink);background:#fff}
.hbl-cauta input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--acc2)}
.hbl-cauta button{padding:.7rem 1.2rem;border:0;border-radius:var(--r);background:var(--acc);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}
.hbl-cauta button:hover{background:#185b8a}
.hbl-tag--glosar{box-shadow:inset 0 0 0 1px var(--acc2);color:var(--acc)}
.hbl-rez{margin:.4rem 0 1.6rem;font-size:.95rem;color:var(--mut)}
.hbl-rez a,.hbl-inapoi a,.hbl-crumbs a{color:var(--acc);text-decoration:none}
.hbl-rez a:hover,.hbl-inapoi a:hover,.hbl-crumbs a:hover{text-decoration:underline}
.hbl-pag{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:2.4rem 0 3rem}
.hbl-pag a,.hbl-pag span{min-width:2.4rem;padding:.55rem .8rem;border-radius:var(--r);text-align:center;font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);color:var(--txt)}
.hbl-pag a:hover{box-shadow:inset 0 0 0 1px var(--acc2);color:var(--acc)}
.hbl-pag span[aria-current]{background:var(--acc);color:#fff;box-shadow:none}
.hbl-crumbs{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding-top:1.6rem;font-size:.85rem;color:var(--mut)}
.hbl-crumbs span[aria-hidden]{color:#c3c8cf}
.hbl-intro{max-width:70ch;font-size:1.04rem;line-height:1.65;color:var(--mut)}
.hbl-intro p{margin:0 0 .6rem}
.hbl-glosar{display:grid;gap:0;max-width:820px;margin:0 0 3rem}
.hbl-glosar dt{margin:1.2rem 0 .3rem;font-weight:700;color:var(--ink);font-size:1.05rem;scroll-margin-top:120px}
.hbl-glosar dd{margin:0;padding:0 0 1.2rem;border-bottom:1px solid var(--line);line-height:1.7}
.hbl-glosar dd a{display:inline-block;margin-left:.3rem;font-size:.85rem;font-weight:600;color:var(--acc);text-decoration:none}
.hbl-inapoi{margin:2rem 0 3rem}
.hbl-404 .hbl-head{padding-bottom:2rem}
.hub-rel-card .t.f img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.hb-previz{position:sticky;top:0;z-index:50;padding:.6rem 1rem;background:#fff4d6;color:#7a4b00;font-weight:600;font-size:.9rem;text-align:center;box-shadow:0 1px 0 #f0d58a}
.hb-meta-aut{display:inline-flex;align-items:center;gap:.35rem}
.hb-surse{margin-top:2rem;padding:1.1rem 1.3rem;border-radius:var(--r);background:var(--surf);font-size:.9rem;line-height:1.6}
.hb-surse h2{font-size:1rem!important;margin:0 0 .5rem!important}
.hb-actual{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--ok);margin:0 0 .8rem}
.hb-actual::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
@media (max-width:640px){.hbl-cauta{flex-direction:column}.hbl-cauta button{width:100%}}
/* breadcrumbs in articol: aceeasi linie ca pe lista, deasupra antetului */
.hb .hbl-crumbs{padding-top:1.4rem;margin-bottom:-1.2rem}
.hb .hbl-crumbs span[aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}
/* categoriile blogului (antet /blog) si eticheta de categorie din articol */
.hbl-cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:.3rem}
.hbl-cat{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--r);background:var(--ink);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .15s}
.hbl-cat:hover{background:var(--acc)}
.hbl-cat span{font-size:.75rem;font-weight:700;opacity:.7}
a.hb-chip{text-decoration:none}
a.hb-chip:hover{background:#d8ebf8}
/* pe mobil titlul nu se repeta in breadcrumbs (e chiar dedesubt, ca H1) */
@media (max-width:640px){.hb .hbl-crumbs span[aria-current],.hb .hbl-crumbs span[aria-hidden]:nth-last-child(2){display:none}}