@charset "UTF-8";
/* ============================================================================
   CENTRUL DE RESURSE, extensie a sistemului de design existent.

   Regula pe care acest fișier o respectă: NU redefinește niciun token din
   main.css și nu modifică nicio clasă existentă. Folosește exclusiv tokenii
   deja declarați (--ink, --accent, --sp-*, --text-*) și clase noi prefixate
   cu "r-". Se încarcă după main.css. Poate fi șters fără să afecteze
   paginile scrise de mână.
   ========================================================================= */

/* ---------------------------------------------------------------- COMUNE -- */
.r-eticheta{
  display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);
  font-weight:600;text-transform:uppercase;letter-spacing:.1em;
  padding:.2rem .45rem;border:1px solid currentColor;line-height:1.3;
  color:var(--accent-ink);background:var(--accent-wash);
}
.r-eticheta--defect{color:var(--danger-ink);background:var(--danger-wash)}
.r-eticheta--articol{color:var(--ok-ink);background:var(--ok-wash)}
.r-eticheta--normativ{color:var(--ink-3);background:var(--band)}

.r-firimituri{
  display:flex;flex-wrap:wrap;gap:.4rem .55rem;align-items:center;
  font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);
  margin-bottom:var(--sp-4);
}
.r-firimituri a{color:var(--ink-3)}
.r-firimituri a:hover{color:var(--accent-ink)}
.r-firimituri span{color:var(--line-strong)}

.r-tabel-scroll{overflow-x:auto;border:1px solid var(--line-strong);background:var(--paper)}
.r-tabel{border-collapse:collapse;width:100%;min-width:34rem;font-size:var(--text-base);line-height:1.5}
.r-tabel th{
  text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;
  font-weight:600;color:var(--ink-3);background:var(--band);
  padding:.55rem .7rem;border-bottom:1px solid var(--line-strong);
}
.r-tabel td{padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.r-tabel tr:last-child td{border-bottom:0}
.r-tabel td small{display:block;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3);margin-top:.2rem}

.r-chip{
  display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.06em;padding:.12rem .38rem;
  border:1px solid currentColor;white-space:nowrap;
}
.r-chip--verificat{color:var(--ok-ink);background:var(--ok-wash)}
.r-chip--parțial,.r-chip--partial{color:var(--accent-ink);background:var(--accent-wash)}
.r-chip--neverificat{color:var(--danger-ink);background:var(--danger-wash)}

/* ------------------------------------------------------------------ HERO -- */
.r-hero{background:var(--band);border-bottom:1px solid var(--line);padding:var(--sp-10) 0 var(--sp-8)}
.r-hero h1{font-size:var(--text-4xl);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:0;text-wrap:balance}
.r-hero__lede{margin-top:var(--sp-4);max-width:60ch;font-size:var(--text-lg);line-height:1.55;color:var(--ink-2)}

/* --------------------------------------------------------------- FILTRE -- */
.r-filtre{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.r-filtre__row{display:flex;gap:var(--sp-1);overflow-x:auto;padding:.55rem 0;scrollbar-width:none}
.r-filtre__row::-webkit-scrollbar{display:none}
.r-filtre__row a{
  flex:none;padding:.35rem .7rem;font-family:var(--font-mono);font-size:var(--text-xs);
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);
  text-decoration:none;border:1px solid transparent;white-space:nowrap;
}
.r-filtre__row a:hover{color:var(--ink);border-color:var(--line)}
.r-filtre__row a[aria-current="page"]{color:var(--accent-ink);background:var(--accent-wash);border-color:var(--accent)}

/* ---------------------------------------------------------------- LISTĂ -- */
.r-lista{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-4)}
.r-lista--mare{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}
.r-vecine .r-lista{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.r-card{display:flex}
.r-card > a{
  display:flex;flex-direction:column;gap:.5rem;width:100%;
  padding:var(--sp-5);background:var(--paper);border:1px solid var(--line-strong);
  text-decoration:none;color:inherit;transition:border-color var(--dur) var(--ease);
}
.r-card > a:hover{border-color:var(--accent)}
.r-card h2,.r-card h3{
  margin:0;font-size:var(--text-xl);line-height:1.25;letter-spacing:-.01em;
  color:var(--ink);text-wrap:balance;
}
.r-card p{margin:0;font-size:var(--text-base);line-height:1.55;color:var(--ink-2)}
.r-card__meta{
  margin-top:auto;padding-top:.4rem;font-family:var(--font-mono);
  font-size:var(--text-xs);color:var(--ink-3);
}
.r-gol{font-size:var(--text-lg);color:var(--ink-2);max-width:52ch}

/* -------------------------------------------------------------- ARTICOL -- */
.r-art{background:var(--paper);padding:var(--sp-8) 0 var(--sp-12)}
.r-art__wrap{max-width:52rem}
.r-art__head{display:flex;flex-direction:column;gap:var(--sp-3);padding-bottom:var(--sp-5);border-bottom:1px solid var(--line)}
.r-art__head h1{
  margin:0;font-size:var(--text-4xl);line-height:1.06;letter-spacing:-.022em;
  color:var(--ink);text-wrap:balance;
}
.r-art__lede{margin:0;font-size:var(--text-lg);line-height:1.55;color:var(--ink-2);max-width:60ch}
.r-art__meta{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-6);align-items:center;justify-content:space-between}
.r-autor{display:flex;gap:.6rem;align-items:center;text-decoration:none;color:inherit}
.r-autor img{border-radius:50%;object-fit:cover;flex:none;background:var(--band)}
.r-autor span{display:flex;flex-direction:column;line-height:1.3}
.r-autor strong{font-size:var(--text-base);color:var(--ink)}
.r-autor small{font-size:var(--text-xs);color:var(--ink-3)}
.r-autor:hover strong{color:var(--accent-ink)}
.r-art__date{display:flex;gap:var(--sp-5);margin:0}
.r-art__date div{display:flex;flex-direction:column;gap:.1rem}
.r-art__date dt{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3)}
.r-art__date dd{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink)}

/* Răspunsul scurt. Aici se citează, deci stă în primul ecran. */
.r-raspuns{
  margin-top:var(--sp-6);padding:var(--sp-5);
  background:var(--accent-wash);border-left:3px solid var(--accent);
}
.r-raspuns__h{
  margin:0 0 .4rem;font-family:var(--font-mono);font-size:var(--text-xs);
  font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);
}
.r-raspuns p{margin:0;font-size:var(--text-lg);line-height:1.55;color:var(--ink)}

.r-echipament{margin-top:var(--sp-5);padding:var(--sp-5);background:var(--page);border:1px solid var(--line)}
.r-echipament__h{
  margin:0 0 .5rem;font-family:var(--font-mono);font-size:var(--text-xs);
  font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);
}
.r-echipament ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.r-echipament li{
  font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);
  background:var(--paper);border:1px solid var(--line-strong);padding:.2rem .5rem;
}

/* Corpul articolului. Secțiuni autonome, fiecare H2 cu ancoră proprie. */
.r-corp{margin-top:var(--sp-8);max-width:38rem;font-size:var(--text-md);line-height:1.7;color:var(--ink-2)}
.r-corp > * + *{margin-top:var(--sp-4)}
.r-corp h2{
  margin-top:var(--sp-10);font-size:var(--text-2xl);line-height:1.2;letter-spacing:-.015em;
  color:var(--ink);text-wrap:balance;scroll-margin-top:4rem;
}
.r-corp h3{
  margin-top:var(--sp-6);font-size:var(--text-xl);line-height:1.28;
  color:var(--ink);text-wrap:balance;scroll-margin-top:4rem;
}
.r-corp h2 .anchor,.r-corp h3 .anchor{
  text-decoration:none;color:var(--accent);opacity:0;padding-right:.3em;
  margin-left:-.9em;font-weight:400;
}
.r-corp h2 .anchor::before,.r-corp h3 .anchor::before{content:"#"}
.r-corp h2:hover .anchor,.r-corp h3:hover .anchor,.r-corp .anchor:focus-visible{opacity:1}
.r-corp ul,.r-corp ol{padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.r-corp li::marker{color:var(--accent)}
.r-corp blockquote{
  margin:var(--sp-5) 0;padding-left:var(--sp-4);border-left:3px solid var(--accent);
  font-size:var(--text-lg);line-height:1.55;color:var(--ink);
}
.r-corp table{border-collapse:collapse;width:100%;font-size:var(--text-base);line-height:1.5}
.r-corp table th{
  text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-3);background:var(--band);padding:.55rem .7rem;border-bottom:1px solid var(--line-strong);
}
.r-corp table td{padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
.r-corp code{font-family:var(--font-mono);font-size:.86em;background:var(--band);padding:.1em .3em;color:var(--ink)}
.r-corp img{max-width:100%;height:auto;display:block;border:1px solid var(--line)}
.r-corp figure{margin:var(--sp-5) 0}
.r-corp figcaption{margin-top:.5rem;font-size:var(--text-sm);color:var(--ink-3);line-height:1.5}
.r-corp strong{color:var(--ink)}

/* ------------------------------------------------- NORMATIVE ȘI ÎNTREBĂRI */
.r-normative,.r-intrebari,.r-vecine{margin-top:var(--sp-12)}
.r-normative h2,.r-intrebari h2,.r-vecine h2{
  margin:0 0 var(--sp-4);font-size:var(--text-2xl);line-height:1.2;
  letter-spacing:-.015em;color:var(--ink);
}
.r-normative__nota{margin-top:var(--sp-3);font-size:var(--text-sm);color:var(--ink-3);line-height:1.55;max-width:52ch}
.r-intrebari details{border:1px solid var(--line-strong);background:var(--paper)}
.r-intrebari details + details{border-top:0}
.r-intrebari summary{
  cursor:pointer;padding:.8rem 1rem;font-weight:600;color:var(--ink);
  font-size:var(--text-md);display:flex;justify-content:space-between;gap:1rem;list-style:none;
}
.r-intrebari summary::-webkit-details-marker{display:none}
.r-intrebari summary::after{content:"+";font-family:var(--font-mono);color:var(--accent);font-weight:600}
.r-intrebari details[open] summary::after{content:"\2212"}
.r-intrebari details[open] summary{border-bottom:1px solid var(--line)}
.r-intrebari__r{padding:1rem;font-size:var(--text-base);line-height:1.6;color:var(--ink-2)}
.r-intrebari__r > * + *{margin-top:.7rem}

/* -------------------------------------------------------- CTA ȘI ABONARE */
.r-cta__grid{display:grid;gap:var(--sp-8);align-items:start}
@media (min-width:52rem){.r-cta__grid{grid-template-columns:1.1fr .9fr}}
.r-cta h2{margin:var(--sp-3) 0 var(--sp-3);font-size:var(--text-3xl);line-height:1.14;letter-spacing:-.018em;color:var(--d-ink);text-wrap:balance}
.r-cta p{margin:0;font-size:var(--text-md);line-height:1.6;color:var(--d-ink-2);max-width:46ch}
.r-cta__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}
.eyebrow--dark{color:var(--d-accent)}

.r-abonare{background:var(--d-card);border:1px solid var(--d-line-strong);padding:var(--sp-6)}
.r-abonare h3{margin:0 0 .5rem;font-size:var(--text-xl);line-height:1.25;color:var(--d-ink)}
.r-abonare > p{margin:0;font-size:var(--text-base);line-height:1.55;color:var(--d-ink-2)}
.r-abonare__form{display:flex;flex-direction:column;gap:.7rem;margin-top:var(--sp-4)}
.r-abonare__lbl{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.09em;color:var(--d-ink-3)}
.r-abonare__in{
  width:100%;padding:.65rem .75rem;font:inherit;font-size:var(--text-md);
  color:var(--d-ink);background:var(--d-bg);border:1px solid var(--d-line-strong);
}
.r-abonare__in:focus-visible{outline:2px solid var(--d-accent);outline-offset:1px}
.r-abonare__consent{display:flex;gap:.55rem;align-items:flex-start;font-size:var(--text-sm);line-height:1.5;color:var(--d-ink-2)}
.r-abonare__consent input{margin-top:.25rem;flex:none;width:1rem;height:1rem;accent-color:var(--d-accent)}
.r-abonare__consent a{color:var(--d-accent)}
.r-abonare__stare{margin:0;font-size:var(--text-sm);line-height:1.5;min-height:1.2em}
.r-abonare__stare[data-stare="ok"]{color:#86EFAC}
.r-abonare__stare[data-stare="eroare"]{color:var(--d-danger)}
.r-abonare__nota{margin:var(--sp-3) 0 0;font-size:var(--text-xs);line-height:1.55;color:var(--d-ink-3)}

@media (prefers-reduced-motion:reduce){.r-card > a{transition:none}}
