/*
  Codul de Conduită ARF — page-scoped styles.
  Source/structure reference: docs/research/ARF-Cod-de-Conduita-2026-PROTOTIP-REVIZUIT.html
  (a design/structure reference only — never served directly).

  Same isolation pattern as manifest.css / franciza-in-romania.css: reuse the
  site's real tokens (var(--gold), var(--gold-deep), var(--gold-soft),
  var(--serif), var(--sans), var(--maxw)) plus the global .wrap/.btn/
  .btn-gold/.btn-ghost/.eyebrow/.crumb/.reveal primitives, and scope only
  this page's own near-black editorial palette under .cod — it has no
  sitewide equivalent and must not leak into the global design system.
  var(--gold) already equals the prototype's own #D4AF37 exactly, and the
  prototype's #020408 navy equals var(--navy-900)-adjacent dark tones
  already used by .mnf-navy — no new color values were introduced. The
  prototype's Cinzel display font was NOT imported: headings use the site's
  own var(--serif) (Cormorant Garamond, already loaded sitewide) instead.
*/
.cod{
  --cod-navy:#020408;
  --cod-navy-2:#0a1018;
  --cod-paper:#fffdf8;
  --cod-ink:#14181E;
  --cod-muted:#6a6f76;
  --cod-hair:rgba(20,24,30,.12);
}
.cod section{padding:72px 0;scroll-margin-top:96px}
.cod h1,.cod h2,.cod h3{font-family:var(--serif)}
.cod p,.cod li,.cod a,.cod dt,.cod dd{font-family:var(--sans)}

.cod .eyebrow{color:var(--gold-deep)}
.cod .eyebrow::before{background:var(--gold-deep)}
.cod-navy .eyebrow{color:var(--gold-soft)}
.cod-navy .eyebrow::before{background:var(--gold-soft)}

.cod-navy{background:var(--cod-navy);color:#F4EFE4}
.cod-paper{background:var(--cod-paper);color:var(--cod-ink)}

/* ---------- HERO ---------- */
.cod-hero{padding:88px 0 64px}
.cod-hero h1{font-size:clamp(34px,5.4vw,58px);line-height:1.08;font-weight:600;max-width:20ch;margin:18px 0 18px}
.cod-hero .cod-lede{max-width:56ch;color:rgba(244,239,228,.78);font-size:17px;line-height:1.65}
.cod-hero .cod-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* ---------- status / document identity ---------- */
.cod-status{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(212,175,55,.22);border:1px solid rgba(212,175,55,.22);margin-top:18px}
.cod-status dl{background:var(--cod-navy-2);padding:16px 14px;margin:0}
.cod-status dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin:0}
.cod-status dd{margin:6px 0 0;font-size:14px;color:rgba(244,239,228,.85)}

/* ---------- ce este / lege-standard-contract (3-col) ---------- */
.cod-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.cod-col{background:var(--cod-paper);border:1px solid var(--cod-hair);padding:22px 20px}
.cod-navy .cod-col{background:rgba(255,255,255,.03);border-color:rgba(212,175,55,.18);color:#F4EFE4}
.cod-num{font-family:var(--serif);color:var(--gold);font-size:12px;letter-spacing:.16em}
.cod-col h3{font-size:18px;margin:8px 0 8px}
.cod-col p{margin:0;color:var(--cod-muted);font-size:14.5px;line-height:1.6}
.cod-navy .cod-col p{color:rgba(244,239,228,.7)}

/* ---------- thematic navigation cards ---------- */
.cod-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.cod-card{background:var(--cod-paper);border:1px solid var(--cod-hair);padding:22px 20px;display:flex;flex-direction:column}
.cod-card h3{font-size:17px;margin:8px 0 8px}
.cod-card p{color:var(--cod-muted);font-size:14px;line-height:1.55;margin-bottom:14px;flex-grow:1}
.cod-card a{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.04em}

/* ---------- cum se citește ---------- */
.cod-note{color:var(--cod-muted);max-width:60ch;font-size:15.5px;line-height:1.65}
.cod-navy .cod-note{color:rgba(244,239,228,.72)}

/* ---------- codul integral: sticky TOC + canonical text ---------- */
.cod-canon-wrap{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start;margin-top:24px}
.cod-toc{position:sticky;top:88px;border-left:2px solid var(--gold);padding-left:16px;font-size:13px}
.cod-toc a{display:block;color:var(--cod-muted);padding:4px 0;text-decoration:none}
.cod-toc a:hover{color:var(--gold-deep)}
.cod-canon{background:var(--cod-paper);color:var(--cod-ink);border:1px solid var(--cod-hair);padding:40px 36px 56px}
.cod-canon-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:22px;font-family:var(--sans);font-weight:700}
.cod-canon h2{font-family:var(--serif);font-size:22px;margin:0 0 16px}
.cod-canon h2.cod-parte{font-size:21px;color:var(--gold-deep);margin:40px 0 16px}
.cod-canon h3.cod-art{font-family:var(--sans);font-weight:700;font-size:17px;margin:28px 0 8px;color:var(--cod-ink)}
.cod-canon p,.cod-canon li{color:#2b2f33;font-size:15.5px;line-height:1.7}
.cod-canon ul{padding-left:1.2rem}
.cod-canon hr{border:0;border-top:1px solid var(--cod-hair);margin:26px 0}

/* ---------- mecanism disciplinar ---------- */
.cod-steps{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.cod-step{border:1px solid rgba(212,175,55,.28);padding:12px 14px;font-size:13.5px;font-family:var(--sans);background:rgba(255,255,255,.03)}
.cod-step small{display:block;color:rgba(244,239,228,.6);margin-top:4px;font-size:11.5px}
.cod-steps .cod-arrow{color:var(--gold-deep)}

/* ---------- documente ---------- */
.cod-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.cod-doc-card{background:var(--cod-paper);border:1px solid var(--cod-hair);padding:22px 20px}
.cod-doc-card h3{font-size:16px;margin:8px 0 8px}
.cod-doc-card p{color:var(--cod-muted);font-size:14px;margin:0}
.cod-doc-card.cod-doc-disabled{border-style:dashed;color:var(--cod-muted)}

/* ---------- disclaimer ---------- */
.cod-disclaimer{padding:44px 0 64px;border-top:1px solid rgba(212,175,55,.18)}
.cod-disclaimer p{font-size:14px;color:rgba(244,239,228,.68);max-width:66ch}

@media(max-width:1024px){
  .cod-grid3,.cod-cards,.cod-docs{grid-template-columns:repeat(2,1fr)}
  .cod-status{grid-template-columns:repeat(2,1fr)}
  .cod-canon-wrap{grid-template-columns:1fr}
  .cod-toc{position:relative;top:0;margin-bottom:20px}
}
@media(max-width:640px){
  .cod section{padding:52px 0}
  .cod-hero{padding:56px 0 44px}
  .cod-grid3,.cod-cards,.cod-docs,.cod-status{grid-template-columns:1fr}
  .cod-canon{padding:26px 18px 40px}
  .cod-ctas .btn{width:100%;justify-content:center}
}