/* ============================================================
   O.V.E.P. · landing-2 · LAYOUT-URI NOI (L35–L47)
   Fișier SEPARAT, încărcat DUPĂ styles.css, doar pe paginile noi.
   Nu redefinește nicio clasă existentă → paginile vechi rămân intacte.

   Reguli moștenite: alb/negru/gri, Inter, un layout per secțiune.
   Fotografiile rămân color — sunt probe, nu decor. Cromul rămâne monocrom.
   ============================================================ */

/* ---------- Primitive noi, non-layout ---------- */

/* Spectru: hairline-uri verticale = „semnătura electromagnetică".
   Folosit O SINGURĂ DATĂ pe site, în heroul paginii de chimie cuantică. */
.spectrum{display:block; width:100%; height:clamp(80px,11vw,148px); color:var(--ink)}
.spectrum line{stroke:currentColor; stroke-width:1; vector-effect:non-scaling-stroke}

/* Numeral de capitol, contur gros, folosit ca reper de secvență */
.numeral{font-size:clamp(3.2rem,7vw,5.6rem); font-weight:700; line-height:.86;
  letter-spacing:-0.05em; color:transparent; -webkit-text-stroke:1.2px var(--line-3);
  font-variant-numeric:tabular-nums; user-select:none}

/* Etichetă de sursă sub un bloc de date */
.srcline{font-size:.8rem; color:var(--faint); letter-spacing:.01em}

/* Marcaj discret „nou" */
.tag-new{display:inline-block; font-size:.64rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); border:1px solid var(--line-2);
  border-radius:var(--pill); padding:.25em .7em; vertical-align:.28em; margin-left:.6em}

/* ============================================================
   L35 · HERO CU SPECTRU (titlu stânga + teză dreapta, spectru dedesubt)
   ============================================================ */
.l35{padding-block:var(--hero-y) clamp(32px,4vw,56px)}
.l35__grid{display:grid; grid-template-columns:7fr 5fr; gap:var(--gutter); align-items:end}
.l35__title{max-width:14ch}
.l35__thesis{border-left:1px solid var(--line-2); padding-left:var(--gutter)}
.l35__thesis p{font-size:clamp(1.02rem,1.3vw,1.16rem); line-height:1.55; color:var(--muted); max-width:38ch}
.l35__thesis strong{color:var(--ink); font-weight:600}
.l35__spectrum{margin-top:clamp(40px,5.5vw,76px); padding-top:var(--s5); border-top:1px solid var(--line)}
.l35__caption{display:flex; justify-content:space-between; gap:var(--s5); margin-top:var(--s4);
  font-size:.78rem; color:var(--faint); letter-spacing:.06em; text-transform:uppercase}
@media(max-width:860px){
  .l35__grid{grid-template-columns:1fr; gap:var(--s6); align-items:start}
  .l35__thesis{border-left:0; border-top:1px solid var(--line-2); padding-left:0; padding-top:var(--s5)}
  .l35__thesis p{max-width:none}
}

/* ============================================================
   L36 · INDEX LIPICIOS (rail numerotat stânga) + CAPITOLE (dreapta)
   Secvența 1→5 e reală: fiecare punct se sprijină pe cel dinainte.
   ============================================================ */
.l36{display:grid; grid-template-columns:3.2fr 8.8fr; gap:var(--gutter); align-items:start}
.l36__rail{position:sticky; top:calc(var(--sticky-top) + 8px)}
.l36__rail .eyebrow{margin-bottom:var(--s5)}
.l36__idx{list-style:none; display:grid; gap:0; border-top:1px solid var(--line)}
.l36__idx li{border-bottom:1px solid var(--line)}
.l36__idx a{display:grid; grid-template-columns:2.2em 1fr; gap:var(--s2); align-items:baseline;
  padding:var(--s4) 0; text-decoration:none; color:var(--muted); font-size:.94rem;
  line-height:1.35; transition:color .2s}
.l36__idx a:hover{color:var(--ink)}
.l36__idx b{font-variant-numeric:tabular-nums; font-weight:600; color:var(--faint); font-size:.82rem; transition:color .2s}
.l36__idx a[aria-current]{color:var(--ink); font-weight:600}
.l36__idx a[aria-current] b{color:var(--ink)}
.l36__chapters{display:grid; gap:clamp(64px,8vw,112px)}
.l36__ch{scroll-margin-top:calc(var(--sticky-top) + 16px)}
.l36__ch__head{display:grid; grid-template-columns:auto 1fr; gap:var(--gutter); align-items:start;
  padding-bottom:var(--s5); border-bottom:1px solid var(--line); margin-bottom:var(--space-heading)}
.l36__ch__head .h2{max-width:22ch; margin-top:-.12em}
.l36__ch__body{display:grid; gap:var(--s5)}
.l36__ch__body p{color:var(--text)}
.l36__ch__body h3{margin-top:var(--s4)}
@media(max-width:900px){
  .l36{grid-template-columns:1fr; gap:clamp(40px,6vw,56px)}
  .l36__rail{position:static}
  .l36__ch__head{grid-template-columns:1fr; gap:var(--s4)}
  .l36__chapters{gap:clamp(56px,10vw,72px)}
}

/* ============================================================
   L37 · TRIADĂ CU LINII (3 concepte, separate prin hairline, fără cutii)
   ============================================================ */
.l37{display:grid; grid-template-columns:repeat(3,1fr); gap:0}
.l37__col{padding:0 var(--gutter); border-left:1px solid var(--line)}
.l37__col:first-child{padding-left:0; border-left:0}
.l37__col:last-child{padding-right:0}
.l37__role{font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); display:block; margin-bottom:var(--s3)}
.l37__col h3{font-size:1.28rem; letter-spacing:var(--tr-tight); margin-bottom:var(--s4)}
.l37__col p{color:var(--muted); font-size:.98rem; line-height:1.6; max-width:34ch}
@media(max-width:860px){
  .l37{grid-template-columns:1fr; gap:var(--s7)}
  .l37__col{padding:0 0 var(--s7); border-left:0; border-bottom:1px solid var(--line)}
  .l37__col:last-child{padding-bottom:0; border-bottom:0}
  .l37__col p{max-width:none}
}

/* ============================================================
   L38 · ANALOGIE (citat mare, decalat, cu atribuire tehnică)
   ============================================================ */
.l38{display:grid; grid-template-columns:2fr 10fr; gap:var(--gutter); align-items:start}
.l38__mark{font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); padding-top:.5em}
.l38 blockquote{font-size:clamp(1.32rem,2.6vw,2rem); line-height:1.28; letter-spacing:var(--tr-head);
  color:var(--ink); font-weight:500; max-width:26ch}
.l38__after{margin-top:var(--s5); color:var(--muted); max-width:52ch}
@media(max-width:760px){ .l38{grid-template-columns:1fr; gap:var(--s4)} .l38 blockquote{max-width:none} }

/* ============================================================
   L39 · TREI VEHICULE (rânduri cu etichetă-rol + descriere + destinație)
   ============================================================ */
.l39{border-top:1px solid var(--line-2)}
.l39__row{display:grid; grid-template-columns:3fr 5fr 4fr; gap:var(--gutter);
  padding:clamp(24px,3vw,36px) 0; border-bottom:1px solid var(--line); align-items:baseline}
.l39__row h3{font-size:1.12rem}
.l39__row .l39__kind{display:block; font-size:.76rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--faint); margin-bottom:var(--s2)}
.l39__row p{color:var(--muted); font-size:.98rem; line-height:1.55; max-width:44ch}
.l39__dest{font-size:.94rem; color:var(--muted)}
.l39__dest a{color:var(--ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--line-3)}
.l39__dest a:hover{text-decoration-color:var(--ink)}
@media(max-width:860px){
  .l39__row{grid-template-columns:1fr; gap:var(--s3)}
  .l39__row p{max-width:none}
}

/* ============================================================
   L40 · CRONOLOGIE (anul e coloana vertebrală — reper real, nu numerotare)
   ============================================================ */
.l40{display:grid; gap:0; border-top:1px solid var(--line-2)}
.l40__item{display:grid; grid-template-columns:4fr 8fr; gap:var(--gutter);
  padding:clamp(28px,3.6vw,48px) 0; border-bottom:1px solid var(--line)}
.l40__when{font-size:clamp(1.5rem,3vw,2.1rem); font-weight:700; letter-spacing:-0.03em;
  color:var(--ink); line-height:1; font-variant-numeric:tabular-nums}
.l40__who{display:block; margin-top:var(--s3); font-size:.94rem; color:var(--muted); font-weight:400; letter-spacing:0}
.l40__what h3{font-size:1.16rem; margin-bottom:var(--s3)}
.l40__what p{color:var(--muted); line-height:1.6}
.l40__what p+p{margin-top:var(--s3)}
.l40__where{margin-top:var(--s4); font-size:.86rem; color:var(--faint)}
@media(max-width:820px){
  .l40__item{grid-template-columns:1fr; gap:var(--s4)}
  .l40__who{display:inline; margin-top:0; margin-left:var(--s3)}
}

/* ============================================================
   L41 · BLOC INVERS (avertisment full-bleed, negru) — o singură dată/pagină
   ============================================================ */
.l41{background:var(--black); color:rgba(255,255,255,.74); padding-block:clamp(52px,7vw,88px)}
.l41__grid{display:grid; grid-template-columns:4fr 8fr; gap:var(--gutter); align-items:start}
.l41 .eyebrow{color:rgba(255,255,255,.5)}
.l41 h2{color:#fff; max-width:16ch}
.l41 p{color:rgba(255,255,255,.72); line-height:1.6; max-width:60ch}
.l41 p+p{margin-top:var(--s4)}
.l41 strong{color:#fff; font-weight:600}
.l41 a{color:#fff; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(255,255,255,.4)}
.l41 a:hover{text-decoration-color:#fff}
@media(max-width:820px){ .l41__grid{grid-template-columns:1fr; gap:var(--s5)} .l41 p{max-width:none} }

/* ============================================================
   L48 · REPERE INSTITUȚIONALE (două ancore: an mare + instituție + text)
   ============================================================ */
.l48{display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter)}
.l48__anchor{border-top:1px solid var(--ink); padding-top:var(--s5)}
.l48__year{font-size:clamp(1.6rem,3vw,2.3rem); font-weight:700; letter-spacing:-0.035em;
  line-height:1; color:var(--ink); font-variant-numeric:tabular-nums; display:block}
.l48__anchor h4{margin-top:var(--s4); font-size:1.04rem; font-weight:600; letter-spacing:var(--tr-tight)}
.l48__anchor p{margin-top:var(--s3); font-size:.95rem; color:var(--muted); line-height:1.6; max-width:40ch}
@media(max-width:760px){ .l48{grid-template-columns:1fr; gap:var(--s6)} .l48__anchor p{max-width:none} }

/* ============================================================
   L49 · ANTET DE STUDIU (titlu + lead + fișă de identificare)
   ============================================================ */
.l49{padding-block:var(--hero-y) clamp(36px,5vw,60px)}
.l49__title{max-width:19ch}
.l49__lead{margin-top:var(--s5); font-size:clamp(1.06rem,1.5vw,1.24rem); color:var(--muted);
  line-height:1.5; max-width:58ch}
.l49__id{margin-top:clamp(36px,4.5vw,60px); display:grid; grid-template-columns:repeat(4,1fr);
  gap:var(--gutter); border-top:1px solid var(--line-2); padding-top:var(--s5)}
.l49__id div{display:grid; gap:var(--s2); align-content:start}
.l49__id dt{font-size:.74rem; text-transform:uppercase; letter-spacing:.1em; color:var(--faint); font-weight:600}
.l49__id dd{margin:0; font-size:.95rem; color:var(--ink); line-height:1.45}
@media(max-width:900px){ .l49__id{grid-template-columns:repeat(2,1fr); gap:var(--s6) var(--gutter)} }
@media(max-width:520px){ .l49__id{grid-template-columns:1fr} }

/* ============================================================
   L42 · BENZI DE PRODUSE (o secțiune, trei familii · fiecare cu carduri)
   ============================================================ */
.l42__band + .l42__band{margin-top:clamp(64px,8vw,112px)}
.l42__head{display:flex; align-items:baseline; justify-content:space-between; gap:var(--s5);
  padding-bottom:var(--s4); border-bottom:1px solid var(--line-2); margin-bottom:var(--space-heading)}
.l42__head h2{font-size:clamp(1.3rem,2.2vw,1.75rem); max-width:none}
.l42__head span{font-size:.82rem; color:var(--faint); letter-spacing:.08em; text-transform:uppercase; white-space:nowrap}
.l42__grid{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--gutter) var(--gutter)}
.l42__card{display:flex; flex-direction:column}
.l42__frame{position:relative; aspect-ratio:16/10; border:1px solid var(--line-2); border-radius:var(--radius);
  background:var(--surface); overflow:hidden; display:flex; align-items:center; justify-content:center;
  margin-bottom:var(--s5)}
.l42__frame img{width:100%; height:100%; object-fit:cover}
.l42__frame span{font-size:.72rem; text-transform:uppercase; letter-spacing:.14em; color:var(--faint);
  border:1px solid var(--line-2); border-radius:var(--pill); padding:.45em 1em}
.l42__card h3{font-size:1.22rem; letter-spacing:var(--tr-tight)}
.l42__card .l42__sub{display:block; margin-top:var(--s2); font-size:.9rem; color:var(--faint)}
.l42__card p{margin-top:var(--s4); color:var(--muted); font-size:.98rem; line-height:1.6; max-width:46ch}
.l42__facts{margin-top:var(--s5); border-top:1px solid var(--line); display:grid; gap:0}
.l42__facts div{display:grid; grid-template-columns:auto 1fr; gap:var(--s4);
  padding:var(--s3) 0; border-bottom:1px solid var(--line); font-size:.9rem}
.l42__facts dt{color:var(--faint); white-space:nowrap}
.l42__facts dd{color:var(--muted); margin:0}
@media(max-width:820px){ .l42__grid{grid-template-columns:1fr; gap:var(--s8)} .l42__card p{max-width:none} }

/* ============================================================
   L43 · FIȘĂ CU TABEL DE DATE (produs sau studiu cu măsurători)
   ============================================================ */
.l43{display:grid; grid-template-columns:5fr 7fr; gap:var(--gutter); align-items:start}
.l43>*{min-width:0}                        /* grid items pot să se micșoreze sub min-content */
.l43__intro h2{max-width:14ch}
.l43__intro p{margin-top:var(--s5); color:var(--muted)}
/* tabelul scrolează în propriul container — pagina nu scrolează orizontal niciodată */
.l43__scroll{overflow-x:auto; -webkit-overflow-scrolling:touch}
.l43__scroll table{min-width:min(440px,100%)}
.l43__table{width:100%; border-collapse:collapse; font-size:.94rem}
.l43__table th,.l43__table td{padding:var(--s3) var(--s4); border-bottom:1px solid var(--line); text-align:left}
.l43__table thead th{font-size:.74rem; text-transform:uppercase; letter-spacing:.1em; color:var(--faint);
  font-weight:600; border-bottom:1px solid var(--line-2); padding-top:0}
.l43__table td{color:var(--muted)}
.l43__table th[scope=row]{color:var(--ink); font-weight:500}
.l43__table tr[data-peak] th[scope=row],.l43__table tr[data-peak] td{color:var(--ink); font-weight:600}
.l43__table td:last-child{text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap}
.l43 .srcline{margin-top:var(--s4)}
@media(max-width:860px){ .l43{grid-template-columns:1fr; gap:var(--s6)} .l43__intro h2{max-width:none} }
@media(max-width:640px){
  .l43__table{font-size:.86rem}
  .l43__table th,.l43__table td{padding:var(--s2) var(--s3)}
}

/* ============================================================
   L44 · CUSĂTURĂ (două sere alăturate, lipite pe o linie de un pixel)
   Semnătura paginii Agri Simpaty. Compoziția e literală: serele ERAU vecine.
   ============================================================ */
.l44{position:relative; display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--ink)}
.l44__half{position:relative; overflow:hidden; aspect-ratio:4/5; background:var(--surface)}
.l44__half img{width:100%; height:100%; object-fit:cover; display:block}
.l44__label{position:absolute; top:var(--s5); left:var(--s5); z-index:2;
  display:inline-flex; flex-direction:column; gap:2px;
  background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-radius:var(--radius-sm); padding:.6em .9em}
.l44__half:last-child .l44__label{left:auto; right:var(--s5)}
.l44__label b{font-size:.82rem; font-weight:600; letter-spacing:var(--tr-tight); color:var(--ink)}
.l44__label span{font-size:.72rem; color:var(--muted); letter-spacing:.02em}
.l44__caption{margin-top:var(--s5); display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter)}
.l44__caption p{font-size:.92rem; color:var(--muted); line-height:1.55; max-width:44ch}
@media(max-width:760px){
  .l44{grid-template-columns:1fr; gap:1px}
  .l44__half{aspect-ratio:4/3}
  .l44__half:last-child .l44__label{left:var(--s5); right:auto}
  .l44__caption{grid-template-columns:1fr; gap:var(--s5)}
  .l44__caption p{max-width:none}
}

/* ============================================================
   L45 · CIFRE EDITORIALE (trei rezultate, mărime descrescătoare de accent)
   ============================================================ */
.l45{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gutter)}
.l45__fig{border-top:1px solid var(--ink); padding-top:var(--s5)}
.l45__n{font-size:clamp(2.6rem,6vw,4.4rem); font-weight:700; letter-spacing:-0.045em;
  line-height:.94; color:var(--ink); font-variant-numeric:tabular-nums; display:block}
.l45__fig h3{margin-top:var(--s4); font-size:1.02rem; font-weight:600}
.l45__fig p{margin-top:var(--s2); font-size:.92rem; color:var(--muted); line-height:1.5; max-width:32ch}
@media(max-width:800px){ .l45{grid-template-columns:1fr; gap:var(--s7)} .l45__fig p{max-width:none} }

/* ============================================================
   L46 · PERECHE FOTO (comparație directă, două rame egale + legendă comună)
   ============================================================ */
.l46__pair{display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter)}
.l46__fig{margin:0}
.l46__shot{position:relative; aspect-ratio:3/4; border:1px solid var(--line-2); border-radius:var(--radius);
  overflow:hidden; background:var(--surface)}
.l46__shot img{width:100%; height:100%; object-fit:cover; display:block}
.l46__fig figcaption{margin-top:var(--s4); display:grid; gap:var(--s2)}
.l46__fig b{font-size:.94rem; font-weight:600; color:var(--ink)}
.l46__fig span{font-size:.9rem; color:var(--muted); line-height:1.5}
@media(max-width:700px){ .l46__pair{grid-template-columns:1fr; gap:var(--s7)} .l46__shot{aspect-ratio:4/3} }

/* ============================================================
   L47 · NOTĂ DE PROVENIENȚĂ (bloc de onestitate, la finalul unei pagini de date)
   ============================================================ */
.l47{display:grid; grid-template-columns:4fr 8fr; gap:var(--gutter); align-items:start}
.l47__mark{font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.l47 h2{font-size:clamp(1.25rem,2vw,1.6rem); max-width:18ch; margin-bottom:var(--s5)}
.l47 p{color:var(--muted); line-height:1.65; max-width:62ch}
.l47 p+p{margin-top:var(--s4)}
.l47 strong{color:var(--ink); font-weight:600}
@media(max-width:820px){ .l47{grid-template-columns:1fr; gap:var(--s4)} .l47 p{max-width:none} }

/* ============================================================
   L50 · REGISTRU (catalogul tuturor documentelor, în capul paginii)
   ============================================================ */
.l50__scroll{overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:var(--space-heading)}
.l50__table{width:100%; border-collapse:collapse; font-size:.94rem; min-width:min(700px,100%)}
.l50__table th,.l50__table td{text-align:left; padding:var(--s4); border-top:1px solid var(--line-2);
  vertical-align:top}
.l50__table thead th{border-top:none; border-bottom:1px solid var(--ink); font-size:.7rem;
  letter-spacing:.1em; text-transform:uppercase; color:var(--faint); font-weight:600;
  padding-bottom:var(--s3)}
.l50__table tbody tr:hover{background:var(--surface)}
.l50__table a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line-3);
  font-weight:500}
.l50__table a:hover{border-bottom-color:var(--ink)}
.l50__lvl{font-weight:700; color:var(--ink)}
.l50__yr{color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap}
.l50__st{font-size:.8rem; color:var(--faint); white-space:nowrap}

/* ============================================================
   L51 · FIȘĂ DE DOCUMENT (spină cu nivelul + metadate <dl> + parte variabilă)
   ============================================================ */
.l51{display:grid; grid-template-columns:2.6fr 9.4fr; gap:var(--gutter); align-items:start}
.l51>*{min-width:0}
.l51+.l51{margin-top:clamp(64px,8vw,104px); padding-top:clamp(64px,8vw,104px);
  border-top:1px solid var(--line-2)}
.l51__spine{position:sticky; top:calc(var(--sticky-top) + 8px)}
.l51__level{display:block; font-size:clamp(3.4rem,7vw,5.4rem); font-weight:700; line-height:.82;
  letter-spacing:-0.05em; color:transparent; -webkit-text-stroke:1.2px var(--line-3); user-select:none}
.l51__leveltxt{display:block; margin-top:var(--s3); font-size:.72rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--faint); line-height:1.55; max-width:20ch}
.l51__body>h2{font-size:clamp(1.35rem,2.5vw,1.95rem); letter-spacing:-0.022em; line-height:1.18;
  max-width:26ch}
.l51__answer{margin-top:var(--s5); font-size:1.04rem; line-height:1.62; color:var(--text);
  max-width:62ch}
.l51__answer strong{color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums}

/* metadatele repetate — perechi nume/valoare */
.l51__meta{margin-top:var(--s7); display:grid; grid-template-columns:minmax(150px,auto) 1fr;
  column-gap:0}
.l51__meta dt{grid-column:1; font-size:.72rem; letter-spacing:.07em; text-transform:uppercase;
  color:var(--faint); font-weight:600; line-height:1.5; padding:var(--s3) var(--s6) var(--s3) 0;
  border-top:1px solid var(--line-2)}
.l51__meta dd{grid-column:2; margin:0; font-size:.93rem; color:var(--ink); line-height:1.55;
  padding:var(--s3) 0; border-top:1px solid var(--line-2)}
.l51__meta dd em{font-style:normal; color:var(--muted)}

/* partea variabilă */
.l51__var{margin-top:var(--s7)}
.l51__var h3{font-size:1rem; font-weight:600; color:var(--ink); margin-bottom:var(--s4)}
.l51__var>*+h3{margin-top:var(--s7)}
.l51__var p{color:var(--muted); line-height:1.65; max-width:62ch}
.l51__var p+p{margin-top:var(--s4)}
.l51__var strong{color:var(--ink); font-weight:600}
.l51__scroll{overflow-x:auto; -webkit-overflow-scrolling:touch}
.l51__data{width:100%; border-collapse:collapse; font-size:.92rem; min-width:min(440px,100%)}
.l51__data th,.l51__data td{text-align:left; padding:var(--s3) var(--s4);
  border-top:1px solid var(--line-2); vertical-align:top}
.l51__data thead th{border-top:none; border-bottom:1px solid var(--ink); font-size:.68rem;
  letter-spacing:.09em; text-transform:uppercase; color:var(--faint); font-weight:600}
.l51__data tbody th{font-weight:500; color:var(--ink)}
.l51__data td{color:var(--muted)}
.l51__data b{color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums}
@media(max-width:900px){
  .l51{grid-template-columns:1fr; gap:var(--s5)}
  .l51__spine{position:static; display:flex; align-items:baseline; gap:var(--s4)}
  .l51__level{font-size:2.6rem}
  .l51__leveltxt{margin-top:0; max-width:none}
  .l51__body>h2{max-width:none}
}
@media(max-width:560px){
  .l51__meta{grid-template-columns:1fr; column-gap:0}
  .l51__meta dt{grid-column:1; padding:var(--s3) 0 0}
  .l51__meta dd{grid-column:1; border-top:none; padding-top:var(--s1)}
  .l51__data{font-size:.86rem}
  .l51__data th,.l51__data td{padding:var(--s2) var(--s3)}
}

/* ============================================================
   L52 · STAREA DOCUMENTULUI (trei stări: deschis · la cerere · restricționat)
   ============================================================ */
.docstate{margin-top:var(--s7); display:flex; flex-wrap:wrap; align-items:center; gap:var(--s4)}
.doclink{display:inline-flex; align-items:baseline; gap:var(--s3); padding:var(--s3) var(--s5);
  border-radius:var(--pill); background:var(--ink); color:#fff; text-decoration:none;
  font-size:.9rem; font-weight:500; transition:opacity .18s ease}
.doclink:hover{opacity:.82}
.doclink span{font-size:.78rem; opacity:.68; font-variant-numeric:tabular-nums}
.docflag{display:inline-flex; align-items:baseline; gap:var(--s3); padding:var(--s3) var(--s5);
  border:1px solid var(--line-2); border-radius:var(--pill); background:var(--surface);
  font-size:.86rem; color:var(--muted)}
.docflag b{color:var(--ink); font-weight:600}
.docstate__note{font-size:.85rem; color:var(--faint); line-height:1.55; max-width:44ch}

/* ============================================================
   L53 · NIVELURI DE PROBĂ (cheia de lectură a registrului)
   ============================================================ */
.l53{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gutter);
  margin-top:var(--space-heading)}
.l53__lv{border-top:1px solid var(--ink); padding-top:var(--s5)}
.l53__lv b{display:block; font-size:1.9rem; font-weight:700; line-height:1; letter-spacing:-0.04em;
  color:var(--ink)}
.l53__lv h3{margin-top:var(--s4); font-size:.94rem; font-weight:600}
.l53__lv p{margin-top:var(--s2); font-size:.87rem; color:var(--muted); line-height:1.55}
@media(max-width:860px){ .l53{grid-template-columns:repeat(2,1fr); gap:var(--s6)} }
@media(max-width:520px){ .l53{grid-template-columns:1fr} }

/* ---------- Accesibilitate ---------- */
a:focus-visible,button:focus-visible{outline:2px solid var(--ink); outline-offset:3px; border-radius:4px}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important; transition-duration:.01ms !important}
}