/* ══════════════════════════════════════════════════════════════════════════
   CABANELE ALTURA — tema Editorial
   Aceleași culori, fonturi și proporții ca în explorarea „Direcția 2".
   Adăugate față de explorare: secțiunile Misiune & valori, În zonă, și
   paginile secundare (politici, 404).
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  --c-bg:#FAF6EC; --c-surface:#FFFFFF; --c-surface2:#F2EBDC; --c-text:#1B241E; --c-dim:#67766A;
  --c-accent:#0E7A45; --c-accent2:#C2541A; --c-line:rgba(27,36,30,.14); --c-radius:10px;
  --c-bgline:rgba(14,122,69,.1);
  --f-display:'Fraunces',Georgia,serif; --f-body:'Inter',system-ui,sans-serif; --f-mono:'Inter',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--c-bg);color:var(--c-text);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:1300px;margin:0 auto;padding:0 30px;position:relative;z-index:2}
main,footer,nav,header,.trust{position:relative;z-index:2}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ── BANDA OBLIGATORIE DE IDENTITATE VIZUALĂ ────────────────────────────── */
/* Banda obligatorie stă în fluxul paginii, ca la modelul din KIT: siglele sus,
   una în stânga și una în dreapta. Nu e fixată, deci iese din ecran la derulare,
   iar meniul rămâne lipit sus. Textul informativ e mutat în subsol. */
.eu-bar{position:relative;z-index:600;display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;padding:12px 30px;background:#fff;border-bottom:1px solid var(--c-line)}
.eu-lock{display:flex;align-items:center;gap:12px}
.eu-flag{width:64px;display:block;border-radius:2px}
.eu-lock span{font-size:0.8125rem;line-height:1.2;font-weight:700;max-width:170px;color:#12447F;letter-spacing:.005em}
.eu-div{width:1px;height:26px;background:var(--c-line)}
.gov{display:flex;align-items:center;gap:9px}
/* Sigla oficială a Guvernului României. Emblema Uniunii Europene se afișează la
   64×42.7 px, deci rămâne mai mare pe ambele laturi — cerință din ghid. */
.gov-logo{width:40px;height:40px;display:block;flex:none}
.gov span{display:none}
@media(max-width:640px){.eu-bar{padding:10px 18px}.eu-lock span{font-size:0.71875rem;max-width:132px}}

/* ── NAVIGAȚIE ──────────────────────────────────────────────────────────── */
/* Meniul e lipicios: curge normal sub bandă, apoi se prinde sus la derulare. */
.nav{position:sticky;top:0;z-index:500;transition:background .45s,border-color .45s;border-bottom:1px solid transparent}
.nav.solid{background:rgba(250,246,236,.94);backdrop-filter:blur(18px);border-bottom-color:var(--c-line)}
.nav.over:not(.solid) .brand,.nav.over:not(.solid) .brand small,
.nav.over:not(.solid) .links a,.nav.over:not(.solid) .lang a{color:#fff}
.nav.over:not(.solid) .lang a.on{color:#fff;border-bottom-color:#fff}
.nav.over:not(.solid) .burger i{background:#fff}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 30px;max-width:1300px;margin:0 auto;transition:padding .5s}
/* fara schimbare de inaltime: meniul e in flux, iar o inaltime variabila
   ar deplasa hero-ul in timpul derularii */
.brand{text-decoration:none;color:var(--c-text);font-family:var(--f-display);font-size:1.375rem;font-weight:500;
  transition:color .4s;line-height:1.05;display:block}
.brand i{font-style:italic;color:var(--c-accent2)}
.brand small{display:block;font-family:var(--f-body);font-size:0.59375rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--c-dim);font-weight:500;margin-top:3px;transition:color .4s}
.links{display:flex;gap:24px}
.links a{color:var(--c-dim);text-decoration:none;font-size:0.84375rem;position:relative;padding-bottom:3px;transition:color .4s;white-space:nowrap}
.links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:currentColor;transition:width .45s cubic-bezier(.16,1,.3,1)}
.links a:hover::after{width:100%}
.nav-r{display:flex;align-items:center;gap:16px}
.lang{display:flex;gap:8px;font-size:0.75rem}
.lang a{color:var(--c-dim);text-decoration:none;border-bottom:1px solid transparent;transition:.3s}
.lang a.on{color:var(--c-accent);border-bottom-color:var(--c-accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:100px;
  font-size:0.84375rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid var(--c-accent);
  background:var(--c-accent);color:#fff;--fx:var(--c-accent2);
  transition:transform .45s cubic-bezier(.34,1.4,.5,1),box-shadow .45s,color .3s ease,border-color .4s}
.btn:hover{border-color:var(--c-accent2);transform:translateY(-3px);box-shadow:0 16px 34px -14px var(--c-accent2)}
.btn.ghost{background:none;color:var(--c-text);border-color:var(--c-line);--fx:var(--c-accent)}
.btn.ghost:hover{color:#fff;border-color:var(--c-accent);box-shadow:0 16px 34px -14px var(--c-accent)}
.nav.over:not(.solid) .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.burger{display:none;width:42px;height:42px;border:1px solid var(--c-line);background:none;border-radius:10px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.burger i{width:17px;height:1.5px;background:var(--c-text);transition:.35s}
.burger.on i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.burger.on i:nth-child(2){opacity:0}
.burger.on i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media(max-width:1180px){
  .links{position:absolute;inset:100% 0 auto;background:rgba(250,246,236,.99);backdrop-filter:blur(20px);flex-direction:column;
    gap:0;padding:12px 30px 24px;transform:translateY(-150%);transition:.55s cubic-bezier(.16,1,.3,1);border-bottom:1px solid var(--c-line)}
  .links.open{transform:none}
  .nav.over:not(.solid) .links a{color:var(--c-text)}
  .links a{padding:15px 0;border-bottom:1px solid var(--c-line);font-size:0.9375rem}
  .burger{display:flex}.nav-r .btn:not(.ghost){display:none}
}

/* ── PRIMA PAGINĂ ───────────────────────────────────────────────────────── */
/* Două straturi: unul pe orizontală, care ține partea stângă întunecată sub text,
   și unul pe verticală, pentru meniu sus și pentru trecerea spre secțiunea următoare.
   Fotografia rămâne luminoasă în dreapta, unde nu stă niciun text. */
.hero .veil{position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,rgba(12,18,14,.62) 0%,rgba(12,18,14,.12) 26%,rgba(12,18,14,.2) 62%,rgba(12,18,14,.58) 100%),
    linear-gradient(100deg,rgba(12,18,14,.88) 0%,rgba(12,18,14,.74) 36%,rgba(12,18,14,.46) 58%,rgba(12,18,14,.16) 78%,rgba(12,18,14,.4) 100%)}
.hero .frame{position:absolute;inset:22px;z-index:2;border:1px solid rgba(250,245,234,.45);border-radius:6px;pointer-events:none}
.hero{margin-top:calc(-1 * var(--nav-h,74px))}
/* min-height, nu height: la text mărit hero-ul se lungeşte în loc să taie conţinutul. */
.hero-full{min-height:calc(100svh - var(--eu-h,66px));display:flex;flex-direction:column}
.hero-in{position:relative;z-index:3;flex:1;display:flex;align-items:center;
  padding:calc(var(--nav-h,74px) + 34px) 30px 90px;max-width:1300px;margin:0 auto;width:100%}
/* „safe": când conţinutul nu mai încape, centrarea cedează locul alinierii la
   început, ca textul să nu se reverse în sus peste meniu. */
@supports (align-items:safe center){.hero-in{align-items:safe center}}
.hero-card{max-width:860px}
.kicker{display:flex;align-items:center;gap:14px;font-size:0.6875rem;letter-spacing:.28em;text-transform:uppercase;
  color:#F0B27A;margin-bottom:20px;font-weight:600}
.kicker::before{content:"";width:48px;height:1px;background:#F0B27A}
h1{font-family:var(--f-display);font-size:clamp(2.125rem,calc((min(7.2vw,10.2vh)) * var(--fs-k,1)),7.25rem);font-weight:300;line-height:1.1;
  letter-spacing:-.035em;margin-bottom:22px;color:#FAF6EC;
  text-shadow:0 1px 2px rgba(8,14,10,.5), 0 10px 44px rgba(8,14,10,.42)}
h1 .l2{font-style:italic;color:#9FE3BC}
h1 .l3{font-weight:700}
.lede{max-width:500px;font-size:1rem;line-height:1.72;color:rgba(250,246,236,.9);font-weight:300;
  text-shadow:0 1px 12px rgba(8,14,10,.5)}
.kicker{text-shadow:0 1px 10px rgba(8,14,10,.55)}
.hero-cta{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-top:26px}
.hero .btn.ghost{color:#FAF6EC;border-color:rgba(250,246,236,.55);background:rgba(255,255,255,.08);--fx:#FAF6EC}
.hero .btn.ghost:hover{color:var(--c-accent);border-color:#FAF6EC;box-shadow:0 16px 34px -14px rgba(8,14,10,.55)}
.price-tag{display:flex;align-items:baseline;gap:8px;color:#FAF6EC;margin-top:26px;padding-top:20px;
  border-top:1px solid rgba(250,246,236,.3);white-space:nowrap}
.price-tag small{font-size:0.6875rem;color:rgba(250,246,236,.72);letter-spacing:.14em;text-transform:uppercase}
.price-tag b{font-family:var(--f-display);font-size:clamp(1.875rem,calc((4vw) * var(--fs-k,1)),3.125rem);font-weight:700;letter-spacing:-.035em;color:#F0B27A}
.issue{position:absolute;top:calc(var(--nav-h,74px) + 30px);right:34px;z-index:3;text-align:right;color:rgba(250,246,236,.7);
  font-size:0.65625rem;letter-spacing:.24em;text-transform:uppercase;line-height:2}
@media(max-width:1180px){.issue{display:none}}
.shot-dots{left:30px;bottom:30px}
.cue{position:absolute;right:34px;bottom:96px;z-index:4;font-size:0.625rem;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(250,246,236,.75);display:flex;align-items:center;gap:12px}
.cue::after{content:"";width:44px;height:1px;background:rgba(250,246,236,.75);animation:cue 2.4s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleX(.3);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}
@media(max-width:900px){.cue{display:none}}

/* ── SECȚIUNI ───────────────────────────────────────────────────────────── */
section{padding:112px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:20px}
.sec-tag{font-size:0.6875rem;letter-spacing:.26em;text-transform:uppercase;color:var(--c-accent2);margin-bottom:14px;font-weight:600}
h2{font-family:var(--f-display);font-size:clamp(1.8125rem,calc((5vw) * var(--fs-k,1)),4.125rem);font-weight:300;letter-spacing:-.032em;line-height:1.1;max-width:17ch}
h2 b{font-weight:700}h2 i{font-style:italic;color:var(--c-accent)}
/* Tușă de peniță sub titluri: formă plină, ascuțită la capete, mai groasă la
   mijloc, pe un arc foarte lin. Se dezvăluie de la stânga la dreapta, ca și
   cum ar fi trasă în fața ta. SVG-ul e pus de engine.js. */
.rule{height:11px;margin:6px 0 44px}
.rule svg{display:block;width:100%;height:11px;
  clip-path:inset(0 100% 0 0);transition:clip-path 1.5s cubic-bezier(.22,1,.36,1)}
.rule.in svg{clip-path:inset(0 0 0 0)}
.rule path{fill:rgba(27,36,30,.34)}
.sec-lede{max-width:400px;font-size:0.9375rem;line-height:1.8;color:var(--c-dim);font-weight:300}
.cab-card{box-shadow:0 1px 0 rgba(27,36,30,.05)}
.gal figure{border-radius:9px}
.cc-media{border-radius:0}
.anpc a{border-radius:8px}
.cab-card:hover{box-shadow:0 34px 64px -34px rgba(27,36,30,.32)}
.cc-body h3{font-family:var(--f-display);font-weight:300;letter-spacing:-.03em}

/* ── CITAT ──────────────────────────────────────────────────────────────── */
/* Marginile benzii sunt vălurite: două forme în culoarea paginii, așezate
   peste capetele benzii verzi. Se întind pe toată lățimea, la orice ecran. */
.quote{background:var(--c-accent);color:#F2EFE4;padding:104px 0 110px;margin:16px 0;position:relative}
.quote .wave{position:absolute;left:0;width:100%;height:clamp(26px,3.4vw,56px);display:block;
  fill:var(--c-bg);pointer-events:none;z-index:1}
.quote .wave.top{top:-1px}
.quote .wave.bot{bottom:-1px;transform:rotate(180deg)}
.quote .wrap{position:relative;z-index:2}
.quote blockquote{font-family:var(--f-display);font-size:clamp(1.5625rem,calc((4.4vw) * var(--fs-k,1)),3.5rem);font-weight:300;line-height:1.14;
  letter-spacing:-.03em;max-width:19ch}
.quote blockquote i{font-style:italic;color:#B4E7C8}
.quote cite{display:block;margin-top:28px;font-style:normal;font-size:0.6875rem;letter-spacing:.24em;text-transform:uppercase;opacity:.72}

/* ── CE INCLUDE ─────────────────────────────────────────────────────────── */
.inc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line);
  border-radius:var(--c-radius);overflow:hidden}
/* „> div" e important: altfel regula prinde și cercul iconiței, nu doar cardul */
.inc>div{background:var(--c-bg);padding:36px 30px;transition:background .4s}
.inc>div:hover{background:var(--c-surface)}
.inc .ic{width:44px;height:44px;flex:none;padding:0;display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;border-radius:50%;background:rgba(14,122,69,.1)}
.inc .ic svg{display:block}
.inc h4{font-family:var(--f-display);font-size:1.375rem;font-weight:500;letter-spacing:-.02em;margin-bottom:9px}
.inc p{font-size:0.875rem;line-height:1.78;color:var(--c-dim);font-weight:300}
@media(max-width:900px){.inc{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.inc{grid-template-columns:1fr}}

/* ── PE SCURT (bloc de fapte) ───────────────────────────────────────────── */
.facts{display:grid;border-top:1px solid var(--c-line);margin-top:6px}
.facts>div{display:grid;grid-template-columns:210px 1fr;gap:28px;padding:20px 0;border-bottom:1px solid var(--c-line)}
.facts dt{font-family:var(--f-display);font-size:1.03125rem;font-weight:500;letter-spacing:-.01em}
.facts dd{font-size:0.96875rem;line-height:1.75;color:var(--c-dim);font-weight:300}
@media(max-width:680px){.facts>div{grid-template-columns:1fr;gap:5px;padding:16px 0}}

/* ── MISIUNE ȘI VALORI ──────────────────────────────────────────────────── */
.mis{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:start}
.mis-tx p{font-size:1rem;line-height:1.85;color:var(--c-dim);font-weight:300;margin-top:20px;max-width:56ch}
.mis-tx p.lead{font-family:var(--f-display);font-size:clamp(1.1875rem,calc((2.2vw) * var(--fs-k,1)),1.5625rem);line-height:1.5;color:var(--c-text);
  font-weight:300;font-style:italic;margin-top:0}
.vals{display:grid;gap:0;border-top:1px solid var(--c-line)}
.val{padding:26px 0;border-bottom:1px solid var(--c-line);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.val .vn{font-family:var(--f-display);font-size:0.8125rem;color:var(--c-accent2);letter-spacing:.14em;padding-top:5px}
.val h4{font-family:var(--f-display);font-size:1.3125rem;font-weight:500;letter-spacing:-.02em;margin-bottom:7px}
.val p{font-size:0.875rem;line-height:1.75;color:var(--c-dim);font-weight:300}
@media(max-width:960px){.mis{grid-template-columns:1fr;gap:34px}}

/* ── ÎN ZONĂ ────────────────────────────────────────────────────────────── */
.zona{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line);
  border-radius:var(--c-radius);overflow:hidden}
.zona article{background:var(--c-bg);padding:34px 30px;transition:background .4s}
.zona article:hover{background:var(--c-surface)}
.zona .zn{font-size:0.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent2);margin-bottom:16px;font-weight:600}
.zona h4{font-family:var(--f-display);font-size:1.4375rem;font-weight:500;letter-spacing:-.025em;margin-bottom:10px}
.zona p{font-size:0.875rem;line-height:1.78;color:var(--c-dim);font-weight:300}
@media(max-width:900px){.zona{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.zona{grid-template-columns:1fr}}

/* ── RECENZII ───────────────────────────────────────────────────────────── */
.rev{border-radius:var(--c-radius)}
.rev p{font-family:var(--f-display);font-size:1.125rem;line-height:1.55;font-weight:300;font-style:italic}

/* ── LOCAȚIE ────────────────────────────────────────────────────────────── */
.loc{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.loc-fig{overflow:hidden;border-radius:var(--c-radius)}
.loc-fig img{width:100%;height:min(64vh,560px);object-fit:cover;display:block;transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
.loc-fig:hover img{transform:scale(1.05)}
.loc-map{position:relative;border:1px solid var(--c-line);border-radius:var(--c-radius);overflow:hidden;
  height:min(64vh,560px);background:var(--c-surface2)}
.loc-map iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:960px){.loc-map{height:min(52vh,400px)}}
.loc-pts{display:grid;margin-top:28px;border-top:1px solid var(--c-line)}
.loc-pt{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:17px 0;border-bottom:1px solid var(--c-line)}
.loc-pt b{font-family:var(--f-display);font-size:1rem;font-weight:500;white-space:nowrap}
.loc-pt span{font-size:0.875rem;color:var(--c-dim);line-height:1.6;font-weight:300}
.loc-note{font-size:0.71875rem;color:var(--c-accent2);margin-top:14px}
@media(max-width:960px){.loc{grid-template-columns:1fr;gap:30px}}

/* ── DESPRE / FINANȚARE ─────────────────────────────────────────────────── */
.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--c-surface);
  border:1px solid var(--c-line);border-radius:var(--c-radius);overflow:hidden}
.about img{width:100%;height:100%;min-height:350px;object-fit:cover;object-position:center 40%;display:block}
.about-tx{padding:clamp(26px,4vw,54px)}
.about-tx p{color:var(--c-dim);font-size:0.96875rem;line-height:1.85;font-weight:300;margin-top:18px}
@media(max-width:960px){.about{grid-template-columns:1fr}}

/* ── CONTACT ────────────────────────────────────────────────────────────── */
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}
.quick{display:grid;margin-top:26px;border-top:1px solid var(--c-line)}
.quick a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;
  border-bottom:1px solid var(--c-line);color:var(--c-text);text-decoration:none;font-size:0.9375rem;transition:.4s}
.quick a:hover{color:var(--c-accent);padding-left:10px}
@media(max-width:960px){.contact{grid-template-columns:1fr;gap:32px}}

/* ── SUBSOL ─────────────────────────────────────────────────────────────── */
footer{background:var(--c-surface);border-top:1px solid var(--c-line);padding:84px 0 96px;margin-top:30px}
.f-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px;margin-bottom:58px}
.f-top h3{font-family:var(--f-display);font-size:clamp(1.5rem,calc((3.8vw) * var(--fs-k,1)),3rem);font-weight:300;letter-spacing:-.03em;line-height:1.04}
.f-top .firma{margin-top:20px;font-size:0.78125rem;line-height:1.9;color:var(--c-dim);font-weight:300}
.f-col h5{font-size:0.65625rem;letter-spacing:.24em;text-transform:uppercase;color:var(--c-accent2);margin-bottom:16px;font-weight:600}
.f-col a{display:block;color:var(--c-dim);text-decoration:none;font-size:0.90625rem;line-height:2.05;font-weight:300}
.f-col a:hover{color:var(--c-text)}
/* Pictograma oficială ANPC pentru soluționarea alternativă a litigiilor (SAL).
   Fișierul provine din documentul oficial publicat de ANPC. Nu îl redimensiona
   sub 200 px lățime — trebuie să rămână lizibil. */
.anpc{border-top:1px solid var(--c-line);padding-top:24px;margin-top:26px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.anpc a{display:block;line-height:0;border-radius:6px;transition:opacity .3s,transform .3s cubic-bezier(.34,1.4,.5,1)}
.anpc a:hover{opacity:.82;transform:translateY(-2px)}
.anpc img{width:250px;max-width:100%;height:auto;display:block}
.anpc p{font-size:0.75rem;line-height:1.75;color:var(--c-dim);font-weight:300;max-width:46ch}
@media(max-width:600px){.anpc img{width:220px}}

.eu-info{border-top:1px solid var(--c-line);padding-top:24px;margin-top:26px;display:grid;gap:5px}
.eu-info span{font-size:0.78125rem;line-height:1.7;color:var(--c-dim);font-weight:400}
.eu-info span:first-child{font-weight:600;color:var(--c-text);letter-spacing:.02em}
.eu-state{border-top:1px solid var(--c-line);padding-top:22px;margin-top:22px;display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.eu-state .eu-flag{width:78px;flex:none}
.eu-state p{font-size:0.78125rem;line-height:1.82;color:var(--c-dim);max-width:840px;font-weight:300}
.eu-state a{color:var(--c-accent)}
.f-legal{margin-top:22px;padding-top:18px;border-top:1px solid var(--c-line);display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:10px;font-size:0.65625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-dim)}
@media(max-width:960px){.f-top{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.f-top{grid-template-columns:1fr}}

/* ── PAGINI SECUNDARE (politici, 404) ───────────────────────────────────── */
.page-hd{padding:76px 0 54px;border-bottom:1px solid var(--c-line)}
.page-hd h1{font-family:var(--f-display);font-size:clamp(2rem,calc((5.4vw) * var(--fs-k,1)),4.125rem);font-weight:300;letter-spacing:-.035em;
  line-height:1.02;color:var(--c-text);margin-bottom:14px;max-width:20ch}
.page-hd p{font-size:0.9375rem;color:var(--c-dim);font-weight:300;max-width:60ch;line-height:1.8}
.crumbs{font-size:0.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent2);margin-bottom:18px;font-weight:600}
.crumbs a{color:var(--c-accent2);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.prose{max-width:78ch;padding:64px 0 96px}
.prose h2{font-size:clamp(1.375rem,calc((3vw) * var(--fs-k,1)),2rem);margin:44px 0 14px;max-width:none}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:var(--f-display);font-size:1.1875rem;font-weight:500;margin:28px 0 10px;letter-spacing:-.02em}
.prose p,.prose li{font-size:0.96875rem;line-height:1.85;color:var(--c-dim);font-weight:300}
.prose p{margin-bottom:14px}
.prose ul,.prose ol{margin:0 0 18px 20px}
.prose li{margin-bottom:7px}
.prose a{color:var(--c-accent)}
.prose strong{color:var(--c-text);font-weight:600}
.prose table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:0.90625rem}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--c-line);color:var(--c-dim);font-weight:300}
.prose th{color:var(--c-text);font-weight:600;font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase}
.prose .note{background:var(--c-surface2);border-left:2px solid var(--c-accent2);padding:18px 22px;margin:22px 0;
  font-size:0.875rem;line-height:1.75}
.prose .upd{font-size:0.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent2);margin-bottom:30px;font-weight:600}
.p404{text-align:center;padding:90px 30px 120px}
.p404 .big{font-family:var(--f-display);font-size:clamp(4.375rem,calc((16vw) * var(--fs-k,1)),11.875rem);font-weight:300;line-height:.9;
  letter-spacing:-.05em;color:var(--c-accent);margin-bottom:18px}
.p404 h1{font-family:var(--f-display);font-size:clamp(1.5rem,calc((4vw) * var(--fs-k,1)),2.75rem);font-weight:300;color:var(--c-text);margin-bottom:14px}
.p404 p{color:var(--c-dim);font-weight:300;max-width:46ch;margin:0 auto 30px;line-height:1.8}

/* ══ ADĂUGIRI EDITORIALE ═══════════════════════════════════════════════════ */

/* Textură fină de hârtie peste fundal. Aproape invizibilă, dar scoate paginile
   din senzația de „ecran" și le apropie de un tipar pe hârtie. */
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23p)' opacity='.045'/%3E%3C/svg%3E")}

/* Numărul secțiunii, pus de engine.js. Marcaj de revistă: cifra mică, apoi eticheta. */
.sec-no{font-variant-numeric:tabular-nums;opacity:.5;margin-right:.7em;letter-spacing:.1em}

/* Cum rezervi — trei pași */
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--c-line);border:1px solid var(--c-line);border-radius:var(--c-radius);overflow:hidden}
.steps li{background:var(--c-bg);padding:38px 32px 34px;position:relative;transition:background .4s}
.steps li:hover{background:var(--c-surface)}
.steps .st-n{display:block;font-family:var(--f-display);font-size:clamp(2.875rem,calc((5.4vw) * var(--fs-k,1)),4.5rem);font-weight:300;
  line-height:.85;letter-spacing:-.04em;color:var(--c-accent);opacity:.22;margin-bottom:16px}
.steps h4{font-family:var(--f-display);font-size:1.4375rem;font-weight:500;letter-spacing:-.025em;margin-bottom:9px}
.steps p{font-size:0.90625rem;line-height:1.78;color:var(--c-dim);font-weight:300}
/* linia care leagă pașii, ca într-un desen de proces */
.steps li:not(:last-child)::after{content:"";position:absolute;top:56px;right:-7px;width:13px;height:1px;
  background:var(--c-accent2);opacity:.55;z-index:2}
@media(max-width:860px){.steps{grid-template-columns:1fr}.steps li:not(:last-child)::after{display:none}}

/* Literă mare la începutul poveștii — element clasic de tipar */
.mis-tx p.lead::first-letter{font-family:var(--f-display);font-size:3.4em;line-height:.82;float:left;
  margin:.06em .12em 0 0;font-weight:400;font-style:normal;color:var(--c-accent)}