/* ============================================================================
   Foaia comuna a paginilor de conținut (cele care raspund la o intrebare).
   Tokenurile vin din /baza.css — NU se redeclara aici.

   Paginile astea au alt rost decat prima pagina: prima vinde, astea RASPUND.
   De aia coloana e ingusta (68ch), titlurile sunt intrebari, iar raspunsul cu
   cifra sta in primul paragraf — acolo il ia si omul care scaneaza, si modelul
   care extrage. Adaugate 1 septembrie 2026.
   ========================================================================= */

body{
  background:var(--bg); color:var(--text);
  font-family:Poppins,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:17.5px; line-height:1.72; font-weight:400; -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
::selection{background:rgba(16,185,129,.3)}

/* ---- bara de sus, identica cu prima pagina ---- */
header{position:sticky;top:0;z-index:60;background:rgba(7,11,9,.82);
       backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bara{display:flex;align-items:stretch;min-height:68px}
.bara-int{flex:1;display:flex;align-items:center;gap:var(--s4);
          max-width:1220px;margin:0 auto;padding:0 28px}
.marca{font-size:19px;font-weight:700;letter-spacing:.19em;color:#fff}
.marca i{color:var(--accent);font-style:normal}
.meniu{display:flex;gap:var(--s4);margin-left:auto;font-size:14.5px;font-weight:500;color:var(--muted)}
.meniu a{padding:6px 0;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}
.meniu a:hover{color:var(--text);border-color:var(--accent)}
.cta-bloc{align-self:stretch;display:grid;place-items:center;padding:0 30px;flex:none;
  background:var(--accent);color:#02120c;font-weight:600;font-size:14.5px;transition:background .18s}
.cta-bloc:hover{background:#14cf90}

.buton{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:4px;
  font-weight:600;font-size:15.5px;border:1px solid transparent;
  transition:translate .3s var(--usor),background .18s,border-color .18s}
.buton.plin{background:var(--accent);color:#02120c}
.buton.plin:hover{translate:0 -2px;background:#14cf90}
.buton.gol{border-color:var(--line2);color:var(--text)}
.buton.gol:hover{border-color:var(--accent);translate:0 -2px}
.legatura{display:inline-flex;align-items:center;gap:8px;color:var(--accent2);font-weight:600;
  font-size:15.5px;border-bottom:1px solid rgba(110,231,183,.32);padding-bottom:2px;
  transition:border-color .18s}
.legatura:hover{border-color:var(--accent2)}
.legatura svg{transition:translate .3s var(--usor)}
.legatura:hover svg{translate:3px -3px}

/* ---- articolul ---- */
.pagina{max-width:800px;margin:0 auto;padding:var(--s5) 28px var(--s6)}
.firimituri{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--dim);margin-bottom:var(--s4)}
.firimituri a{border-bottom:1px solid var(--line2);padding-bottom:1px}
.firimituri a:hover{color:var(--accent2);border-color:var(--accent2)}
.firimituri span{opacity:.5}

h1{font-size:clamp(31px,4.6vw,50px);line-height:1.08;letter-spacing:-.032em;
   font-weight:700;text-wrap:balance;margin-bottom:var(--s3)}
h2{font-size:clamp(21px,2.6vw,28px);line-height:1.2;letter-spacing:-.022em;font-weight:700;
   text-wrap:balance;margin:var(--s5) 0 var(--s2)}
h3{font-size:18.5px;line-height:1.3;letter-spacing:-.014em;font-weight:600;margin:var(--s4) 0 8px}
.pagina p{color:var(--muted);max-width:68ch;text-wrap:pretty;margin-bottom:var(--s3)}
.pagina p strong,.pagina strong{color:var(--text);font-weight:600}

/* Raspunsul, in primul paragraf, incadrat: e ce se citeste in trei secunde si e
   ce ridica un model extractiv. Cifra din el e cea deja publicata pe
   /automatizari/ — nu se inventeaza aici. */
.raspuns{border-left:2px solid var(--accent);background:rgba(16,185,129,.055);
  padding:var(--s3) var(--s3) 8px;border-radius:0 4px 4px 0;margin-bottom:var(--s4)}
.raspuns p{color:var(--text);font-size:19px;line-height:1.62;margin-bottom:var(--s2)}
.raspuns p:last-child{margin-bottom:var(--s2)}

.lista{list-style:none;margin:0 0 var(--s3)}
.lista li{position:relative;padding:7px 0 7px 22px;color:var(--muted);max-width:68ch}
.lista li::before{content:"";position:absolute;left:0;top:18px;width:9px;height:1px;
  background:var(--accent);opacity:.9}
.lista li strong{color:var(--text);font-weight:600}

.caseta{border:1px solid var(--line);border-top-color:var(--line2);border-radius:4px;
  background:linear-gradient(165deg,var(--s2c),var(--s1c));padding:var(--s4) var(--s3);
  margin:var(--s4) 0}
.caseta h3{margin-top:0}
.caseta p:last-child{margin-bottom:0}

.tabel{width:100%;border-collapse:collapse;margin:var(--s3) 0 var(--s4);font-size:16px}
.tabel th,.tabel td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tabel th{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);font-weight:700}
.tabel td:first-child{color:var(--text);font-weight:600;white-space:nowrap}
.tabel td{color:var(--muted)}
.tabel tr:last-child td{border-bottom:0}
/* Tabelele nu au voie sa lateasca pagina pe telefon. */
.scroll-tabel{overflow-x:auto}

.final{border-top:1px solid var(--line2);margin-top:var(--s6);padding-top:var(--s4)}
.final h2{margin-top:0}
.acte{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-top:var(--s4)}

footer{border-top:1px solid var(--line);padding:var(--s4) 0;color:var(--dim);font-size:13.5px}
footer .in{max-width:1220px;margin:0 auto;padding:0 28px;display:flex;
  justify-content:space-between;gap:var(--s3);flex-wrap:wrap}

@media(prefers-reduced-motion:reduce){
  .buton,.legatura,.legatura svg,.meniu a,.cta-bloc,.firimituri a{transition:none!important}
}

@media(max-width:900px){
  body{font-size:16.5px}
  .meniu{display:none}
  .bara-int{padding:0 20px}
  .cta-bloc{padding:0 20px;font-size:14px}
  .pagina{padding:var(--s4) 20px var(--s6)}
  .acte .buton{width:100%;justify-content:center}
}