/* Newsreader, găzduit de noi (variabil: greutate 400–600 și axa opsz; licență SIL OFL 1.1, vezi /fonturi/OFL.txt). Fără Google Fonts: nimeni din afară nu primește IP-ul cititorului. */
/* latin-ext */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonturi/newsreader-latin-ext.a8c9432084.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonturi/newsreader-latin.7c918a0cd0.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* latin-ext italic */
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url('/fonturi/newsreader-italic-latin-ext.8993f25359.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin italic */
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url('/fonturi/newsreader-italic-latin.2864e0bc40.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Din lume — stilul comun al machetelor. Pornește din docs/design/macheta-articol.html (aprobată):
   aceleași culori, tipografie, antet și pagina articolului; restul (prima pagină, liste, căutare) e adăugat aici. */
:root{
  --hartie:#faf8f3; --text:#1d1b18; --mut:#6b665d; --linie:#d9d3c7;
  --accent:#7a1f1f;
  --sigla-hartie:#faf8f3;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --ui:system-ui,-apple-system,"Segoe UI",sans-serif;
}
:root[data-accent="bleumarin"]{--accent:#1c2a44}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hartie:#16140f;--text:#ece6da;--mut:#a39c8e;--linie:#3a352c;--sigla-hartie:#ece6da}
  :root:not([data-theme="light"]):not([data-accent="bleumarin"]){--accent:#d98b7d}
  :root:not([data-theme="light"])[data-accent="bleumarin"]{--accent:#9fb3d6}}
:root[data-theme="dark"]{--hartie:#16140f;--text:#ece6da;--mut:#a39c8e;--linie:#3a352c;--sigla-hartie:#ece6da}
:root[data-theme="dark"]:not([data-accent="bleumarin"]){--accent:#d98b7d}
:root[data-theme="dark"][data-accent="bleumarin"]{--accent:#9fb3d6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hartie);color:var(--text);font-family:var(--serif);font-size:20px;line-height:1.6;font-optical-sizing:auto;overflow-wrap:break-word}
a{color:inherit;text-decoration-color:var(--linie);text-underline-offset:3px}
a:hover{text-decoration-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;display:block}
.sc{font-variant-caps:all-small-caps;letter-spacing:.08em}
.ascuns{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sari{position:absolute;left:16px;top:-60px;background:var(--hartie);border:1px solid var(--accent);padding:8px 12px;z-index:10;font:15px var(--ui)}
.sari:focus{top:8px}

/* Butonul „înapoi sus” (site.js): doar cu JS; pe ecran lat în marginea din dreapta coloanei de 1240 px,
   altfel în colțul din dreapta jos, deasupra comutatoarelor */
.la-inceput{display:none}
.js .la-inceput{position:fixed;right:16px;bottom:64px;z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--hartie);color:var(--text);border:1px solid var(--linie);box-shadow:0 2px 10px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.js .la-inceput.vizibil{opacity:1;visibility:visible;transform:none}
.la-inceput svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.la-inceput:hover,.la-inceput:focus-visible{border-color:var(--accent);color:var(--accent)}
@media (min-width:1400px){.js .la-inceput{right:calc((100vw - 1240px) / 2 - 70px);bottom:72px}}
@media (max-width:719px){.js .la-inceput{right:8px;bottom:52px}.js:has(.buton-meniu[aria-expanded="true"]) .la-inceput{display:none}}
@media (prefers-reduced-motion:reduce){.js .la-inceput{transition:none}}
/* Panoul de acord pentru statistici (subsol.html, site.js): bandă jos, pe toată lățimea, cărămizie închisă, spre vișiniul
   ziarului (#7a1f1f) (omul, 03.11: nu negru), aceeași în toate temele; alb pe ea are contrast 9:1. Peste butonul
   „la început” și comutatoare. */
.acord{--caramiziu:#862a1f;position:fixed;left:0;right:0;bottom:0;z-index:6;padding:20px 16px;background:var(--caramiziu);color:#fff;box-shadow:0 -4px 24px rgba(0,0,0,.2);font:18px/1.45 var(--ui)}
.acord[hidden]{display:none}
.acord-in{display:flex;align-items:center;gap:24px;max-width:1240px;margin:0 auto}
.acord p{margin:0}
.acord .acord-butoane{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex-shrink:0}
.acord button{min-height:48px;padding:8px 26px;border:2px solid #fff;border-radius:3px;background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.acord button[data-acord="da"]{background:#fff;color:var(--caramiziu)}
.acord button:hover,.acord button:focus-visible{background:#fff;color:var(--caramiziu);outline:2px solid #fff;outline-offset:2px}
.acord a{color:#fff;text-decoration:underline}
.acord-setari{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;max-width:1240px;margin:16px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.35)}
.acord-setari[hidden]{display:none}
.acord-setari label{display:inline-flex;align-items:center;gap:10px;min-height:48px;cursor:pointer}
.acord-setari input{width:22px;height:22px;margin:0;accent-color:#fff}
@media (max-width:899.98px){.acord{font-size:16px}.acord-in{flex-direction:column;align-items:stretch;gap:14px}.acord a{margin-left:auto}.acord-setari{flex-direction:column;align-items:stretch;gap:4px}}
@media print{.acord{display:none}}

/* Comutatoarele machetei (nu fac parte din site) */
.comutatoare{position:fixed;right:16px;bottom:16px;display:flex;gap:6px;font:13px/1 var(--ui);z-index:5}
.comutatoare button{background:var(--hartie);color:var(--text);border:1px solid var(--linie);padding:8px 10px;border-radius:3px;cursor:pointer}
.comutatoare button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.comut-tog{display:none}
@media (max-width:719px){
  .js .comutatoare{bottom:8px;right:8px;flex-direction:column;align-items:flex-end}
  .js .comutatoare .comut-tog{display:block;width:36px;height:36px;padding:0;border-radius:50%;opacity:.8}
  .js .comutatoare:not(.deschis) button:not(.comut-tog){display:none}
  .js:has(.buton-meniu[aria-expanded="true"]) .comutatoare{display:none}
}

/* Antetul */
header.cap{position:relative;text-align:center;padding:34px 16px 10px;border-bottom:1px solid var(--text)}
.marca{font-size:64px;font-weight:600;letter-spacing:-.005em;margin:0;line-height:1;display:inline-flex;align-items:center;gap:14px}
.marca a{text-decoration:none;display:inline-flex;align-items:center;gap:14px}
.marca .pf{color:var(--accent);font-weight:inherit}
/* sigla: harta pliată (docs/design/sigla-harta-pliata.js), proporția 89:74; ridicată cu .14em ca mijlocul hărții
   să cadă pe mijlocul literelor (de la vârful lui „l” la linia de bază), nu pe mijlocul rândului */
.marca .sigla,.marca .sigla-mica{position:relative;top:-.14em}
.marca .sigla{width:75px;height:62px;flex:none}
.marca .sigla-mica{display:none;width:51px;height:42px;flex:none}
.data{margin-top:2px;color:var(--mut);font-size:13px}
.data a{color:var(--mut)}
.cautare-cap{position:absolute;right:16px;top:18px;display:flex;font:14px var(--ui)}
.cautare-cap input{width:170px;font:inherit;padding:6px 8px;border:1px solid var(--linie);border-right:0;background:var(--hartie);color:var(--text);border-radius:3px 0 0 3px}
.cautare-cap button{font:inherit;padding:6px 10px;border:1px solid var(--linie);background:var(--hartie);color:var(--text);border-radius:0 3px 3px 0;cursor:pointer}
nav.sectiuni{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 22px;padding:6px 16px;border-bottom:1px solid var(--linie);font-size:17px}
nav.sectiuni a{text-decoration:none;color:var(--mut);white-space:nowrap}
nav.sectiuni a:hover{color:var(--text)}
nav.sectiuni a.activ,nav.sectiuni a[aria-current]{color:var(--text);border-bottom:1px solid var(--accent)}
nav.sectiuni .sep{color:var(--linie)}
/* Rândul de țări de sub categorii (17.10): mai mic, vizibil pe orice ecran; pe telefon se derulează orizontal */
nav.tari-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 20px;padding:7px 16px;border-bottom:1px solid var(--linie);font-size:14px;letter-spacing:.06em;background:color-mix(in srgb,var(--linie) 14%,var(--hartie))}
nav.tari-nav a,nav.tari-nav summary{text-decoration:none;color:var(--mut);white-space:nowrap;cursor:pointer}
nav.tari-nav a:hover,nav.tari-nav summary:hover{color:var(--text)}
nav.tari-nav a[aria-current]{color:var(--accent);border-bottom:1px solid var(--accent)}
nav.tari-nav summary{list-style:none}
nav.tari-nav summary::-webkit-details-marker{display:none}
nav.tari-nav summary::after{content:" ▾"}
.mai-multe-tari{position:relative}
.mai-multe-tari > div{position:absolute;z-index:5;top:calc(100% + 8px);left:50%;transform:translateX(-50%);display:grid;gap:2px;min-width:180px;padding:8px 12px;background:var(--hartie);border:1px solid var(--linie);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.mai-multe-tari > div a{padding:6px 0}
@media (max-width:700px){nav.tari-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:20px}}
@media (max-width:1099px){.cautare-cap{display:none}}
@media (max-width:600px){
  body{font-size:19px}
  header.cap{padding-top:26px} /* mijlocul siglei la mijlocul butoanelor de meniu și căutare */
  .marca{font-size:42px}
  .marca .sigla{display:none}.marca .sigla-mica{display:block}.marca,.marca a{gap:10px}
  nav.sectiuni{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:18px;scrollbar-width:none}
}
/* Firul de navigare „Unde te afli” (fir.html, 18.10): un rând sub antet, aliniat cu coloana de 1240 px; ultima treaptă
   (pagina curentă) se taie cu … pe un rând. Sub 1100 px (telefon, și în poziție orizontală, tabletă), unde pagina are o
   singură coloană și nimic altceva nu e lipit, rămâne lipit sus la derulare, cu ținte de 44 px; pe ecran lat stă în
   pagină, ca să nu se suprapună peste coloanele laterale lipite la top:20–24px. */
nav.fir{background:var(--hartie);border-bottom:1px solid var(--linie);font-size:15px;line-height:1.3}
nav.fir ol{display:flex;align-items:center;max-width:1240px;margin:0 auto;padding:0 16px;list-style:none}
nav.fir li{display:flex;align-items:center;flex:none;min-width:0;white-space:nowrap;color:var(--mut)}
nav.fir li + li::before{content:"›";content:"›" / "";margin:0 9px;color:var(--mut)}
nav.fir li:last-child{flex:0 1 auto}
nav.fir li > span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
nav.fir a{display:inline-flex;align-items:center;min-height:36px;color:var(--mut);text-decoration:none}
nav.fir a:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent)}
@media (max-width:1099px){
  nav.fir{position:sticky;top:0;z-index:4}
  /* ținte de cel puțin 44×44 px („SUA”, „Sport”); 4 px de umplutură în lateral, luați din margini (ol 12+4, › 5+4),
     ca textul să stea unde stătea și la 320 px să încapă la fel */
  nav.fir ol{padding:0 16px 0 12px}
  nav.fir li + li::before{margin:0 5px}
  nav.fir a{min-height:44px;min-width:44px;padding:0 4px;justify-content:center}
  /* lipit la top:0, conturul exterior de focus ar ieși din ecran: îl ținem în umplutura linkului */
  nav.fir a:focus-visible{outline-offset:-2px}
  html:has(nav.fir){scroll-padding-top:56px} /* ancorele (#surse, glosarul) nu ajung sub fir */
  /* ... dar un link al firului, lipit în banda de 56 px, nu e „sub fir”: fără asta, focusul pe el (cititor de ecran,
     Tab) derulează pagina în sus cu ~430 px */
  nav.fir a{scroll-margin-top:-56px}
}

/* Pagina generală */
.pagina{max-width:1240px;margin:0 auto;padding:28px 16px 72px}
.titlu-pagina{font-size:44px;line-height:1.1;font-weight:500;margin:0 0 6px;letter-spacing:-.01em}
.sub-pagina{color:var(--mut);font-size:17px;margin:0 0 26px;max-width:720px}
h2.zona{font-size:15px;font-weight:600;color:var(--accent);margin:0 0 14px;padding-top:10px;border-top:2px solid var(--text);display:flex;justify-content:space-between;align-items:baseline;gap:12px}
h2.zona a{color:var(--mut);font-weight:400;text-decoration:none}
h2.zona a:hover{color:var(--accent)}
.eticheta{color:var(--accent);font-size:15px;margin-bottom:6px}
.meta{color:var(--mut);font-size:14px;margin:6px 0 0}

/* Cartonașele de articol (prima pagină, categorie, țară, arhivă, legături) */
.card{min-width:0}
.card h2,.card h3{font-weight:500;margin:0;letter-spacing:-.005em}
.card h2 a,.card h3 a{text-decoration:none}
.card h2 a:hover,.card h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.card .lead{margin:8px 0 0;font-style:italic;color:var(--text)}
.card img{width:100%;height:auto;object-fit:cover;background:var(--linie)}
.card-poza{display:block}
.card.mare img{aspect-ratio:3/2;margin-bottom:14px}
.card.mare h2,.card.mare h3{font-size:42px;line-height:1.1}
.card.mare .lead{font-size:21px;line-height:1.45}
.card.medie img{aspect-ratio:3/2;margin-bottom:10px}
.card.medie h3{font-size:24px;line-height:1.2}
.card.medie .lead{font-size:17px;line-height:1.45}
/* caseta mică (21.10): poza plutește în stânga, titlul începe lângă ea și curge dedesubt pe toată lățimea, eticheta și
   locul/ora sub titlu; fără golul de sub poză pe care îl lăsa grila când titlul era mai înalt (cat-greutate.html, „mica”) */
.card.mica{display:flow-root;padding:12px 0;border-bottom:1px solid var(--linie)}
.card.mica:last-child{border-bottom:0}
.card.mica .card-poza{float:left;width:96px;margin:3px 12px 6px 0}
.card.mica img{aspect-ratio:1/1;display:block}
.card.mica h3{font-size:16px;line-height:1.28}
.card.mica .meta{font-size:13px;line-height:1.35;margin-top:2px}
.card.mica .eticheta{font-size:11px;line-height:1.5;margin:5px 0 0}
.card.mica .lead{font-size:16px;line-height:1.45}
.marcaj-ai{position:absolute;left:12px;bottom:12px;background:var(--hartie);color:var(--text);font:12px/1 var(--ui);padding:6px 8px;border-radius:2px;opacity:.92}
.poza{position:relative}
@media (min-width:900px){
  .card.mare{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:28px;align-items:start}
  .card.mare > .lead{grid-column:1/-1;margin:-8px 0 0}
  .card.mare img{margin:0}
  /* textul de lângă imagine: cât înălțimea ei, cu locul și ora jos, pe linia marginii de jos a imaginii */
  .card.mare > div:not(.poza){align-self:stretch;display:flex;flex-direction:column}
  .card.mare > div:not(.poza) > .meta{margin:auto 0 0}
  .card.mare h2,.card.mare h3{font-size:34px;line-height:1.12}
  .card.mare.titlu-lung h2,.card.mare.titlu-lung h3{font-size:30px}
  .card.mare.titlu-f-lung h2,.card.mare.titlu-f-lung h3{font-size:26px}
}
@media (max-width:600px){
  .titlu-pagina{font-size:32px}
  .card.mare h2,.card.mare h3{font-size:30px}
  .card.mare .lead{font-size:19px}
  .card.mare .poza{margin:0 -16px}
  .card.mica .card-poza{width:76px}
}

/* Prima pagină */
.prima{display:grid;gap:36px}
/* blocul „Principalele știri”: știrea zilei, apoi celelalte, despărțite doar de o linie subțire */
.stiri-principale{display:grid;gap:28px}
.stiri-principale > .principale{border-top:1px solid var(--linie);padding-top:24px}
.principale{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.categorii{display:grid;gap:28px 32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:44px}
/* 600–1099 px: două câte două. Cu auto-fit, între 876 și 1099 px încăpeau trei coloane și a patra rămânea singură pe
   rândul al doilea, cu două treimi de alb lângă ea (omul, 18.10). */
@media (min-width:600px){.categorii{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Sub 600 px o singură coloană (completările „u-t” presupun telefonul cu o coloană; cu auto-fit, la 552–599 px încăpeau două). */
@media (max-width:599.98px){.categorii{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1100px){
  .prima{grid-template-columns:minmax(0,1fr) 300px;column-gap:44px} /* 300 px: dreptunghiul IAB 300×250 */
  .prima .lateral{grid-column:2;grid-row:1/3}
  .prima > section{grid-column:1}
  .principale{grid-template-columns:repeat(2,minmax(0,1fr))}
  .categorii{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lateral .lipit{position:sticky;top:20px}
}
.anunt-editie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:15px;color:var(--mut);border:1px solid var(--linie);border-left:3px solid var(--accent);padding:10px 14px;margin:0 0 28px}
.anunt-editie b{color:var(--text);font-weight:600}

/* Cele mai citite */
.citite ol{list-style:none;margin:0;padding:0;counter-reset:c}
.citite li{counter-increment:c;display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;padding:10px 0;border-bottom:1px solid var(--linie);font-size:17px;line-height:1.35}
.citite li:last-child{border-bottom:0}
.citite li::before{content:counter(c);color:var(--accent);font-size:24px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.citite a{text-decoration:none}
.citite a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.citite .sc{display:block;color:var(--mut);font-size:13px}
.citite .nota{font-size:13px;color:var(--mut);font-style:italic;margin:8px 0 0}

/* Navigarea între ediții / paginarea */
.editii{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;margin:48px 0 0;padding:14px 0;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);font-size:16px}
.editii a{text-decoration:none;color:var(--mut)}
.editii a:hover{color:var(--accent)}
.editii [aria-current]{color:var(--text);border-bottom:1px solid var(--accent)}
.editii .dezactivat{color:var(--mut);opacity:.75}
.anunt-editie + .editii{margin:0 0 28px}

/* Liste (categorie, țară, căutare) */
.lista{max-width:760px}
.bloc-editie{margin-top:40px}
.doua{display:grid;gap:36px}
@media (min-width:1100px){.doua{grid-template-columns:minmax(0,1fr) 300px;column-gap:44px}}

/* Pagina articolului (din macheta aprobată; selectoarele sunt legate de .articol) */
.articol{max-width:660px;margin:0 auto;padding:44px 16px 40px}
.articol h1{font-size:44px;line-height:1.12;font-weight:500;margin:0 0 18px;letter-spacing:-.01em}
.articol .eticheta{margin-bottom:14px}
.articol .lead{font-size:23px;line-height:1.45;color:var(--text);margin:0 0 24px;font-style:italic}
.articol .data-articol{margin:-12px 0 24px;font-size:14px;color:var(--mut)}
.articol .data-articol time{color:var(--text)}
.semnatura{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px;color:var(--mut);padding:12px 0;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.semnatura .rand{display:block}
.semnatura .mic{display:block;color:var(--accent);font-size:13px}
.pe-scurt{margin:30px 0;padding:18px 0;border-top:2px solid var(--text);border-bottom:1px solid var(--linie)}
.pe-scurt h2,.context h2,.surse h2,.metoda h2,.corecturi h2,.distribuie h2{font-size:15px;font-weight:600;margin:0 0 10px;color:var(--accent)}
.pe-scurt ul{margin:0;padding-left:20px;font-size:19px;line-height:1.5}
.pe-scurt li{margin:6px 0}
.articol figure{margin:34px 0}
.ilustratie{position:relative;aspect-ratio:3/2;background:var(--linie);overflow:hidden}
.ilustratie img{width:100%;height:100%;object-fit:cover}
.articol figcaption{font-size:15px;font-style:italic;color:var(--mut);padding:8px 16px 0}
.articol figcaption .provenienta{display:block;font-style:normal;font-size:13px;margin-top:2px}
.corp p{margin:0 0 1.1em;text-wrap:pretty}
.corp h3{font-size:24px;font-weight:600;margin:1.6em 0 .5em}
.dateline{color:var(--accent);font-size:.9em;font-weight:600;margin-right:4px}
a.termen{text-decoration:underline dotted;text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}
a.termen:hover{color:var(--accent)}
/* Glosarul: explicația într-o bulă, la hover (calculator) sau la atingere (telefon); site.js o face din title. */
.gl{position:relative}
.gl .bula{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:6;width:max-content;max-width:min(340px,80vw);
  background:var(--hartie);color:var(--text);border:1px solid var(--linie);border-top:2px solid var(--accent);
  box-shadow:0 6px 20px rgba(0,0,0,.12);padding:10px 12px;font-size:16px;line-height:1.45;font-style:normal;text-align:left}
.gl .bula b{font-weight:600}
.gl .bula a{margin-left:4px;font:13px var(--ui);color:var(--accent)}
@media (hover:hover){.gl:hover .bula{display:block}}
.gl.deschis .bula{display:block}
@media (max-width:600px){.gl .bula{position:fixed;left:16px;right:16px;top:auto;bottom:16px;max-width:none;width:auto;font-size:17px}}

/* Afirmațiile: numerele surselor ca superscript */
sup.af{font-size:.6em;line-height:0;font-family:var(--ui);margin-left:1px;white-space:nowrap}
sup.af a{color:var(--accent);text-decoration:none;padding:0 1px}
sup.af a:hover{text-decoration:underline}

/* Citatele: traducerea pentru cititor, subliniată punctat; originalul în bula de la hover (calculator) sau atingere
   (telefon), ca la glosar. Citatul mare are originalul în <details>. */
.citat .tradus{text-decoration:underline dotted;text-decoration-color:var(--mut);text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}
.citat .tradus:hover,.citat.deschis .tradus{color:var(--accent)}
.citat .tradus:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bula .lb{display:block;font:12px var(--ui);color:var(--accent);margin-bottom:4px}
.bula i{display:block;color:var(--text)}
.articol blockquote{margin:1.4em 0 .4em;padding:0 0 0 18px;border-left:2px solid var(--accent);font-style:italic;font-size:22px;line-height:1.45}
.articol blockquote p{margin:0}
.articol blockquote footer{font-style:normal;font-size:15px;color:var(--mut);margin-top:6px}
details.original{margin:0 0 1.4em 20px;font-size:16px;color:var(--mut)}
details.original summary{cursor:pointer;font:13px var(--ui);color:var(--accent)}
details.original p{margin:6px 0 0;text-align:left}

.context{margin:44px 0 0;padding:20px 0;border-top:2px solid var(--text);border-bottom:1px solid var(--linie)}
.context table{width:100%;border-collapse:collapse;font-size:17px}
.context td{padding:8px 0;border-bottom:1px solid var(--linie);vertical-align:top}
.context td.v{font-weight:600;white-space:nowrap;padding-right:16px;font-variant-numeric:tabular-nums}
.context .sursa{display:block;font-size:14px;color:var(--mut)}
.nota{font-size:14px;color:var(--mut);font-style:italic;margin:10px 0 0}
.surse{margin:30px 0 0;font-size:16px}
.surse ol{padding-left:22px;margin:0}
.surse li{margin:6px 0}
.surse li:target{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.surse .publicatie{font-weight:600}
.surse .original-sursa{color:var(--mut);font-size:14px}
.surse .or{color:var(--mut)}
.metoda,.corecturi,.distribuie{margin:30px 0 0;font-size:16px;line-height:1.55}
.metoda p,.corecturi p{margin:0 0 8px}
.corecturi .lista-corecturi{margin:0 0 12px;padding:0;list-style:none}
.corecturi .lista-corecturi li{padding:8px 0;border-bottom:1px solid var(--linie)}
.corecturi time{font-weight:600;color:var(--text)}
.transparenta{margin-top:34px;font-size:15px;color:var(--mut);border-top:1px solid var(--linie);padding-top:14px}
.harta-tara{margin:0 0 22px;color:var(--text)}
.harta-tara svg{display:block;width:190px;height:auto}
.harta-tara figcaption{font-size:13px;color:var(--mut);padding:6px 0 0;margin:0;font-style:normal}
.nota-margine{margin-top:28px;padding-top:14px;border-top:1px solid var(--linie);font-size:15px;line-height:1.5;color:var(--mut)}
.nota-margine h2{font-size:14px;font-weight:600;margin:0 0 6px;color:var(--accent)}
.nota-margine p{margin:0}
.nota-margine b{color:var(--text);font-weight:600}

/* Formulare (corecturi, căutare) */
.formular{display:grid;gap:10px;margin-top:10px;font-family:var(--ui);font-size:15px}
.formular label{display:grid;gap:4px;color:var(--mut)}
.formular textarea,.formular input,.formular select,.cauta-form input,.cauta-form select{font:16px var(--ui);padding:8px 10px;border:1px solid var(--linie);border-radius:3px;background:var(--hartie);color:var(--text);width:100%}
.formular textarea{min-height:96px;resize:vertical}
.buton{font:15px var(--ui);padding:9px 16px;border:1px solid var(--accent);background:var(--accent);color:var(--hartie);border-radius:3px;cursor:pointer;justify-self:start}
.mesaj{font:15px var(--ui);color:var(--accent);margin:0}

/* Distribuire */
.butoane{display:flex;flex-wrap:wrap;gap:8px;font:14px var(--ui)}
.butoane a,.butoane button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--linie);border-radius:3px;background:var(--hartie);color:var(--text);text-decoration:none;cursor:pointer;font:inherit}
.butoane a:hover,.butoane button:hover{border-color:var(--accent);color:var(--accent)}
.butoane svg{width:16px;height:16px;flex:none}
.butoane a,.butoane button{min-height:44px}
/* Coloana de distribuire (articol, ecran lat): în coloana din stânga, sub casetă: o casetă în chenar, un rând pe rețea (iconița și numele); lipită la derulare.
   Butonul de copiere copiază linkul și își schimbă eticheta în „Copiat” o clipă (.copiat, din site.js). */
.distribuie-lateral{display:none}
@media (min-width:1100px){
  .distribuie{display:none}
  .distribuie-lateral{display:block;position:sticky;top:24px;margin:24px 0 0;width:100%;border:1px solid var(--linie);padding:6px 0}
  .distribuie-lateral .titlu-rail{margin:8px 16px 6px;font-size:14px;font-weight:600;color:var(--accent);line-height:1.2}
  .distribuie-lateral ul{list-style:none;margin:0;padding:0}
  /* un rând pe rețea: iconița mare și numele lângă ea */
  .distribuie-lateral a,.distribuie-lateral button{display:flex;align-items:center;gap:12px;width:100%;height:62px;padding:0 16px;border:0;background:none;color:var(--text);font:17px/1 var(--ui);cursor:pointer;text-decoration:none;text-align:left}
  .distribuie-lateral a:hover,.distribuie-lateral button:hover,.distribuie-lateral a:focus-visible,.distribuie-lateral button:focus-visible{color:var(--accent);background:var(--linie)}
  .distribuie-lateral svg{width:34px;height:34px;flex:none}
  .distribuie-lateral .et{position:static;width:auto;height:auto;clip:auto;overflow:visible}
  .distribuie-lateral .copiat .et{color:var(--accent)}
  .distribuie-lateral [data-canal="whatsapp"]::after{content:"WhatsApp"}
  .distribuie-lateral [data-canal="x"]::after{content:"X"}
  .distribuie-lateral [data-canal="bluesky"]::after{content:"Bluesky"}
  .distribuie-lateral [data-canal="facebook"]::after{content:"Facebook"}
  .distribuie-lateral [data-canal="mastodon"]::after{content:"Mastodon"}
  .distribuie-lateral [data-canal="email"]::after{content:"E-mail"}
}

@media (min-width:1100px){
  .articol{max-width:1240px;display:grid;grid-template-columns:190px minmax(0,700px) 250px;column-gap:52px;padding-top:0}
  .articol figure.mare{grid-column:1/-1;grid-row:1;margin:0 0 40px}
  .articol figure.mare .ilustratie{aspect-ratio:21/9}
  .articol figure.mare figcaption{padding-left:0;max-width:700px;margin-left:242px}
  .antet{grid-column:2;grid-row:2}
  .stanga{grid-column:1;grid-row:2/12}
  .stanga .semnatura{border:0;border-top:2px solid var(--text);display:block;padding-top:14px}
  .stanga .semnatura .rand{margin-bottom:14px;line-height:1.4}
  .dreapta{grid-column:3;grid-row:2/12}
  .dreapta .lipit{position:sticky;top:24px}
  .dreapta .pe-scurt{margin:0}
  .dreapta .pe-scurt ul{font-size:17px}
  .corp,.context,.surse,.metoda,.corecturi,.distribuie,.urmareste,.transparenta{grid-column:2}
  .corp{grid-row:3}.context{grid-row:4}.surse{grid-row:5}.metoda{grid-row:6}.corecturi{grid-row:7}.distribuie{grid-row:8}.urmareste{grid-row:9}.transparenta{grid-row:10}
}
@media (max-width:1099px){
  .semnatura .rand{display:inline-block;margin-right:14px}
  .semnatura .mic{display:inline;margin-right:6px}
  .harta-tara{float:right;margin:0 0 8px 16px}.harta-tara svg{width:110px}
}
@media (max-width:600px){
  .articol h1{font-size:30px}
  .articol .lead{font-size:20px}
  .articol{padding-top:28px}
  .articol figure.mare{margin:30px -16px}
}

/* După articol: legături și cele mai citite */
.dupa{max-width:1240px;margin:0 auto;padding:0 16px 40px;display:grid;gap:36px}
.legaturi .grila{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.legaturi .card.medie h3{font-size:20px}
@media (min-width:1100px){.dupa{grid-template-columns:minmax(0,1fr) 300px;column-gap:44px}}

/* Articol retras */
.retras{max-width:660px;margin:0 auto;padding:44px 16px 72px}
.retras .caseta{border:1px solid var(--linie);border-top:3px solid var(--accent);padding:18px 20px;margin:24px 0;font-size:18px}
.retras .caseta h2{font-size:15px;font-weight:600;color:var(--accent);margin:0 0 8px}
.retras .caseta p{margin:0 0 10px}
.retras .titlu-vechi{color:var(--mut);text-decoration:line-through;text-decoration-color:var(--accent)}

/* Căutare */
/* Pagina /cauta/ (refăcută 20.10): câmpul mare cu lupă, filtrele pe un rând, rezultatele pe o coloană de citit */
.cauta-pagina > *{max-width:820px}
.cauta-form{display:grid;gap:14px;margin-bottom:6px}
.cauta-camp{display:flex;align-items:center;border:1px solid var(--text);border-radius:8px;background:var(--hartie);overflow:hidden}
.cauta-camp:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
.cauta-camp svg{flex:none;width:22px;height:22px;margin-left:14px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round}
.cauta-form .cauta-camp input{flex:1;min-width:0;border:0;border-radius:0;background:transparent;font:22px var(--serif);padding:12px 12px;outline:none}
.cauta-camp button{align-self:stretch;font:16px var(--ui);padding:0 22px;border:0;background:var(--text);color:var(--hartie);cursor:pointer}
.cauta-camp button:hover{background:var(--accent)}
.cauta-form .rand-filtre{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px}
.cauta-form .filtru-tara{margin:0}
.filtru-cat{display:flex;align-items:center;gap:10px;font-size:15px}
.filtru-cat span{font-weight:600}
.cauta-form .filtru-cat select{width:auto;min-width:170px;min-height:40px;font:16px var(--ui);padding:6px 10px;border-radius:8px;font-variant-caps:normal;letter-spacing:normal}
#stare-cautare{font:15px var(--ui);color:var(--mut);margin:26px 0 0;padding-bottom:10px;border-bottom:1px solid var(--text)}
#stare-cautare.gol{color:var(--text);font-size:17px}
.rezultate{list-style:none;margin:0;padding:0}
.rezultat{padding:18px 0;border-bottom:1px solid var(--linie)}
.rezultat .eticheta{font-size:13px;margin:0 0 4px}
.rezultat .eticheta .tara{color:inherit;text-decoration:none}
.rezultat .eticheta .tara:hover{text-decoration:underline}
.rezultat h2{font-size:24px;line-height:1.25;font-weight:500;margin:0;letter-spacing:-.005em}
.rezultat h2 a{text-decoration:none}
.rezultat h2 a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.rezultat .fragment{font-size:17px;color:var(--mut);margin:6px 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rezultat .meta{font:14px var(--ui);margin:8px 0 0}
.rezultat mark,.cauta-rapid mark{background:color-mix(in srgb,var(--accent) 20%,transparent);color:inherit;padding:0 1px;border-radius:2px}
.buton-mai{display:block;margin:26px auto 0;font:16px var(--ui);min-height:44px;padding:0 24px;border:1px solid var(--linie);border-radius:8px;background:transparent;color:var(--text);cursor:pointer}
.buton-mai:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:600px){
  .cauta-form .cauta-camp input{font-size:19px;padding:10px 8px}
  .cauta-camp button{padding:0 14px}
  .rezultat h2{font-size:21px}
  .filtru-cat{flex:1 1 100%}.cauta-form .filtru-cat select{flex:1}
}

/* Căutarea din antet (acordul din 17.10): primele 5 rezultate sub câmp, pe măsură ce scrii; „Nu am găsit” tot aici */
.cauta-rapid{position:absolute;z-index:40;top:calc(100% + 6px);right:0;width:420px;max-width:calc(100vw - 32px);padding:4px 0;background:var(--hartie);border:1px solid var(--text);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);text-align:left}
.cauta-rapid[hidden]{display:none}
.cauta-rapid-stare{margin:0;padding:8px 14px 6px;font:13px var(--ui);color:var(--mut)}
.cauta-rapid-stare.gol{padding:12px 14px;font-size:15px;color:var(--text)}
.cauta-rapid ul{list-style:none;margin:0;padding:0}
.cauta-rapid li a{display:block;padding:8px 14px;text-decoration:none;color:var(--text)}
.cauta-rapid li a:hover,.cauta-rapid li a:focus{background:color-mix(in srgb,var(--linie) 45%,var(--hartie));outline:none}
.cauta-rapid .eticheta{display:block;font-size:12px;margin:0 0 1px}
.cauta-rapid .t{display:block;font:17px/1.3 var(--serif)}
.cauta-rapid li.toate a{margin-top:4px;border-top:1px solid var(--linie);padding:10px 14px;font:600 14px var(--ui);color:var(--accent)}
.cautare-cap input{width:210px}
html.js nav.sectiuni a.fara-js{display:none}

/* Glosar */
.glosar{max-width:760px}
.glosar h2.zona{margin-top:40px}
.glosar dl{margin:0}
.glosar dt{font-size:22px;font-weight:600;margin:20px 0 2px;scroll-margin-top:16px}
.glosar dt .var{font-weight:400;font-size:15px;color:var(--mut);font-style:italic;margin-left:6px}
.glosar dd{margin:0 0 12px;padding-bottom:14px;border-bottom:1px solid var(--linie)}
.glosar dd p{margin:0 0 6px}
.glosar .clasif{font-size:16px;border-left:2px solid var(--accent);padding-left:12px;margin:8px 0}
.glosar .src{font:13px var(--ui);color:var(--mut)}
.glosar dt:target{color:var(--accent)}

/* Cuprinsul machetelor */
.cuprins li{margin:10px 0}
.cuprins li span{display:block;color:var(--mut);font-size:16px}

/* Subsolul */
footer.subsol{border-top:2px solid var(--text);margin-top:40px;padding:28px 16px 90px;font-size:15px;color:var(--mut)}
.subsol .in{max-width:1240px;margin:0 auto;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.subsol .nume{font-size:28px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:10px;margin:0 0 6px}
.subsol .nume svg{width:48px;height:40px}
.subsol .nume .pf{color:var(--accent)}
.subsol h2{font-size:14px;font-weight:600;color:var(--accent);margin:0 0 6px}
.subsol ul{list-style:none;margin:0;padding:0}
.subsol li{margin:4px 0}
.subsol p{margin:0 0 8px}

/* Blocuri de articole, refolosibile (țară, categorie; la nevoie prima pagină).
   .casete = rând de casete cu imagine; .patru = exact 4 pe rând pe ecran lat; .mari = 2 casete mai mari;
   .card.lat = articol pe toată lățimea; .grupe/.grupa = casete pe categorii cu listă compactă. */
.casete{display:grid;gap:28px 24px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:32px 0 0}
.casete.patru{grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.casete.patru{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.casete.patru{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* .trei = exact 3 pe rând (pagina de categorie); rândurile cardurilor (imagine, etichetă, titlu, text, oră) se aliniază
   între coloane prin subgrid, deci textul începe la aceeași înălțime; imagine 16:9 și text de cel mult 3 rânduri */
.casete.trei{grid-template-columns:minmax(0,1fr)}
.casete.trei .card.caseta img{aspect-ratio:16/9;object-fit:cover}
.casete.trei .card.caseta .scurt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:600px){
  .casete.trei{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0}
  .casete.trei > .card.caseta{display:grid;grid-row:span 5;grid-template-rows:subgrid;align-content:start}
}
.casete.mari{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.card.caseta{border-top:1px solid var(--linie);padding-top:14px}
.card.caseta img{aspect-ratio:16/9;margin-bottom:10px}
.casete.mari .card.caseta img{aspect-ratio:3/2}
.card.caseta h3{font-size:20px;line-height:1.25}
.card.caseta .scurt{margin:8px 0 0;font-size:16px;line-height:1.45;color:var(--mut)}
.casete.mari .card.caseta{border-top:2px solid var(--text)}
.casete.mari .card.caseta h3{font-size:28px;line-height:1.15}
.casete.mari .card.caseta .scurt{font-size:17px}
.card.lat{margin:40px 0 0;padding-top:16px;border-top:2px solid var(--text)}
.card.lat img{aspect-ratio:21/9;margin-bottom:16px}
.card.lat h3{font-size:36px;line-height:1.12}
.card.lat .lead{font-size:19px;line-height:1.45}
.card.lat .text{display:grid;gap:16px 36px}
.pe-scurt-lat{border-top:1px solid var(--linie);padding-top:10px}
.pe-scurt-lat h4{font-size:14px;font-weight:600;color:var(--accent);margin:0 0 6px}
.pe-scurt-lat ul{margin:0;padding-left:18px;font-size:17px;line-height:1.5}
.pe-scurt-lat li{margin:4px 0}
@media (min-width:900px){.card.lat .text{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.pe-scurt-lat{border-top:0;border-left:1px solid var(--linie);padding:0 0 0 20px}}
.grupe{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:36px 0 0}
.grupa{border:1px solid var(--linie);border-top:3px solid var(--accent);padding:12px 16px 4px}
.grupa-titlu{font-size:15px;font-weight:600;color:var(--accent);margin:0 0 2px}
.titlu-lista{font-size:14px;font-weight:600;color:var(--mut);margin:36px 0 4px;padding-top:10px;border-top:1px solid var(--linie)}
.lista-compacta{list-style:none;margin:0;padding:0}
.lista-compacta li{padding:10px 0;border-bottom:1px solid var(--linie);font-size:17px;line-height:1.35}
.lista-compacta li:last-child{border-bottom:0}
.lista-compacta a{text-decoration:none;font-weight:500}
.lista-compacta a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.lista-compacta .eticheta{display:block;font-size:12px;margin:0 0 2px}
.lista-compacta .meta{display:block;font-size:13px;margin:3px 0 0}
@media (min-width:700px){.lista-compacta.doua-coloane{columns:2;column-gap:36px}.lista-compacta.doua-coloane li{break-inside:avoid}.lista-compacta.doua-coloane li:last-child{border-bottom:1px solid var(--linie)}}
@media (max-width:600px){.card.lat h3,.casete.mari .card.caseta h3{font-size:26px}.card.lat img{aspect-ratio:3/2}}
/* Caseta fără imagine: titlul și „pe scurt” duc singure (mărimea mică/medie din ritmul primei pagini).
   .principale.ritm = un articol mediu cu imagine lângă o coloană de casete-text. */
.card.text{padding:14px 0;border-bottom:1px solid var(--linie)}
.card.text:last-child{border-bottom:0}
.card.text h3{font-size:21px;line-height:1.25}
.card.text .lead{font-size:16px;line-height:1.45;font-style:normal;color:var(--mut)}
h2.zona + .card.text,h2.zona + .card.caseta{border-top:0;padding-top:0}
.categorii .card.text h3{font-size:25px;line-height:1.2}
.categorii .card.caseta + .lista-compacta{margin-top:8px;border-top:1px solid var(--linie)}
/* Completările coloanelor categoriilor (prima-pagina.html, omul, 18.10): sub un mic titlu discret, casete mici sau
   rânduri de listă, despărțite prin linii (.geaman = forma de rând a unui articol care are și casetă mică; la orice
   lățime se vede cel mult una dintre ele). Câte se văd depinde de lățime: șablonul estimează pentru fiecare bandă
   (u-a … u-k, aceleași lățimi ca $asezari din prima-pagina.html) și clasa ascunde ce e în plus acolo; u-t, pe telefon,
   tot ce trece de două. */
/* Ce rămâne după completare (articolele vin întregi, deci coloanele diferă cu până la ~o casetă mică) îl acoperă rezervele
   ascunse (.cat-rez, hidden), dezvăluite de site.js în coloanele mai scurte; între rezerve, linia doar între cele vizibile. */
.cat-rez[hidden],.cat-rez [hidden]{display:none!important}
.cat-rez > .cat-u{border-top:0}
.cat-rez > .cat-u:not([hidden]) ~ .cat-u:not([hidden]){border-top:1px solid var(--linie)}
/* titlul rezervelor ascuns (completare cu titlu deasupra): fără bordura blocului, o singură linie deasupra fiecărei rezerve vizibile (linia dublă, verificarea 21.10) */
.cat-rez:has(> .cat-umplere-titlu[hidden]){border-top:0}
.cat-rez:has(> .cat-umplere-titlu[hidden]) > .cat-u:not([hidden]){border-top:1px solid var(--linie)}
.cat-umplere{border-top:1px solid var(--linie)}
.categorii .card:has(+ .cat-umplere){border-bottom:0}
.categorii .card.caseta + .cat-umplere{margin-top:8px}
.cat-umplere-titlu{margin:0;padding:12px 0 0;font-size:12px;line-height:1.3;color:var(--mut)}
.cat-umplere > .cat-u{border-top:1px solid var(--linie)}
.cat-umplere > .cat-umplere-titlu + .cat-u,.cat-umplere > .cat-umplere-titlu + .cat-u + .geaman,.cat-umplere > .cat-umplere-titlu + .cat-u + .geaman + .geaman{border-top:0}
.cat-umplere-titlu + .cat-u > .card.mica{padding-top:8px}
.cat-umplere-titlu + .cat-u > li,.cat-umplere-titlu + .cat-u + .geaman > li,.cat-umplere-titlu + .cat-u + .geaman + .geaman > li{padding-top:6px}
.cat-u.scurt .eticheta{display:none}
@media (min-width:1255px){.categorii .u-a{display:none}}
@media (min-width:1220px) and (max-width:1254.98px){.categorii .u-b{display:none}}
@media (min-width:1180px) and (max-width:1219.98px){.categorii .u-c{display:none}}
@media (min-width:1140px) and (max-width:1179.98px){.categorii .u-d{display:none}}
@media (min-width:1100px) and (max-width:1139.98px){.categorii .u-e{display:none}}
@media (min-width:1000px) and (max-width:1099.98px){.categorii .u-f{display:none}}
@media (min-width:900px) and (max-width:999.98px){.categorii .u-g{display:none}}
@media (min-width:825px) and (max-width:899.98px){.categorii .u-h{display:none}}
@media (min-width:750px) and (max-width:824.98px){.categorii .u-i{display:none}}
@media (min-width:675px) and (max-width:749.98px){.categorii .u-j{display:none}}
@media (min-width:600px) and (max-width:674.98px){.categorii .u-k{display:none}}
@media (max-width:599.98px){.categorii .u-t{display:none}}
@media (min-width:700px){
  .principale.ritm{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 32px}
  .principale.ritm > .medie{grid-row:span 2}
  .principale.ritm.ed:has(> .card.text:nth-child(4)) > .medie{grid-row:span 3}
  /* 21.10: surplusul de înălțime al articolului mare din stânga merge sub ultima știre din dreapta, nu între ele */
  .principale.ritm.ed{grid-template-rows:auto 1fr}
  .principale.ritm.ed:has(> .card.text:nth-child(4)){grid-template-rows:auto auto 1fr}
  /* zona rămâne un dreptunghi: cele două casete-text din dreapta nu depășesc articolul mediu */
  .principale.ritm > .card.text .lead{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .principale.ritm > .medie h3{font-size:30px;line-height:1.15}
  .principale.ritm > .medie .lead{font-size:19px}
  .principale.ritm > .card.text:nth-child(2){padding-top:0}
}

/* Antetul pe ecrane mici: buton de meniu (sub 720 px) și iconița de căutare (sub 1100 px).
   Fără JS (.js lipsește) rămâne bara de secțiuni derulabilă și linkul „Caută”. */
.buton-meniu,.buton-cauta{display:none;position:absolute;top:18px;width:44px;height:44px;align-items:center;justify-content:center;padding:0;background:var(--hartie);color:var(--text);border:1px solid var(--linie);border-radius:3px;cursor:pointer}
.buton-meniu{left:12px}.buton-cauta{right:12px}
.buton-meniu:hover,.buton-cauta:hover,.buton-meniu[aria-expanded="true"],.buton-cauta[aria-expanded="true"]{border-color:var(--accent);color:var(--accent)}
.buton-meniu svg,.buton-cauta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.buton-meniu .i-inchis,.buton-meniu[aria-expanded="true"] .i-deschis{display:none}
.buton-meniu[aria-expanded="true"] .i-inchis{display:block}
.grup-meniu,nav.sectiuni a.doar-meniu{display:none}
@media (max-width:1099px){
  .js .buton-cauta{display:inline-flex}
  .js .cautare-cap.deschis{display:flex;position:relative;max-width:560px;margin:14px auto 4px;font-size:18px}
  .js .cautare-cap.deschis .cauta-rapid{left:0;right:0;width:auto;max-width:none}
  .js .cautare-cap.deschis input{flex:1;width:auto;min-height:48px;font-size:18px;padding:8px 12px}
  .js .cautare-cap.deschis button{min-height:48px;padding:0 18px;font-size:16px}
}
@media (max-width:719px){
  .js .buton-meniu{display:inline-flex}
  .js nav.sectiuni{display:none}
  .js nav.sectiuni.deschis{display:block;overflow:visible;padding:0 16px 14px;font-size:17px}
  .js nav.sectiuni.deschis a,.js nav.sectiuni.deschis a.doar-meniu{display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--linie);color:var(--text)}
  .js nav.sectiuni.deschis a[aria-current]{color:var(--accent);border-bottom-color:var(--linie)}
  .js nav.sectiuni.deschis .grup-meniu{display:block;font-size:13px;color:var(--accent);padding:16px 0 2px}
}
@media (max-width:420px){.marca{font-size:36px}.marca .sigla-mica{width:44px;height:37px}}
/* Un articol lat care deschide o ediție (țară): fără a doua linie sub titlul zonei. */
h2.zona + .card.lat{margin-top:0;padding-top:0;border-top:0}
.card.lat .poza{margin-bottom:16px}.card.lat .poza img{margin:0}

/* tari: articol — harta țării ca imagine reutilizabilă, marcajul orașului în procente */
.harta-cadru{position:relative;width:190px}
.harta-cadru img{display:block;width:100%;height:auto}
.harta-cadru .marcaj{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--hartie)}
:root[data-theme="dark"] .harta-cadru img{filter:invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .harta-cadru img{filter:invert(1)}}
@media (max-width:1099px){.harta-cadru{width:110px}}

/* tari: glosar */
.glosar .tara-t{font-size:30px;font-weight:600;margin:44px 0 0;scroll-margin-top:16px}
.glosar section:first-of-type .tara-t{margin-top:28px}
.glosar h3.zona{font-size:15px;font-weight:600;color:var(--accent);margin:32px 0 14px;padding-top:10px;border-top:2px solid var(--text)}
.glosar .filtru-tari{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:14px}
.glosar .filtru-tari span{color:var(--mut)}
.glosar .filtru-tari a{padding:6px 14px;border:1px solid var(--linie);border-radius:999px;color:var(--text);text-decoration:none}
.glosar .filtru-tari a:hover,.glosar .filtru-tari a:focus-visible{border-color:var(--accent);color:var(--accent)}

/* tari: prima-pagina - țara, vizibilă și la articolele fără etichetă de categorie */
.meta .tara-et{font-weight:600;color:var(--accent)}
.card.caseta .eticheta,.card.text .eticheta{margin-bottom:4px}

/* tari: categorie-tara — țara vizibilă pe carduri; comutator între țări pe pagina țării */
.eticheta .tara{font-weight:600}
.comut-tara{display:flex;gap:8px;margin:0 0 18px;font-size:15px}
.comut-tara a{padding:7px 18px;border:1px solid var(--linie);border-radius:999px;color:var(--text);text-decoration:none}
.comut-tara a:hover{border-color:var(--accent)}
.comut-tara a[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--hartie);font-weight:600}

/* tari: filtru */
a.tara,a.tara-et{color:inherit;text-decoration:none}
a.tara:hover,a.tara-et:hover{color:var(--accent);text-decoration:underline}
.meta a.tara-et{color:var(--accent)}
.filtru-tara{display:none;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 20px;font-size:15px}
.js .filtru-tara{display:flex}
.filtru-tara label{font-weight:600}
.combo{position:relative;width:230px;max-width:100%;font-variant-caps:normal;letter-spacing:normal}
.combo-cap{display:flex;gap:8px}
.combo input{font:16px var(--ui);min-height:40px;width:100%;padding:6px 12px;border:1px solid var(--linie);border-radius:8px;background:var(--hartie);color:var(--text)}
.combo-inchide{display:none}
.combo ul{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;min-width:240px;max-height:300px;overflow:auto;margin:0;padding:4px 0;list-style:none;background:var(--hartie);border:1px solid var(--text);border-radius:8px;font:16px var(--ui);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.combo ul[hidden]{display:none}
.combo li[role="option"]{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 14px;cursor:pointer}
.combo li small{color:var(--mut);font-size:13px}
.combo li.activ,.combo li[role="option"]:hover{background:var(--linie)}
.combo li[aria-selected="true"]{font-weight:600;color:var(--accent)}
.combo li.grup{padding:8px 14px 2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.combo li.gol{padding:12px 14px;color:var(--mut)}
.filtru-tara .scurtaturi{display:flex;flex-wrap:wrap;gap:8px}
.scurt-tara{font:inherit;letter-spacing:inherit;text-transform:inherit;min-height:40px;padding:6px 16px;border:1px solid var(--linie);border-radius:999px;background:transparent;color:var(--text);cursor:pointer}
.scurt-tara:hover{border-color:var(--accent)}
.scurt-tara[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--hartie);font-weight:600}
.filtru-tara .spre-tara{color:var(--accent);text-decoration:none;font-weight:600}
.filtru-tara .spre-tara:hover{text-decoration:underline}
.filtru-tara .stare-filtru{flex-basis:100%;font-size:16px}
.filtru-tara .stare-filtru:empty{display:none}
[data-tara-ascuns]{display:none!important}
.cauta-inchide,.cauta-sugestii{display:none}
html.bloc-scroll{overflow:hidden}
@media (max-width:719px){
  .scurt-tara{min-height:44px}
  .filtru-tara .spre-tara{flex-basis:100%;min-height:44px;display:flex;align-items:center}
  .combo{flex:1 1 100%;width:100%}
  .combo input{min-height:48px;font-size:18px}
  .combo.deschis{position:fixed;z-index:60;left:0;right:0;top:var(--vv-top,0);height:var(--vv-h,100vh);width:auto;display:flex;flex-direction:column;background:var(--hartie)}
  .combo.deschis .combo-cap{padding:10px 12px;border-bottom:1px solid var(--linie)}
  .combo.deschis .combo-inchide{display:block;font:16px var(--ui);min-height:48px;padding:0 14px;border:1px solid var(--linie);border-radius:8px;background:transparent;color:var(--text);cursor:pointer}
  .combo.deschis ul{position:static;flex:1;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none;min-width:0;padding:0}
  .combo.deschis li[role="option"]{min-height:48px;align-items:center;padding:8px 16px;font-size:18px;border-bottom:1px solid var(--linie)}
  /* căutarea din antet: același panou */
  .js .cautare-cap.deschis{position:fixed;z-index:60;left:0;right:0;top:var(--vv-top,0);height:var(--vv-h,100vh);max-width:none;margin:0;padding:10px 12px;flex-wrap:wrap;align-content:flex-start;gap:8px;background:var(--hartie);overflow:hidden}
  .js .cautare-cap.deschis input{flex:1 1 0;min-width:0;border-right:1px solid var(--linie);border-radius:8px}
  .js .cautare-cap.deschis button{border-radius:8px}
  .js .cautare-cap.deschis .cauta-inchide{display:block}
  .js .cautare-cap.deschis .cauta-sugestii{display:block;flex:1 1 100%;min-height:0;max-height:calc(100% - 66px);overflow:auto}
  .cauta-sugestii p{margin:8px 4px 4px;color:var(--mut);font-size:14px}
  .cauta-sugestii a{display:flex;align-items:center;min-height:48px;padding:0 4px;border-bottom:1px solid var(--linie);color:var(--text);text-decoration:none;font:18px var(--ui)}
  /* telefon: rezultatele rapide în panou, sub câmp, în locul categoriilor */
  .js .cautare-cap.deschis .cauta-rapid{position:static;order:2;flex:1 1 100%;width:auto;max-width:none;max-height:calc(100% - 66px);overflow:auto;border:0;border-radius:0;box-shadow:none;padding:0}
  .js .cautare-cap.deschis .cauta-sugestii{order:3}
  .js .cautare-cap.are-rapid .cauta-sugestii{display:none}
  .cauta-rapid li a{min-height:48px;padding:10px 4px;border-bottom:1px solid var(--linie)}
  .cauta-rapid .t{font-size:18px}
  .cauta-rapid-stare{padding:8px 4px}
  .cauta-rapid li.toate a{margin:0;border-top:0;padding:10px 4px}
}

/* tari: harti — harta standard (v2/skills/harti): SVG inline sau <use href="img/harta-xx.svg#harta">,
   culorile din pagină (color = --text, fondul țării = --hartie), deci merge și comutatorul de temă */
.harta-cadru svg{display:block;width:100%;height:auto;color:var(--text)}
.harta-cadru .marcaj{width:6px;height:6px;margin:-3px 0 0 -3px;box-shadow:0 0 0 1px var(--hartie)}
/* ca <img>, fișierul își ia singur tema după sistem; fără inversare */
.harta-cadru img,:root[data-theme="dark"] .harta-cadru img{filter:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .harta-cadru img{filter:none}}

/* tari: prima-pagina-2 — combo-ul de țară în formularul de căutare */
.cauta-form .filtru-tara{margin:0;max-width:760px}
.cauta-form .filtru-tara label{display:block;font:600 15px var(--ui);color:var(--text)}
.cauta-form .combo input{font:16px var(--ui);padding:6px 12px}
.rand-filtre{grid-template-columns:minmax(0,1fr)!important}

/* Pagina de categorie (17.10): publicitate, „Din celelalte categorii”, „Explicat pe scurt”, „Din edițiile anterioare”.
   Spațiile de publicitate au înălțimea rezervată (fără salt de pagină când vin reclamele reale) și sunt marcate. */
.publicitate{border:1px solid var(--linie);background:color-mix(in srgb,var(--linie) 18%,var(--hartie));padding:14px 18px 16px}
.publicitate .eticheta-pub{display:block;font-size:11px;color:var(--mut);letter-spacing:.08em;margin-bottom:8px}
.publicitate a{display:grid;gap:4px;text-decoration:none;color:var(--text)}
.publicitate b{font-size:22px;font-weight:600;line-height:1.2}
.publicitate .text{font-size:16px;color:var(--mut);line-height:1.4}
.publicitate .actiune{font-size:14px;color:var(--accent);margin-top:4px}
.publicitate a:hover b{text-decoration:underline;text-decoration-color:var(--accent)}
.publicitate a.pe-din-lume{display:inline;margin-top:10px;font-size:12px;color:var(--mut);text-decoration:underline;text-decoration-color:var(--linie)}
.publicitate-banda,.publicitate-prima,.publicitate-final{margin:40px 0 0;min-height:120px;display:grid;align-content:center}
.publicitate-prima{margin:44px 0 0}
/* Caseta „Despre Din lume” (despre-dinlume.html): manșeta primei pagini — filet dublu sus, titlu de copertă, frază
   scoasă în evidență în accent, text pe coloane de ziar (justificat, cu despărțire în silabe), inițială mare la primul
   paragraf și alineat la următoarele. Doar paleta și fonturile site-ului. */
.despre-dinlume{margin:48px 0 0;border-top:4px double var(--text);border-bottom:1px solid var(--text);padding:22px 0 26px}
.despre-dinlume .dd-cap{margin-bottom:22px}
.despre-dinlume .dd-eticheta{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.14em;color:var(--accent)}
.despre-dinlume h2{font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.08;letter-spacing:-.01em;margin:0;text-wrap:balance}
.despre-dinlume .dd-citat{margin:22px 0 0;padding-left:18px;border-left:3px solid var(--accent);font-style:italic;font-size:clamp(18px,1.6vw,22px);line-height:1.35;color:var(--accent)}
.despre-dinlume .dd-text{columns:3 260px;column-gap:36px;column-rule:1px solid var(--linie);column-fill:balance;font-size:17px;line-height:1.6}
.despre-dinlume .dd-legaturi{display:flex;flex-wrap:wrap;gap:8px 28px;margin:18px 0 0;font-size:16px}
.despre-dinlume .dd-legaturi a{color:var(--accent);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.despre-dinlume .dd-legaturi a:hover{text-decoration:underline}
/* Paginile de text ale redacției (layouts/_default/text.html): „Cum lucrăm”, „Codul deontologic”. */
.pagina-text article{max-width:760px}
.pagina-text .text-redactie{font-size:19px;line-height:1.65}
.pagina-text .text-redactie h2{font-size:26px;font-weight:600;line-height:1.2;margin:1.6em 0 .5em}
.pagina-text .text-redactie ul{padding-left:1.2em;margin:0 0 1.1em}
.pagina-text .text-redactie li{margin:0 0 .5em}
.pagina-text .text-redactie a{color:var(--accent)}
@media (max-width:600px){.pagina-text .text-redactie{font-size:17px}.pagina-text .text-redactie h2{font-size:22px}}
.despre-dinlume .dd-text p{margin:0;text-indent:1.4em}
/* „Urmărește Din lume pe Facebook” (omul, 03.11): link simplu spre pagină, sub articol (.urmareste, după „Distribuie”)
și în caseta „Despre” (.dd-facebook) */
.buton-fb{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1.5px solid var(--accent);border-radius:4px;color:var(--accent);font:600 15px/1 var(--ui);text-decoration:none;white-space:nowrap}
.buton-fb:hover,.buton-fb:focus-visible{background:var(--accent);color:var(--hartie)}
.buton-fb svg{width:20px;height:20px;fill:currentColor;flex:none}
.urmareste{margin:30px 0 0;font-size:16px;line-height:1.55}
.urmareste h2{font-size:15px;font-weight:600;margin:0 0 10px;color:var(--accent)}
.urmareste p{margin:0 0 12px}
.despre-dinlume .dd-facebook{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--linie);font-size:16px}
.despre-dinlume .dd-text p:first-child{text-indent:0}
.despre-dinlume .dd-text p:first-child::first-letter{float:left;font-size:3.6em;line-height:.82;font-weight:600;color:var(--accent);margin:.06em .08em 0 0}
@media (max-width:760px){
  .despre-dinlume .dd-text{columns:1;font-size:16px}
}
.publicitate-final{margin:0 0 36px}
.publicitate-articol{margin:28px 0;min-height:120px;display:grid;align-content:center}
.publicitate-laterala{margin:12px 0;min-height:250px;display:grid;align-content:center}
/* reclamele cu imagine sau video: media pe toată lățimea spațiului, cu proporțiile din atribute (fără salt de pagină) */
.publicitate.cu-media{padding:10px 12px 12px;min-height:0}
.publicitate .pub-media{display:block}
.publicitate .pub-media img,.publicitate .pub-video{display:block;width:100%;height:auto;max-width:100%}
.publicitate .pub-video{aspect-ratio:16/9;background:#000}
.publicitate.cu-media > a:not(.pub-media):not(.pe-din-lume){margin-top:8px}
.publicitate-laterala b{font-size:19px}
.citite ol[start="4"]{counter-reset:c 3}
.nota-pub{margin:0 0 14px;font-size:15px;color:var(--mut)}
/* /publicitate/: butonul „Vezi exemplul” și fereastra cu captura (desktop pe ecran lat, mobil pe telefon) */
.buton-exemplu{margin-left:10px;padding:3px 10px;font:500 13px var(--ui);color:var(--accent);background:none;border:1px solid var(--accent);border-radius:999px;cursor:pointer;vertical-align:middle}
.buton-exemplu:hover,.buton-exemplu:focus-visible{background:var(--accent);color:var(--hartie)}
.exemplu-pub{padding:0;border:0;background:var(--hartie);color:var(--text);width:min(1100px,94vw);max-height:92vh;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.exemplu-pub::backdrop{background:rgba(0,0,0,.6)}
.exemplu-pub .continut{padding:14px 16px 16px;max-height:92vh;overflow:auto;box-sizing:border-box}
.exemplu-pub .cap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;position:sticky;top:-14px;background:var(--hartie);padding:8px 0}
.exemplu-pub h3{margin:0;font-size:19px}
.exemplu-pub .inchide{flex:none;width:44px;height:44px;font-size:28px;line-height:1;border:1px solid var(--linie);border-radius:50%;background:var(--hartie);color:var(--text);cursor:pointer}
.exemplu-pub .inchide:hover,.exemplu-pub .inchide:focus-visible{border-color:var(--accent);color:var(--accent)}
.exemplu-pub img{display:block;width:100%;height:auto;border:1px solid var(--linie)}
.exemplu-pub .nota{margin:10px 0 0;font-size:14px;color:var(--mut)}
@media (max-width:700px){.exemplu-pub{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0}.exemplu-pub .continut{max-height:100dvh}.buton-exemplu{display:block;margin:6px 0 0}}
.din-alte,.explicat,.editii-anterioare{margin-top:44px}
.din-alte .casete{margin-top:0}
.din-alte .card.caseta img{aspect-ratio:16/9;object-fit:cover}
.din-alte .card.caseta .scurt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:900px){
  .din-alte .casete.patru{row-gap:0}
  .din-alte .casete.patru > .card.caseta{display:grid;grid-row:span 5;grid-template-rows:subgrid;align-content:start}
}
.termeni{margin:0;display:grid;gap:18px 32px}
@media (min-width:700px){.termeni{grid-template-columns:repeat(2,minmax(0,1fr))}}
.termeni div{border-top:1px solid var(--linie);padding-top:12px}
.termeni dt{font-size:19px;font-weight:600}
.termeni dt a{text-decoration:none}
.termeni dt a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.termeni dd{margin:4px 0 0;font-size:16px;color:var(--mut);line-height:1.45}

/* Pagini de tip ziar (omul, 17.10; docs/design/ciorne-2026-10-17/pagini-ziar.md). Regula: poza fixă dă înălțimea
căsuței, textul se taie la rânduri întregi (site.js), coloanele de alături se taie la înălțimea coloanei de referință;
nu rămân goluri. Pe ecran îngust, coloanele stau una sub alta și textul are un număr fix de rânduri. */
[hidden]{display:none!important}
.cz-taie{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.cz-meta{display:block;font:500 12px/1.3 var(--ui,system-ui),sans-serif;color:var(--mut)}

/* coloana din dreapta în blocuri (prima pagină și categorie) */
.col-blocuri{align-self:start}
.cb-bloc{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--linie)}
.cb-bloc:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.cb-bloc .zona{margin-top:0}
.col-blocuri > .publicitate + .cb-bloc .zona{margin-top:28px}
.cb-noi{list-style:none;counter-reset:n;margin:0;padding:0}
.cb-noi li{counter-increment:n;display:grid;grid-template-columns:28px 1fr;gap:2px 8px;padding:9px 0;border-top:1px solid var(--linie)}
.cb-noi li:first-child{border-top:0}
.cb-noi li::before{content:counter(n);grid-row:span 2;font-size:22px;line-height:1;font-weight:600;color:var(--accent)}
.cb-noi a{font-size:15.5px;line-height:1.3;font-weight:500;text-decoration:none;color:inherit}
.cb-noi a:hover{text-decoration:underline}
.cb-noi .sc{font-size:10.5px;letter-spacing:.08em;color:var(--mut)}
.cb-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cz-mic-card,.cz-mare-card{display:grid;gap:5px;align-content:start;text-decoration:none;color:inherit}
.cz-mic-card img,.cz-mare-card img{display:block;width:100%;height:auto;object-fit:cover}
.cz-mic-card img{aspect-ratio:1/1}
.cz-mare-card img{aspect-ratio:3/2}
.cz-mic-card .sc,.cz-mare-card .sc{font-size:10.5px;letter-spacing:.1em;color:var(--accent)}
.cz-mic-card b{font-size:14px;line-height:1.25;font-weight:600}
.cz-mare-card b{font-size:19px;line-height:1.22;font-weight:600}
.cz-mare-card .d{font-size:14px;line-height:1.45;color:var(--mut)}
.cz-mic-card:hover b,.cz-mare-card:hover b{text-decoration:underline}

/* categoria: banda, zone, casete, rânduri de text */
.cz{margin-top:22px;border-top:2px solid var(--text);padding-top:22px}
.cz h2,.cz h3{margin:0;font-weight:600}
.cz h2 a,.cz h3 a,.cz-banda a{text-decoration:none;color:inherit}
.cz h2 a:hover,.cz h3 a:hover,.cz-banda a:hover h2,.cz-banda a:hover h3{text-decoration:underline;text-underline-offset:3px}
.cz img{display:block;width:100%;height:auto;object-fit:cover}
.cz p{margin:0;font-size:15px;line-height:1.45;color:var(--mut)}
.cz-banda{display:grid;gap:18px}
.cz-banda > a,.cz-b-dreapta a{display:flex;flex-direction:column;gap:10px}
.cz-b-text h2{font-size:29px;line-height:1.14}
.cz-b-text p{font-size:16px}
.cz-b-poza img{aspect-ratio:3/2}
.cz-b-dreapta{display:grid;gap:18px}
.cz-b-dreapta img{aspect-ratio:3/2}
.cz-b-dreapta h3{font-size:17px;line-height:1.24;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cz .publicitate-banda{margin:36px 0 0}
.cz-jos{display:grid;gap:36px}
.cz-principal{align-self:start}
.cz-zona .zona{margin-top:34px}
.cz-zona > .cz-grila,.cz-zona > .cz-text3,.cz-zona > .cz-caseta{border-top:1px solid var(--linie)}
.cz-zona > .zona + *{border-top:0}
.cz-grila{display:grid;column-gap:24px}
.cz-caseta{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:16px 0}
.cz-grila > .cz-caseta + .cz-caseta{border-top:1px solid var(--linie)}
.cz-caseta.cz-fara-poza{grid-template-columns:minmax(0,1fr)}
.cz-caseta img{aspect-ratio:3/2}
.cz-c-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.cz-caseta h3{font-size:18px;line-height:1.22;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;flex:none}
.cz-caseta .cz-taie{-webkit-line-clamp:3;font-size:14.5px}
.cz-text3{display:grid;padding:16px 0}
.cz-text3 article{display:flex;flex-direction:column;gap:8px;padding:14px 0 0;margin-top:14px;border-top:1px solid var(--linie)}
.cz-text3 article:first-child{padding-top:0;margin-top:0;border-top:0}
.cz-text3 h3{font-size:19px;line-height:1.22}
.cz-text3 .cz-taie{-webkit-line-clamp:3;font-size:14.5px}
.cz-mic-principal{display:grid;gap:18px}
.cz-mic-principal img{aspect-ratio:3/2}
.cz-mic-principal .cz-c-text{gap:12px}
.cz-mic-principal h2{font-size:30px;line-height:1.14}
.cz-mic-principal .cz-taie{font-size:16.5px;line-height:1.5;-webkit-line-clamp:6}
.cz-mica .publicitate-banda{margin-top:36px}
@media (min-width:900px){
 .cz-banda{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr) minmax(0,.95fr);gap:0 24px}
 .cz-b-text,.cz-b-dreapta{height:0;min-height:100%;overflow:hidden}
 .cz-b-text p{flex:1;min-height:0}
 .cz-b-poza img{height:100%}
 .cz-b-dreapta{display:flex;flex-direction:column;gap:0;border-left:1px solid var(--linie);padding-left:24px}
 .cz-b-dreapta a{flex:1;min-height:0;gap:7px}
 .cz-b-dreapta a + a{border-top:1px solid var(--linie);margin-top:14px;padding-top:14px}
 .cz-b-dreapta img{flex:1;min-height:60px}
 .cz-grila{grid-template-columns:1fr 1fr}
 .cz-grila > .cz-caseta + .cz-caseta{border-top:0}
 .cz-grila > .cz-caseta:nth-child(n+3){border-top:1px solid var(--linie)}
 .cz-caseta{grid-template-columns:200px minmax(0,1fr);gap:16px;padding:18px 0}
 .cz-c-text{height:0;min-height:100%;overflow:hidden}
 .cz-caseta .cz-taie,.cz-text3 .cz-taie,.cz-b-text .cz-taie,.cz-mic-principal .cz-taie{-webkit-line-clamp:unset;flex:1;min-height:0}
 .cz-caseta.cz-fara-poza .cz-c-text{height:auto;min-height:0}
 .cz-caseta.cz-lata{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}
 .cz-caseta.cz-lata img{aspect-ratio:2/1}
 .cz-caseta.cz-lata h3{font-size:25px;-webkit-line-clamp:3}
 .cz-caseta.cz-lata .cz-taie{font-size:16px}
 .cz-text3{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 0}
 .cz-text3 article{padding:0 20px;margin:0;border-top:0;border-left:1px solid var(--linie)}
 .cz-text3 article:first-child{padding-left:0;border-left:0}
 .cz-text3 article:last-child{padding-right:0}
 .cz-text3 .cz-taie{flex:1 1 0;min-height:calc(6 * 1.45em)}
 .cz-mic-principal{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px}
 .cz-mic-principal.cz-fara-poza{grid-template-columns:minmax(0,1fr)}
 .cz-mic-principal h2{font-size:32px}
}
@media (min-width:1100px){.cz-jos{grid-template-columns:minmax(0,1fr) 300px;column-gap:44px}}

/* Pagina Diaspora (omul, 20.10; macheta docs/superpowers/specs/2026-10-20-diaspora-macheta.html): câte un bloc pe țară */
.dz-tara{margin:0 0 2.5rem}.dz-tara .cz-jos{margin-top:1.25rem}.dz-coloana .cb-bloc{margin:0}
.dz-titlu{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.dz-toate{font-size:.8rem;text-transform:none;letter-spacing:0;font-weight:400}
.dz-anterioare{margin-top:1.25rem;border-top:1px solid currentColor;padding-top:.75rem}
.dz-anterioare h3{font-size:.85rem;margin:0 0 .5rem}.dz-anterioare ul{margin:0;padding-left:1.1rem}
.dz-anterioare li{margin:.35rem 0;font-size:17px;line-height:1.35}.dz-tara .cz-grila{margin-top:1.25rem}
.dz-gol{color:var(--mut);font-size:17px;max-width:720px}
@media (min-width:900px){
 /* fără nicio poză în bloc: articolul de sus ca la casetele fără poză (altfel .cz-c-text are înălțime 0 și titlul dispare) */
 .dz-tara .cz-mic-principal.cz-fara-poza .cz-c-text{height:auto;min-height:0}
 .dz-tara .cz-mic-principal.cz-fara-poza .cz-taie{-webkit-line-clamp:6;flex:none}
}

/* Macheta 21.10: banda „Toate categoriile”, listele cronologice, paginarea, „Povestea până acum” */
.toate-cat{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px 22px;margin:36px 0 8px;padding:14px 0 16px;border-top:2px solid var(--text);border-bottom:1px solid var(--linie);font-size:16px;text-align:center}
.toate-cat .grup{flex-basis:100%;color:var(--accent);font-weight:600;margin-bottom:2px}
.toate-cat a{text-decoration:none;color:var(--text)}
.toate-cat a:hover{color:var(--accent)}
.toate-cat .dupa-cat{flex-basis:100%;display:flex;justify-content:center;gap:8px 28px;margin-top:6px;padding-top:10px;border-top:1px dotted var(--linie)}
.toate-cat .dupa-cat a{color:var(--mut)}
.zi-lista{font-size:14px;font-weight:600;color:var(--mut);margin:26px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--linie)}
.mai-devreme{margin-top:44px}
.mai-devreme .zi-lista:first-of-type{margin-top:4px}
.paginare{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px;margin:40px 0 0;padding:20px 0;border-top:2px solid var(--text);border-bottom:1px solid var(--linie);font-size:18px}
.paginare a{text-decoration:none;color:var(--text)}
.paginare a:hover{color:var(--accent)}
.paginare .numere{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.paginare .numere>*{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--linie);font-variant-numeric:tabular-nums}
.paginare .numere a:hover{border-color:var(--accent)}
.paginare [aria-current]{background:var(--accent);border-color:var(--accent);color:var(--hartie);font-weight:600}
.paginare a[rel=next],.paginare a[rel=prev]{color:var(--accent)}
.editii .toate-editiile{color:var(--accent)}
.poveste{margin:2em 0 0;padding:16px 0 4px;border-top:2px solid var(--text);border-bottom:1px solid var(--linie)}
.poveste h2{font-size:15px;font-weight:600;margin:0 0 10px;color:var(--accent)}
.poveste ol{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--linie)}
.poveste li{position:relative;margin:0 0 12px;font-size:17px;line-height:1.35}
.poveste li::before{content:"";position:absolute;left:-20px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--linie)}
.poveste li[aria-current]::before{background:var(--accent)}
.poveste time{display:block;font-size:13px;color:var(--mut)}
.poveste a{text-decoration:none;font-weight:500}
.poveste a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.poveste i{color:var(--mut);font-size:15px}
/* „Din zilele trecute” (21.10): câte o coloană pe zi — știrea principală cu imagine, titluri text, prima pagină a zilei */
.zile-anterioare{margin:44px 0 0}
.zile-coloane{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin-top:14px}
@media (max-width:900px){.zile-coloane{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.zile-coloane{grid-template-columns:1fr;gap:28px}}
.zi-col{display:flex;flex-direction:column;border-top:3px solid var(--text);padding-top:10px}
.zi-col+.zi-col{border-left:0}
.zi-nume{font-size:26px;line-height:1.1;margin:0 0 12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.zi-data{font-size:12px;color:var(--mut);font-weight:400}
.zi-prim{display:block;text-decoration:none;color:var(--text);margin-bottom:6px}
.zi-prim picture,.zi-prim img{display:block;width:100%}
.zi-prim img{height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
.zi-prim .eticheta{display:block;font-size:11px;line-height:1.2;color:var(--accent);margin-bottom:5px}
.zi-prim-titlu{display:block;font-size:20px;line-height:1.25}
.zi-prim:hover .zi-prim-titlu{color:var(--accent)}
.zi-titluri{list-style:none;margin:8px 0 0;padding:0;flex:1}
.zi-titluri li{padding:11px 0 12px;border-top:1px solid var(--linie);line-height:1.3}
.zi-titluri .eticheta{display:block;font-size:10px;line-height:1.2;color:var(--accent);margin-bottom:4px}
.zi-titluri a{display:block;color:var(--text);text-decoration:none;font-size:16px;line-height:1.3}
.zi-titluri a:hover{color:var(--accent)}
.zi-toata{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--linie);color:var(--accent);text-decoration:none;font-size:12px}
/* Coloana din dreapta pe paginile de ediție (21.10): edițiile zilei una sub alta; titlul duce la prima pagină a ediției */
h2.zona a.cb-ed{color:inherit;font-weight:inherit}
h2.zona a.cb-ed:hover{text-decoration:underline}
.cb-editie h2.zona small{font-size:inherit;font-weight:400;color:var(--mut)}
.cb-gol{margin:0;color:var(--mut);font-size:15px}
/* Prima pagină, sus (omul, 21.10): stânga știrile cu imagine una sub alta, dreapta textele continuate și tăiate de site.js */
.principale.ps{display:grid;gap:28px}
.ps-st,.ps-dr{display:flex;flex-direction:column;gap:28px;min-width:0}
.ps-dr{gap:0}
.ps-dr > .card.text:first-child{padding-top:0}
.ps-dr > [data-p] > .card.text:last-child{border-bottom:1px solid var(--linie)} /* știrile în plus sunt învelite: :last-child le scotea linia */
.ps-dr .card.text .lead{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:900px){.principale.ps{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 32px}.ps-st .medie h3{font-size:30px;line-height:1.15}.ps-st .medie .lead{font-size:19px}}
/* 21.10: fără banda din mijloc, sub blocul de sus rămânea ~94 px (36 rândul gol al grilei + 44 + 14); caseta stă mai aproape */
.prima + .publicitate-prima{margin-top:8px}
.prima + .despre-dinlume{margin-top:12px}
.ps-scurt{padding:12px 0;border-bottom:1px solid var(--linie)}
.ps-scurt .eticheta{display:block;font-size:11px;color:var(--accent);margin-bottom:3px}
.ps-scurt a{display:block;color:var(--text);text-decoration:none;font-size:18px;line-height:1.25}
.ps-scurt a:hover{color:var(--accent)}
.ps-dr > [data-p] > .card.mica{border-bottom:1px solid var(--linie)}
.ps-dr > [data-p] > .card.mica h3{font-size:18px}
.cb-bloc h2.zona a{color:inherit;text-decoration:none}
.cb-bloc h2.zona a:hover{text-decoration:underline}