/* Buletinul — stilul LOCAL, lipit DUPĂ `stil.css` (ca la Tipic/Program/Newsletter).
 *
 * ANTETUL (decizia 14, 1:1 cu V2): blocul dintre cele două santinele de mai jos e `STIL_ANTET_BULETIN`
 * din `@xc/buletin-pagini` — rândurile 28-195 din V2 `apps/buletin/src/stil.ts`, literă cu literă
 * (pastila, abonarea, fâșia anilor, bara căutării, pragurile 600/411/380). Nu-l edita aici: schimbă
 * pachetul și copiază-l din nou — `src/buletin/buletin.test.ts` cade dacă cele două se despart.
 *
 * CORPUL PAGINILOR (Track T1, 30.09.2026): regulile V2 `stil.ts` pentru numărul întreg, răsfoit,
 * raft, arhivă și căutare, copiate ca atare (rândurile de origine sunt în fiecare comentariu de
 * secțiune); omise: programat / retrage / nou / schiță / ciornă (:265-404) — nu există pe pagina anonimă.
 * Singura abatere: `.raft.fasie` se rupe pe rânduri, fără derulare laterală (D7, proprietarul).
 */

/* ==== ANTET V2 — început (STIL_ANTET_BULETIN) ==== */
/* ── MENIUL DIN ANTET, REFACUT LA 17.09.2026 DUPA CHIPUL CALENDARULUI, AL PROGRAMULUI SI AL
   NEWSLETTERULUI (user: "sa aranjam meniul principal cum am facut la Calendar si Programul
   liturgic"): o PASTILA cat tot randul — bulina · zona de scris · sageata · Arhiva · lupa — si,
   singura afara la dreapta, ABONAREA. Asezarea V1 (abonarea intai, o liniuta despartitoare, doua
   butoane mici si un formular de cautare sub antet) a cazut toata.
   Ce a ramas neschimbat: butonul fara tinta se scrie estompat (.gol), pe loc, ca randul sa nu joace
   de la o pagina la alta. */
/* Carcasa comuna lasa .btns sa se rupa (flex-wrap:wrap); aici randul nu se rupe pe desktop —
   butoanele se string, nu sar pe randul urmator. */
.btns { flex-wrap:nowrap }
.btns .gol { opacity:.35; pointer-events:none }
.btns .btn { min-width:0 }
/* treapta pe care CHIAR esti (aria-disabled): nu duce nicaieri, dar se apasa — atunci ia focusul si
   ramane ea marcata, ca sa se vada unde ne aflam. */
.btns .btn[aria-disabled="true"] { cursor:default }
.btns .btn[aria-disabled="true"]:focus { outline:none;
                 background:color-mix(in srgb, var(--rosu) 18%, transparent) }

/* PASTILA: segmentele lipite intr-un singur corp, ca sa se citeasca drept UN obiect cu o pozitie,
   nu cinci destinatii deosebite. Chenarul si rotunjirea stau pe pastila, nu pe butoane; intre
   segmente ramane o linie de 1 px.
   ⚠️ MASURA DE PORNIRE E 0 (flex:1 1 0), NU auto — regula platita la Calendar pe 15.09.2026: randul
   are flex-wrap, iar ruperea lui se hotaraste dupa marimea IPOTETICA a copiilor, inainte de orice
   strangere. Cu "auto", pastila ar cere cat scrisul intreg plus cele patru butoane si ar cobori
   abonarea pe al doilea rand pe ecranele de 400-460 px.
   ⚠️ Fara overflow:hidden: rotunjirea colturilor o duc segmentele de la capete, fiecare al lui. */
.btns .pastila { display:flex; flex:1 1 0; min-width:0; align-items:stretch;
                 border:1px solid var(--rule); border-radius:10px; background:var(--tinta) }
.btns .pastila .btn { flex:0 0 auto; border:0; border-radius:0; background:transparent }
.btns .pastila > :first-child { border-radius:9px 0 0 9px }
.btns .pastila > :last-child { border-radius:0 9px 9px 0 }
.btns .pastila .btn + .btn { border-left:1px solid var(--rule) }
.btns .pastila a.btn:hover { color:var(--rosu); background:var(--paper) }
.btns .pastila .btn.activ { color:var(--rosu); font-weight:600;
                 background:color-mix(in srgb, var(--rosu) 11%, transparent) }
/* cele PATRU butoane-iconita: aceeasi masura, ca pastila sa arate la fel pe orice pagina */
.btns .pastila .punct, .btns .pastila .viit, .btns .pastila .arh, .btns .pastila .cheie {
                 flex:0 0 46px; width:46px; padding-left:0; padding-right:0;
                 display:flex; align-items:center; justify-content:center }
.btns .pastila .viit svg, .btns .pastila .arh svg, .btns .pastila .cheie svg { vertical-align:0 }
/* bulina: un punct, fara text, la fel de inalt ca segmentele de langa el; duce mereu la numarul
   curent si ramane apasata cand chiar pe el esti */
.btns .punct::before { content:""; width:9px; height:9px; border-radius:50%; background:currentColor }
.btns .punct:hover { color:var(--rosu) }
/* cheile sunt <button>, nu linkuri: le trebuie spuse cursorul si hoverul, fiindca regula de mai sus
   prinde numai a.btn */
.btns .pastila button.cheie { cursor:pointer; color:inherit }
.btns .pastila button.cheie:hover { color:var(--rosu); background:var(--paper) }
/* cat timp bara ei e coborata, cheia sta aprinsa — ca omul sa stie de unde a iesit ce vede sub antet */
.btns .pastila .cheie[aria-expanded="true"] { color:var(--rosu);
                 background:color-mix(in srgb, var(--rosu) 11%, transparent) }
.btns .pastila button.arh:not([aria-disabled="true"]) { cursor:pointer }
.btns .pastila button.arh:not([aria-disabled="true"]):hover { color:var(--rosu); background:var(--paper) }
.btns .pastila .arh[aria-expanded="true"] { color:var(--rosu);
                 background:color-mix(in srgb, var(--rosu) 11%, transparent) }
/* ZONA DE SCRIS — pe ce numar esti. Ia tot prisosul, iar butoanele stau la masura lor fixa.
   ⚠️ NU E UN BUTON, E O ZONA DE SEMNALIZARE (regula Calendarului): fundalul ei e hartia paginii
   (--paper), nu umplutura butoanelor (--tinta), deci se vede ca o fereastra taiata in pastila.
   Nu-i pune :hover si nu-i da cursor:pointer — nu se apasa. Scrisul e rosu: rosul spune "aici esti". */
.btns .pastila .acum { display:flex; align-items:center; justify-content:center;
                 flex:1 1 auto; min-width:0; padding:11px 13px;
                 white-space:nowrap; overflow:hidden;
                 border-left:1px solid var(--rule); border-right:1px solid var(--rule);
                 background:var(--paper);
                 font:600 14px/1 ui-sans-serif,system-ui; color:var(--rosu) }
.btns .pastila .acum .scurt { display:none }
/* Plasa: daca zona ajunge totusi mai stramta decat scrisul (scris marit din setarile telefonului),
   se taie CU TREI PUNCTE, nu la mijlocul literelor. */
.btns .pastila .acum b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
/* Abonarea, singura afara: ramane lipita de marginea din dreapta */
.btns .abon { margin-left:auto }
/* butoanele mici: nu cresc, stau cat le tine continutul — aici numai abonarea */
.btns .mic { flex:0 0 auto; display:flex; align-items:center; justify-content:center; gap:6px;
             padding-left:14px; padding-right:14px; font:600 12.5px/1 ui-sans-serif,system-ui;
             letter-spacing:.06em; background:none; color:var(--ink); cursor:pointer }
.btns .mic svg { vertical-align:0 }

/* BARA ANILOR — sub randul de unelte, ascunsa pana se apasa cheia Arhivei, coborata din capul
   locului pe pagina Arhivei (unde a luat locul patratelelor cu ani din corpul paginii).
   ⚠️ Aici overflow:hidden E BUN (spre deosebire de pastila): din bara nu atarna nimic, iar taierea e
   tocmai ce tine colturile rotunde peste fasia derulata. */
.bara-ani { display:flex; align-items:stretch; margin:0 0 6px;
            border:1px solid var(--rule); border-radius:10px; background:var(--tinta);
            overflow:hidden }
.bara-ani[hidden] { display:none }
/* ⚠️ position:relative NU e de podoaba: JS-ul aduce anul deschis la mijloc cu offsetLeft, iar acela se
   masoara fata de cel mai apropiat stramos asezat. Fara el, offsetParent ajunge pagina si fasia se
   deschide derulata la capat (capcana platita la Calendar). */
.bara-ani .fasie { flex:1 1 auto; min-width:0; position:relative;
                   overflow-x:auto; overscroll-behavior-x:contain;
                   -webkit-overflow-scrolling:touch; scrollbar-width:none }
.bara-ani .fasie::-webkit-scrollbar { display:none }
.bara-ani .ani { display:flex; align-items:stretch; gap:0; width:max-content; padding:0 }
/* ANII: text simplu in capsula — fara chenar, fara fundal, fara rotunjire a lor; despartitura e o
   linie de 1 px, ca intre segmentele pastilei. Arhiva buletinului tine 15 ani (2012 incoace), deci
   fasia chiar se deruleaza, si pe desktop. */
.an-buton { flex:none; display:flex; align-items:center; justify-content:center;
            color:var(--soft); text-decoration:none; background:transparent;
            border:0; border-radius:0; padding:11px 13px;
            font:600 12.5px/1 ui-sans-serif,system-ui; letter-spacing:.03em; white-space:nowrap }
.an-buton + .an-buton { border-left:1px solid var(--rule) }
.an-buton:hover { color:var(--rosu); background:var(--paper) }
/* anul deschis: rosu si plin, ca segmentul pe care esti din pastila */
.an-buton.activ { color:var(--rosu); font-weight:700;
                  background:color-mix(in srgb, var(--rosu) 11%, transparent) }
/* Sagetile — segmentele de la capetele barei, pentru cine n-are deget. JS-ul le ascunde cu totul cand
   anii incap, ca sa nu stea doua segmente moarte in bara. */
.bara-ani .sageata { flex:none; border:0; background:transparent; color:var(--faint); cursor:pointer;
                     font:300 19px/1 ui-sans-serif,system-ui; padding:0 6px; border-radius:0 }
.bara-ani .sageata + .fasie, .bara-ani .fasie + .sageata { border-left:1px solid var(--rule) }
.bara-ani .sageata:hover:not([disabled]) { color:var(--rosu); background:var(--paper) }
.bara-ani .sageata[disabled] { opacity:.25; cursor:default }
.bara-ani .sageata[hidden] { display:none }

/* BARA CAUTARII — sub randul de unelte, ascunsa pana se apasa lupa din pastila. Are chenarul si
   rotunjirea pastilei de deasupra, ca sa se recunoasca: e acelasi lucru, mutat cu un rand mai jos.
   ⚠️ appearance:none e pentru iOS, care altfel deseneaza campul de cautare cu chenarul si rotunjirea
   lui, inauntrul chenarului nostru — chiar "buton in buton". */
.bara-cautare { display:flex; align-items:stretch; margin:0 0 6px;
                border:1px solid var(--rule); border-radius:10px; background:var(--tinta);
                overflow:hidden }
.bara-cautare[hidden] { display:none }
.bara-cautare .cauta { display:flex; align-items:stretch; flex:1 1 auto; min-width:0; margin:0 }
.cauta-camp { flex:1 1 auto; min-width:0; appearance:none; -webkit-appearance:none;
              border:0; border-radius:0; background:transparent; color:var(--ink);
              padding:11px 14px; outline:none; font:400 14px/1.2 ui-sans-serif,system-ui }
.cauta-camp::placeholder { color:var(--faint) }
.cauta-camp::-webkit-search-cancel-button { -webkit-appearance:none }
/* butonul de trimis: un segment la capat. Lupa lui e aceeasi cu a cheii de sus. */
.cauta-du { flex:0 0 46px; display:flex; align-items:center; justify-content:center;
            border:0; border-left:1px solid var(--rule); border-radius:0;
            background:transparent; color:var(--soft); cursor:pointer }
.cauta-du:hover { color:var(--rosu); background:var(--paper) }

/* ⚠️ PE TELEFON TOT RANDUL STA PE O SINGURA LINIE (regula Programului si a lui A8, 15.09.2026). Ce
   cade e cuvantul ABONARII, al carui plic se citeste singur; zona de scris NU se ascunde niciodata
   (regula Calendarului: "pe mobil, neaparat sa se vada scrisul"), si nici nu se prescurteaza cat
   incape: "Buletinul nr. 615" cere ~121 px, iar zona are ~120 la un telefon de 390 — de aceea banda
   381-411 px isi ia butoanele la 36, iar sub 380 la 34.
   ⚠️ DACA MAI ADAUGI UN SEGMENT IN PASTILA, SOCOTEALA ASTA SE REFACE. */
@media (max-width:600px) {
  .btns { gap:5px; flex-wrap:wrap }
  .btns .btn { flex:0 0 auto; white-space:nowrap }
  .btns .pastila { flex:1 1 0 }
  /* butoanele-iconita sunt PATRATE: padingul de sus e cel al carcasei (9px, din .btn), deci se
     scrie 9px si in laturi — o tinta de ~36x36, mai usoara de nimerit cu degetul. */
  .btns .mic { padding:9px }
  .btns .pastila .punct, .btns .pastila .viit, .btns .pastila .arh, .btns .pastila .cheie {
                 flex:0 0 42px; width:42px }
  .btns .cuv { display:none }
  .btns .pastila .acum { padding:11px 10px; font-size:13px }
  .btns .pastila .acum .lung { display:none }
  .btns .pastila .acum .scurt { display:inline }
}
/* ⚠️ PRAGUL E 411, nu 400: telefoanele din banda nu sunt rare — 390 (iPhone 14/15), 393 (Pixel 7),
   400 (Galaxy). De la 412 in sus scrisul incape si cu butoane de 42. */
@media (max-width:411px) {
  .btns .pastila .punct, .btns .pastila .viit, .btns .pastila .arh, .btns .pastila .cheie {
                 flex:0 0 36px; width:36px }
  .btns .pastila .acum { padding:11px 6px }
}
@media (max-width:380px) {
  .btns { gap:4px }
  .btns .mic { padding-left:7px; padding-right:7px }
  .btns .pastila .punct, .btns .pastila .viit, .btns .pastila .arh, .btns .pastila .cheie {
                 flex:0 0 34px; width:34px }
  .btns .pastila .acum { padding:11px 5px; font-size:12.5px }
}
/* ==== ANTET V2 — sfârșit ==== */

/* ==== CORPUL PAGINILOR (V2 stil.ts, în afara antetului) ==== */
/* rândul mărunt de sub titlul Arhivei și al Căutării (V2 :21; `.gol` e deja în `stil.css`) */
.marunt { font-size:14px; color:var(--faint) }
/* butonul „intreg" (Descarca / Tipareste / Fara PDF): V2 il avea in `STIL_COMUN` (`@xc/ui`), `stil.css`
   din V3 nu-l are inca — fara el butoanele de sub coperta ar avea paddingul de 6px al lui `.btn`. */
.btn.intreg { flex:none; display:inline-block; padding:11px 20px }

/* ── V2 :208-211 — butonul de închidere al răsfoitului (Wave 2; fereastra e deja pe pagină) */
.modal-x { flex:0 0 auto; width:34px; height:34px; display:flex; align-items:center; justify-content:center;
           font:400 21px/1 ui-sans-serif,system-ui; color:var(--faint); background:transparent;
           border:1px solid var(--rule); border-radius:9px; cursor:pointer }
.modal-x:hover { color:var(--rosu); border-color:var(--rosu) }

/* ── V2 :228-253 */
/* ── RĂSFOITUL: fereastra cu numarul, peste pagina, pe tot ecranul (cerere user, 13.09.2026),
   cu modulul Real3D FlipBook — acelasi de la jurnaluldeafaceri.
   Fundalul e inchis dinadins, ca hartia alba sa iasa in fata. */
.rasfoit { position:fixed; inset:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:0; padding:0;
           border:0; background:#14161a; color:#e9e9ea; overflow:hidden }
.rasfoit::backdrop { background:#14161a }
/* Răsfoitul acoperă tot ecranul: fără locul rezervat barei paginii (`scrollbar-gutter` din stil.css),
   altfel ar rămâne o fâșie de 15px în dreapta, iar săgeata dreaptă ar fi tăiată. */
html:has(.rasfoit[open]) { scrollbar-gutter:auto }
/* ⚠️ Capul sta DEASUPRA modulului, nu langa el: modulul isi aseaza singur uneltele peste toata
   fereastra (numarul paginii sus-stanga, bara jos), asa ca un cap in randul de sus ar fi acoperit
   si omul ar ramane fara buton de inchidere pe telefon, unde nu exista tasta Escape. */
.rasfoit-cap { position:fixed; top:8px; right:8px; z-index:2147483000;
               display:flex; align-items:center; gap:10px;
               font:14px/1 ui-sans-serif,system-ui }
.rasfoit-cap b { font-weight:600 }
.rasfoit-cand { color:rgba(233,233,234,.72) }
.rasfoit-cap b, .rasfoit-cand { text-shadow:0 1px 4px rgba(0,0,0,.75) }
.rasfoit .modal-x { color:#fff; border-color:rgba(255,255,255,.3); background:rgba(20,22,26,.72) }
.rasfoit .modal-x:hover { border-color:#fff }
/* scena ia toata fereastra; modulul se aseaza in ea */
.rasfoit-scena { position:absolute; inset:0; display:flex }
.rasfoit-carte { flex:1 1 auto; min-width:0; min-height:0 }
.rasfoit-vorba { position:absolute; left:0; right:0; bottom:18px; margin:0; text-align:center;
                 color:rgba(233,233,234,.7); font:14px ui-sans-serif,system-ui }
/* pe telefon, langa X incape doar numarul — data ar ajunge peste uneltele modulului */
@media (max-width:600px) {
  .rasfoit-cand { display:none }
}

/* ── V2 :256-263 */
/* ── CAPUL unui numar: eticheta, numarul mare, ziua */
.cap-numar { text-align:center; margin:26px 0 16px }
.cap-numar h2 { margin:2px 0 0; font-size:30px; letter-spacing:.02em }
.cap-numar .eticheta { margin:0; font:600 10.5px/1 ui-sans-serif,system-ui; letter-spacing:.14em;
                       text-transform:uppercase; color:var(--faint) }
.cap-numar .eticheta a { color:inherit; text-decoration:none }
.cap-numar .eticheta a:hover { color:var(--rosu) }
.cap-numar .cand { margin:6px 0 0; color:var(--soft); font-size:15px }

/* ── V2 :406-476 */
/* ── COPERTA: pagina intai, mare, care duce in PDF. Chenar subtire si o umbra abia simtita,
   ca sa se vada ca e o hartie, nu o poza lipita pe fundal. */
.coperta { display:block; max-width:460px; margin:0 auto; line-height:0 }
.coperta img { width:100%; height:auto; border:1px solid var(--rule); border-radius:6px;
               box-shadow:0 10px 28px rgba(0,0,0,.10); background:var(--paper) }
a.coperta:hover img { border-color:var(--rosu) }
/* butoanele de sub coperta: la mijloc, cat le tine textul */
.btns.hartii { justify-content:center; flex-wrap:wrap; margin:18px 0 0 }
.btns.hartii .btn { display:inline-flex; align-items:center; gap:8px }
.btns.hartii .btn small { color:var(--faint); font-weight:400 }
/* PASTILA lui Tipărește (23:14, 17.09.2026): doua segmente lipite — Tipărește si reversul, o iconita
   de rasturnare fara cuvant. Aceeasi pastila ca in antet, doar ca aici nu se intinde pe tot randul.
   Reversul e intrerupator DISCRET (owner, 01.10.2026): stins — iconita in cerneala stearsa (--soft), fundal
   ca al unui segment obisnuit; aprins (aria-pressed) — doar iconita rosie, fundal foarte putin diferit. Fara rosu
   la hover (ramane lipit pe ecranele tactile): doar un hover fin, unde exista cursor. */
.btns.hartii .pastila { flex:0 0 auto; display:inline-flex }
.btns.hartii .pastila .btn { display:inline-flex }
.btns.hartii .com-revers { cursor:pointer; font:inherit; color:var(--soft); background:transparent;
                 padding-left:14px; padding-right:14px }
@media (hover:hover) { .btns.hartii .com-revers:hover { color:var(--ink) } }
.btns.hartii .com-revers[aria-pressed="true"] { color:var(--rosu);
                 background:color-mix(in srgb, var(--rosu) 5%, transparent) }
/* „Înapoi la ciornă" (doar redactorul): iconița din rândul foii, DUPĂ Revers, ca în editor — accent cald
   (--atentie, chihlimbar: ≥3:1 pe hârtie și pe fundul de noapte), la hover roșu ca frații. */
.btns.hartii .inapoi-rand { margin:0; display:inline-flex }
.btns.hartii .btn.inapoi-ico { color:var(--atentie) }
.btns.hartii .btn.inapoi-ico:hover, .btns.hartii .btn.inapoi-ico:focus-visible { color:var(--rosu); background:var(--paper) }
/* ⚠️ RANDUL ASTA NU SE RUPE (user, 20.09.2026, 09:00: „butonul să fie în rând cu celelalte").
   Retragerea, al patrulea buton, a umflat randul: cu cuvantul scris cerea ~423 px, iar pe telefon
   zona are ~350 (390 px ecran, minus padingul de 20 al corpului) — flex-wrap:wrap de mai sus il
   cobora singur pe al doilea rand. Cuvantul a iesit (a ramas in aria-label), dar socoteala tot e
   stransa la 390, de aceea sub 480 padingul lateral al butoanelor scade. Ruperea o lasam, ca ultima
   plasa: mai bine doua randuri decat un buton taiat, daca maine mai intra ceva in rand. */
@media (max-width:480px) {
  .btns.hartii { gap:6px }
  .btns.hartii .btn.intreg { padding-left:13px; padding-right:13px }
  .btns.hartii .com-revers { padding-left:11px; padding-right:11px }
}

/* ── RAFTUL: fisele numerelor, cu pagina intai deasupra. Cate incap pe rand — patru pe ecran de
   birou, doua pe telefon — le hotaraste latimea minima a fisei, nu un numar de coloane scris de noi. */
.raft { display:grid; grid-template-columns:repeat(auto-fill,minmax(104px,1fr)); gap:16px 14px; margin:10px 0 22px }
.fisa { display:block; text-align:center; text-decoration:none; color:var(--ink) }
.fisa .cop { display:block; width:100%; height:auto; aspect-ratio:460/650; object-fit:cover; object-position:top center;
             border:1px solid var(--rule); border-radius:4px; background:var(--paper) }
.fisa:hover .cop { border-color:var(--rosu) }
.fisa b { display:block; margin-top:6px; font:600 13px/1.2 ui-sans-serif,system-ui }
.fisa span { display:block; font:12px/1.3 ui-sans-serif,system-ui; color:var(--faint) }
.fisa:hover b { color:var(--rosu) }
/* numerele ramase in arhiva fara nicio poza: un dreptunghi cu numarul scris in el */
.cop.fara { display:flex; align-items:center; justify-content:center; aspect-ratio:460/650;
            border:1px dashed var(--rule); border-radius:4px; color:var(--faint);
            font:13px ui-sans-serif,system-ui }
/* fasia „numerele dinainte" de pe prima pagina: titlul ei mic, apoi raftul. */
.titlu-fasie { margin:34px 0 0; font:600 11px/1 ui-sans-serif,system-ui; letter-spacing:.14em;
               text-transform:uppercase; color:var(--soft) }
/* D7: owner, no horizontal scroll — V2 o tinea pe UN singur rand, derulat lateral (coloane automate,
   scrollbar); decizia proprietarului (30.09.2026): cele 5 numere se rup pe randuri, ca orice raft.
   Fisa ramane de 104px, ca in V2 (`grid-auto-columns:104px`) — NU se lateste ca in arhiva (1fr o
   facea de 125px pe birou si de 160px pe telefon, cu 2 pe rand si 3 randuri). Pe birou incap toate 5
   pe un rand; pe telefon (zona de ~335-350px) 3 pe rand, cu golul mai mic, deci 2 randuri (3 + 2). */
.raft.fasie { grid-template-columns:repeat(auto-fill,104px) }
@media (max-width:480px) {
  .raft.fasie { grid-template-columns:repeat(3,minmax(0,104px)); column-gap:10px }
}

/* ── ARHIVA */
/* ⚠️ Patratelele cu ani (.capitole) au iesit din corpul paginii la 17.09.2026: anii se aleg din
   fasia de sub antet, un singur loc. Stilul lor local a plecat odata cu ele. */
.an h3 { margin:26px 0 6px }
.an h4 { margin:18px 0 4px; font:600 11px/1 ui-sans-serif,system-ui;
         letter-spacing:.14em; text-transform:uppercase; color:var(--soft) }

/* ── CAUTAREA: un rand pe numar — pagina intai mica, apoi numarul si fragmentul gasit */
.gasite { margin:14px 0 }
.gasit { display:grid; grid-template-columns:56px 1fr; gap:0 14px; align-items:start;
         padding:10px 0; border-bottom:1px solid var(--rule); text-decoration:none; color:var(--ink) }
.gasit:last-child { border-bottom:0 }
.gasit .cop.mica { width:56px; height:auto; aspect-ratio:460/650; object-fit:cover; object-position:top center;
                   border:1px solid var(--rule); border-radius:3px }
.gasit b { font-size:15.5px }
.gasit > div > span { color:var(--soft); font-size:14px; margin-left:6px }
.gasit p { margin:4px 0 0; font-size:14px; line-height:1.5; color:var(--soft) }
.gasit mark { background:var(--azi-fund); color:var(--ink); font-weight:600; padding:0 1px; border-radius:3px }
.gasit:hover b { color:var(--rosu) }