/* Profesio v4 · zona Ajutor: FAQ, manuale, pagini legale, actualizari, verificare certificat.
   Doar ce lipseste din profesio.css; clasele de baza (phero, tsearch, ga-*, nw-*, lg-*, v*) vin de acolo. */

/* cautarea mare din hero (ca in prototip: 56px, fundal de pagina) */
.ah-search{display:block;width:100%;max-width:620px}
.ah-search input{height:56px;background:var(--bg);font-size:16px}
@media (max-width:760px){.ah-search{display:block!important}}

/* HTMX: rezultatele se estompeaza cat timp vine raspunsul */
#help-body.htmx-request,#nw-results.htmx-request{opacity:.55;transition:opacity .12s ease}

/* atributul hidden castiga in fata display-ului din .empty / sectiuni */
.empty[hidden],.lgx-d[hidden],.nw-it[hidden],.nw-m[hidden],.nw-feat[hidden]{display:none!important}

/* chip-uri ca linkuri */
a.chip{text-decoration:none!important}
a.chip:focus-visible{outline:3px solid var(--blue-s);outline-offset:2px}

/* manuale: titlu + rezumat in summary, corpul articolului ca text */
.ah-sum{gap:12px;align-items:flex-start;min-width:0}
.ah-sum>i{color:var(--blue-t);font-size:18px;margin-top:2px;flex:none}
.ah-sum-t{display:grid;gap:2px;min-width:0}
.ah-sum-t .xs{font-weight:500}
.ah-body{padding:6px 0 4px 30px;max-width:none;font-size:15px}
.ah-body ol{counter-reset:m;list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}
.ah-body ol li{counter-increment:m;display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin:0}
.ah-body ol li::before{content:counter(m);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--blue-s);color:var(--blue-t);font-weight:800;font-size:14px}
@media (max-width:640px){.ah-body{padding-left:0}}

/* paginile legale: sectiuni numerotate automat */
.lgx-list{counter-reset:lg}
.lgx-d .lg-n::before{counter-increment:lg;content:counter(lg)}
.lgx-d summary .row{gap:12px;align-items:center}
.lgx-d .lg-p a{color:var(--blue-t)}
.lgx-d:target,.ga-fq:target{scroll-margin-top:96px}
.lg-note{margin-bottom:8px}
.lg-tools{justify-content:center;margin-top:16px;gap:8px}
.lg-quill h2,.lg-quill h3{font-size:18px;margin:24px 0 8px}
@media print{
  .top,.ft,.ftr,footer,.ga-faqa,.ga-chips,.ah-search,.lg-tools,.totop,.ga-pf,.cookie,#ck{display:none!important}
  .ga-faqg{display:block}
  .phero{padding-block:0 12px;background:none}
  details.fq summary::after{display:none}
}

/* actualizari */
.nw-body .prose{max-width:none;font-size:15px}
.nw-body .prose img{max-width:100%;height:auto;border-radius:10px}
.nw-fb .prose{max-width:none}
.nw-fb .prose p{margin:6px 0}
.nw-pager{display:flex;justify-content:space-between;align-items:center;gap:12px}
.nw-pager .dis{opacity:.45;pointer-events:none}
.nw-side .sw{flex:none}
@media (max-width:640px){.nw-body{padding-left:16px}}

/* verificare certificat */
.vcert .cert2{width:100%}
.c2-ver{display:grid;justify-items:center;gap:.4cqw;font-size:.95cqw;color:#7a8696;text-align:center;line-height:1.3}
.c2-ver i{font-size:3.4cqw;color:#0079ad}
.vex{margin-top:2px}
.vdl dd .ib{width:32px;height:32px;font-size:15px}

/* tipurile de actualizare (PlatformUpdate.Category) -> culorile din prototip (GA_UCAT) */
.pill.k-feature{background:var(--blue-s);color:var(--blue-t)}
.pill.k-improvement{background:var(--ok-s);color:var(--ok)}
.pill.k-fix{background:var(--warn-s);color:var(--warn)}
.nw-ic.k-improvement{background:var(--ok-s);color:var(--ok)}
.nw-ic.k-fix{background:var(--warn-s);color:var(--warn)}
.nw-ic.k-security{background:#ede9fe;color:#6d28d9}
.nw-ic.k-announcement{background:var(--soft);color:var(--muted)}
.nw-fv.k-improvement{background:linear-gradient(150deg,#0b2e1f,#147a3d 60%,#5fd28f)}
.nw-fv.k-fix{background:linear-gradient(150deg,#2e1f0b,#a15c07 60%,#f3b65b)}
.nw-fv.k-security{background:linear-gradient(150deg,#1f0b2e,#6d28d9 60%,#a78bfa)}
.nw-fv.k-announcement{background:linear-gradient(150deg,#1f2937,#475569 60%,#94a3b8)}
:root[data-theme="dark"] .nw-ic.k-security{background:rgba(167,139,250,.16);color:#c4b5fd}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nw-ic.k-security{background:rgba(167,139,250,.16);color:#c4b5fd}}
.ah-vinfo{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid;gap:32px}
.ah-h3{font-size:19px}
.vstatus a{color:var(--blue-t);text-decoration:underline}
/* Paginile legale: titlul fiecarei sectiuni e h2 in <summary>, cu aspectul summary-ului;
   eticheta documentului de deasupra listei nu mai e heading (repeta h1). SEO r3 */
.lgx-d summary .lg-h{font:inherit;letter-spacing:inherit;color:inherit;flex:1;min-width:0}
.ga-fsec>.lg-t{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.02em;display:flex;align-items:center;gap:12px;margin-bottom:4px}

/* ===================================================================================
   Centrul de ajutor (hub /ajutor/, manuale pe capitole si articole, FAQ). Prefix hx-.
   Template-uri: templates/help/*.html; JS: js/pages/ajutor.js (sugestii, cuprins, lightbox).
   =================================================================================== */
.hx-hero{padding-block:40px 32px}
.hx-hero-in{display:grid;justify-items:center;text-align:center;gap:12px}
.hx-hero-in h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.02em}
.hx-hero-in .lead{margin:0 auto;max-width:56ch}
.hx-hero-in .hx-crumbs{justify-content:center}
.hx-page{padding-block:24px 64px;display:grid;gap:28px}
.hx-h2{font-size:20px;margin-bottom:12px;letter-spacing:-.01em}
.hx-blk{display:block}
.hx-push{margin-left:auto}

/* firimituri */
.hx-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);min-width:0}
.hx-crumbs a{color:var(--blue-t)}
.hx-crumbs i{font-size:11px;opacity:.7}
.hx-crumbs [aria-current]{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

/* cautarea live: dropdown-ul de sub camp */
.hx-search{position:relative;text-align:left}
.hx-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-l);padding:6px;display:grid;gap:2px;max-height:min(420px,60vh);overflow:auto}
.hx-sug[hidden]{display:none}
.hx-sug .hx-sug-all{align-items:center;font-weight:700;color:var(--blue-t);font-size:13px;padding:10px;text-decoration:none}
.hx-pop{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0}
.hx-pop .chip,.hx-common .chip{min-height:32px;padding:0 12px;font-size:13px}

/* iconite rotunjite */
.hx-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--blue-s);color:var(--blue-t);font-size:20px}
.hx-ic.s{width:34px;height:34px;border-radius:10px;font-size:16px}
.hx-ic.l{width:56px;height:56px;border-radius:16px;font-size:26px}
.hx-ic.f{background:var(--soft);color:var(--muted)}

/* hub: carduri pe rol (inaltime egala pe rand) */
.hx-roles,.hx-chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-items:stretch}
.hx-chapters{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.hx-role,.hx-chap{display:flex;flex-direction:column;gap:12px;padding:20px;min-width:0}
.hx-role:hover,.hx-chap:hover{border-color:var(--blue)}
.hx-role-h,.hx-chap-h{display:flex;gap:14px;align-items:flex-start;color:inherit;text-decoration:none!important}
.hx-role-tt{display:grid;gap:4px;min-width:0}
.hx-role-tt b{font-size:17px;color:var(--ink);letter-spacing:-.01em}
.hx-role-h:hover b,.hx-chap-h:hover b{color:var(--blue-t)}
.hx-role-l{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-top:1px solid var(--line-2);padding-top:8px}
.hx-role-l a{display:flex;gap:8px;align-items:flex-start;padding:6px 0;font-size:14px;color:var(--text)}
.hx-role-l a i{color:var(--muted);margin-top:2px}
.hx-role-l a:hover{color:var(--blue-t)}
.hx-role-f{margin-top:auto;color:var(--blue-t);display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:32px}
.hx-chap>.sm{margin:0}
.hx-common{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 0}

/* hub: doua coloane (articole populare | intrebari) */
.hx-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.hx-box{padding:18px 20px;min-width:0}
.hx-box-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.hx-box-h h2,.hx-box-t{font-size:18px;letter-spacing:-.01em}
.hx-box-t{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.hx-box-t i{color:var(--warn)}
.hx-list{list-style:none;margin:0;padding:0;display:grid}
.hx-list li+li{border-top:1px solid var(--line-2)}
.hx-row{display:flex;gap:12px;align-items:center;padding:10px 0;color:inherit;text-decoration:none!important;min-width:0}
.hx-row-t{display:grid;gap:2px;min-width:0;flex:1}
.hx-row-t b{color:var(--ink);font-size:15px}
.hx-row:hover b{color:var(--blue-t)}
.hx-fqs details.fq{padding:12px 0}
.hx-fqs details.fq:last-child{border-bottom:0}
.hx-fq summary{font-size:15px}
.hx-ans{max-width:none;font-size:15px;color:var(--text);padding-top:6px}
.hx-ans p{margin:6px 0}
.hx-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px}

/* hub: contact */
.hx-contact{display:flex;gap:18px;align-items:center;padding:20px 24px;flex-wrap:wrap}
.hx-contact-t{flex:1;min-width:240px;display:grid;gap:4px}
.hx-contact-t h2{font-size:19px}
.hx-contact-t p{margin:0}
.hx-res-h{margin-bottom:8px}
.hx-res-h h2{font-size:20px}
.hx-res .hx-row{padding:14px 0}
.hx-more-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.hx-chips{margin-bottom:-12px}

/* capitol si articol: grila cu navigare, continut, cuprins */
.hx-doc{display:grid;grid-template-columns:240px minmax(0,1fr) 220px;gap:40px;align-items:start;padding-block:28px 72px}
.hx-doc--2{grid-template-columns:240px minmax(0,1fr)}
.hx-doc--2 .hx-main{max-width:860px}
.hx-main{min-width:0;display:grid;gap:18px;align-content:start}
.hx-side,.hx-toc{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow:auto;scrollbar-width:thin}
.hx-nav{display:grid;gap:2px;font-size:14px}
.hx-nav-all{display:flex;gap:8px;align-items:center;font-weight:700;color:var(--ink);padding:8px 10px;border-radius:10px;margin-bottom:6px}
.hx-nav-all:hover{background:var(--soft);text-decoration:none}
.hx-nav-c summary{list-style:none;display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer;font-weight:700;color:var(--ink)}
.hx-nav-c summary::-webkit-details-marker{display:none}
.hx-nav-c summary::after{content:"\F285";font-family:"bootstrap-icons";margin-left:auto;font-size:11px;color:var(--muted);transition:transform .15s}
.hx-nav-c[open] summary::after{transform:rotate(90deg)}
.hx-nav-c summary i{color:var(--blue-t)}
.hx-nav-c summary:hover{background:var(--soft)}
.hx-nav-c ul,.hx-mnav ul{list-style:none;margin:2px 0 8px;padding:0 0 0 20px;display:grid;gap:1px}
.hx-nav-c li a,.hx-mnav li a{display:block;padding:6px 10px;border-left:2px solid var(--line-2);color:var(--text);line-height:1.35}
.hx-nav-c li a:hover,.hx-mnav li a:hover{color:var(--blue-t);text-decoration:none;border-left-color:var(--line)}
.hx-nav-c li a.on,.hx-mnav li a.on{border-left-color:var(--blue);color:var(--blue-t);font-weight:700;background:var(--blue-s);border-radius:0 8px 8px 0}
.hx-mnav,.hx-mtoc{display:none}

.hx-head{display:flex;gap:18px;align-items:flex-start}
.hx-head h1,.hx-ahead h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.02em}
.hx-head .lead,.hx-ahead .lead{font-size:17px;color:var(--muted);margin:0;max-width:62ch}
.hx-ahead{display:grid;gap:10px}
.hx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;color:var(--muted);margin:0}
.hx-meta>span{display:inline-flex;align-items:center;gap:6px}
.hx-meta .pill{gap:6px}
.hx-intro{max-width:none}
.hx-arts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hx-art{display:flex;gap:16px;align-items:center;padding:16px 18px;color:inherit;text-decoration:none!important}
.hx-art:hover{border-color:var(--blue)}
.hx-art:hover b{color:var(--blue-t)}
.hx-art-n{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--blue-s);color:var(--blue-t);font-weight:800;font-size:14px}

/* corpul articolului */
.hx-body{max-width:760px;font-size:16px}
.hx-body h2{scroll-margin-top:96px}
.hx-body h3{font-size:17px;margin:22px 0 6px;scroll-margin-top:96px}
.hx-body ol,.hx-body ul{padding-left:22px;margin:10px 0}
.hx-body li{margin:6px 0}
.hx-body code{font-size:.9em;background:var(--soft);border:1px solid var(--line-2);border-radius:6px;padding:1px 5px}
.hx-body strong{color:var(--ink)}
.hx-step{position:relative;padding-left:52px;margin:30px 0 0;scroll-margin-top:96px}
.hx-step::before{content:"";position:absolute;left:17px;top:44px;bottom:-26px;width:2px;background:var(--line-2);border-radius:2px}
.hx-step:last-of-type::before{display:none}
.hx-body .hx-step-h{display:flex;align-items:center;gap:14px;font-size:20px;margin:0 0 6px -52px;letter-spacing:-.01em;line-height:1.3}
.hx-n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;box-shadow:0 0 0 4px var(--bg)}
.hx-fig{margin:14px 0 4px}
.hx-zoom{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--soft);cursor:zoom-in;box-shadow:var(--sh)}
.hx-zoom:hover{border-color:var(--blue)}
.hx-zoom img{display:block;width:auto;max-width:100%;height:auto}
/* capturile inguste (dialoguri, meniuri) raman la marimea lor naturala, nu se intind pe coloana */
.hx-zoom{width:fit-content;max-width:100%}
.hx-fig figcaption{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.45}
.hx-inl{display:inline-block;max-height:1.6em;vertical-align:middle;border-radius:4px}
.hx-call{display:flex;gap:12px;padding:14px 16px;border-radius:12px;margin:16px 0;background:var(--blue-s);color:var(--text);font-size:15px;line-height:1.6}
.hx-call>i{font-size:18px;color:var(--blue-t);flex:none;margin-top:1px}
.hx-call--sfat{background:var(--ok-s)}.hx-call--sfat>i{color:var(--ok)}
.hx-call--atentie{background:var(--warn-s)}.hx-call--atentie>i{color:var(--warn)}
.hx-call-b{min-width:0}
.hx-call-b>*{margin:0!important}
.hx-call-b>*+*{margin-top:6px!important}
.hx-body .hx-call-t{font-weight:800;color:var(--ink);font-size:14px}
.hx-quote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--line);color:var(--muted)}
.hx-tbl{overflow-x:auto;margin:14px 0}
.hx-tbl table{border-collapse:collapse;width:100%;font-size:14px}
.hx-tbl th,.hx-tbl td{border-bottom:1px solid var(--line-2);padding:8px 10px;text-align:left;vertical-align:top}
.hx-tbl th{color:var(--ink);background:var(--soft)}
.hx-broken{outline:2px dashed var(--bad);outline-offset:2px}

/* cuprins */
.hx-toc{display:grid;gap:18px;align-content:start}
.hx-toc-t{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 -8px}
.hx-toc-l{list-style:none;margin:0;padding:0;display:grid;gap:1px;font-size:13px;border-left:2px solid var(--line-2)}
.hx-toc-l a{display:flex;gap:8px;align-items:baseline;padding:5px 10px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);line-height:1.35}
.hx-toc-l a:hover{color:var(--ink);text-decoration:none}
.hx-toc-l a.on{color:var(--blue-t);border-left-color:var(--blue);font-weight:700}
.hx-toc-n{flex:none;min-width:14px;font-weight:800}
.hx-ai{padding:14px}
.hx-ai .btn{justify-self:start}
.hx-ai p{margin:0}

/* feedback, inainte/urmatorul, inrudite */
.hx-fb{padding:16px 20px;max-width:760px;scroll-margin-top:96px}
.hx-fb-in{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.hx-fb-t{display:grid;gap:2px}
.hx-fb-c{display:grid;gap:10px}
.hx-fb-c textarea{min-height:80px}
.hx-fb-ok{display:flex;gap:10px;align-items:center;margin:0;font-weight:600;color:var(--ink)}
.hx-fb-ok i{color:var(--ok);font-size:18px}
.hx-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px}
.hx-pn-a{display:grid;gap:4px;padding:14px 16px;color:inherit;text-decoration:none!important;min-width:0}
.hx-pn-a:hover{border-color:var(--blue)}
.hx-pn-a b{color:var(--ink);font-size:15px}
.hx-pn-n{text-align:right;grid-column:2}
.hx-rel{max-width:760px}
.hx-rel h2{font-size:18px;margin-bottom:6px}
.hx-rel-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.hx-rel-l li{border-top:1px solid var(--line-2)}

/* FAQ */
.hx-faqg{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.hx-faqa{position:sticky;top:88px}
.hx-cnt{margin:0 0 4px;min-height:1px}
.hx-fsec{margin-bottom:24px;scroll-margin-top:96px}
.hx-fsec[hidden],.hx-fq[hidden]{display:none!important}
.hx-fsec h2{display:flex;align-items:center;gap:12px;font-size:19px;margin-bottom:2px}
.hx-faqg details.fq{padding:16px 0;scroll-margin-top:96px}
.hx-ans-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px!important}
.hx-perma{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}
.hx-popq ul{list-style:none;margin:0;padding:0;display:grid}
.hx-popq li+li{border-top:1px solid var(--line-2)}
.hx-popq a{display:block;padding:9px 0;font-size:14px;font-weight:600;color:var(--text)}
.hx-popq a:hover{color:var(--blue-t)}

/* lightbox pentru capturi */
dialog.hx-lb{width:auto;max-width:96vw;max-height:96vh;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
dialog.hx-lb::backdrop{background:rgba(8,12,20,.86);backdrop-filter:none}
.hx-lb figure{margin:0;display:grid;gap:10px;justify-items:center}
.hx-lb img{display:block;max-width:96vw;max-height:86vh;width:auto;height:auto;border-radius:10px;background:#fff;cursor:zoom-out}
.hx-lb figcaption{color:#e8edf3;font-size:14px;text-align:center;max-width:80ch}
.hx-lb-x{position:fixed;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}
.hx-lb-x:hover{background:rgba(255,255,255,.26)}

@media (max-width:1180px){
  .hx-doc{grid-template-columns:220px minmax(0,1fr);gap:32px}
  .hx-toc{display:none}
  .hx-mtoc{display:block}
}
@media (max-width:1000px){
  .hx-doc,.hx-doc--2{grid-template-columns:minmax(0,1fr);gap:0;padding-block:16px 56px}
  .hx-side{display:none}
  .hx-mnav{display:block}
  .hx-faqg{grid-template-columns:minmax(0,1fr)}
  .hx-faqa{position:static}
  .hx-two{grid-template-columns:minmax(0,1fr)}
}
.hx-mnav,.hx-mtoc{border:1px solid var(--line);border-radius:12px;background:var(--card)}
.hx-mnav summary,.hx-mtoc summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-weight:700;color:var(--ink);font-size:14px}
.hx-mnav summary::-webkit-details-marker,.hx-mtoc summary::-webkit-details-marker{display:none}
.hx-mnav summary::after,.hx-mtoc summary::after{content:"\F282";font-family:"bootstrap-icons";margin-left:auto;font-size:12px;color:var(--muted)}
.hx-mnav[open] summary::after,.hx-mtoc[open] summary::after{transform:rotate(180deg)}
.hx-mnav summary>span:not(.pill){display:grid;min-width:0}
.hx-mnav summary>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-mnav summary .pill{margin-left:auto}
.hx-mnav summary .pill+*{margin-left:0}
.hx-mnav summary i{color:var(--blue-t)}
.hx-mnav ul{padding:0 14px 10px 14px}
.hx-mtoc .hx-toc-l{margin:0 14px 12px}
@media (max-width:640px){
  .hx-hero{padding-block:24px 20px}
  .hx-page{gap:20px;padding-block:16px 48px}
  .hx-step{padding-left:0}
  .hx-step::before{display:none}
  .hx-body .hx-step-h{margin-left:0;font-size:18px}
  .hx-n{width:32px;height:32px;font-size:14px}
  .hx-head{flex-direction:column;gap:12px}
  .hx-pn{grid-template-columns:minmax(0,1fr)}
  .hx-pn-n{grid-column:1;text-align:left}
  .hx-rel-l{grid-template-columns:minmax(0,1fr)}
  .hx-contact{padding:18px}
  .hx-contact-a{width:100%}
  .hx-contact-a .btn{flex:1}
  .hx-roles,.hx-chapters{grid-template-columns:minmax(0,1fr)}
  .hx-role,.hx-chap{padding:16px 18px 10px}
  .hx-pop>.xs{flex-basis:100%;text-align:center}
  .hx-crumbs [aria-current],.hx-crumbs i:last-of-type{display:none}
}
@media print{
  .hx-side,.hx-toc,.hx-mnav,.hx-mtoc,.hx-fb,.hx-pn,.hx-rel,.hx-search{display:none!important}
  .hx-doc{display:block}
}
.hx-mnav summary::after{margin-left:8px}
.hx-mnav ul .hx-nav-all{border-left:0;margin:4px 0 0;padding:8px 10px;display:flex;gap:8px}

/* cautarea live (HTMX): indicator, dropdown cu sectiunea potrivita, lista de rezultate */
.hx-ind{position:absolute;right:18px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--blue);opacity:0;pointer-events:none;transition:opacity .15s}
.hx-ind.htmx-request{opacity:1;animation:hx-spin .7s linear infinite}
@keyframes hx-spin{to{transform:rotate(360deg)}}
.hx-search input[type="search"]{padding-right:44px}
.hx-sug .hx-sug-o{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;padding:8px 10px;border-radius:10px;color:var(--text);text-decoration:none}
.hx-sug .hx-sug-o:hover,.hx-sug [aria-selected="true"]{background:var(--soft);text-decoration:none}
.hx-sug-b{display:grid;gap:1px;min-width:0}
.hx-sug-b b{color:var(--ink);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-sug-b .xs{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-sug-sub,.hx-sub{display:flex;gap:6px;align-items:baseline;font-size:13px;color:var(--text);min-width:0}
.hx-sug-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-sug-sub i,.hx-sub i{color:var(--muted);font-size:12px}
.hx-sug a.hx-sug-all{display:flex;justify-content:center;gap:6px;border-top:1px solid var(--line-2);margin-top:4px;border-radius:0 0 10px 10px}
.hx-search mark,.hx-res mark{background:var(--blue-s);color:inherit;border-radius:2px;padding:0}
.hx-none{display:grid;gap:6px;padding:12px;text-align:left}
.hx-none p{margin:0}
.hx-none-l{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px!important}
.hx-none-l .chip{min-height:34px;padding:0 12px;font-size:13px}
.hx-none-p{padding:8px}
.hx-hit{align-items:flex-start}
.hx-hit .hx-ic{margin-top:22px}
.hx-hit>.bi-chevron-right{align-self:center}
.hx-place{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hx-place .pill{font-size:11px;padding:1px 8px}
.hx-snip{display:block;line-height:1.5}
:root[data-theme="dark"] .hx-search mark,:root[data-theme="dark"] .hx-res mark{background:rgba(94,200,242,.22)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hx-search mark,:root:not([data-theme="light"]) .hx-res mark{background:rgba(94,200,242,.22)}}
@media (max-width:640px){.hx-hit .hx-ic{display:none}}
/* FAQ: cele 13 categorii trec pe randul urmator pe ecrane late (fara derulare laterala);
   pe telefon raman pe un rand derulabil, cu categoria activa adusa in vedere (ajutor.js). */
@media (min-width:761px){.hx-chips{flex-wrap:wrap;overflow:visible;row-gap:8px}}
