/* CRMIX Jurnal, familia vizuala Suno landing (navy/gold, fonturi sistem, zero CDN) */
:root{
  --navy:#1B2A4A;
  --navy-lift:#24365a;
  --navy-floor:#151f38;
  --gold:#C9A84C;
  --gold-deep:#B08F33;
  --gold-soft:#e7d187;
  --ink:rgba(255,255,255,.88);
  --muted:rgba(255,255,255,.58);
  --line:rgba(255,255,255,.10);
  --serif:Cambria, Georgia, "Times New Roman", serif;
  --sans:Calibri, "Segoe UI", system-ui, sans-serif;
  --mono:Consolas, "Courier New", monospace;
  --measure:680px;
  --wrap:1080px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--navy-floor);
  color:var(--ink);
  font-family:var(--sans);
  line-height:1.6;
}
@media (prefers-color-scheme: light){ body{ background:var(--navy-floor); color:var(--ink); } }
a{color:var(--gold-soft); text-decoration:none; border-bottom:1px solid rgba(201,168,76,.35)}
a:hover{color:#fff; border-bottom-color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:1px}

/* ---------- header ---------- */
.site-head{border-bottom:1px solid var(--line); background:linear-gradient(180deg, var(--navy) 0%, var(--navy-floor) 100%)}
.site-head .wrap{max-width:var(--wrap); margin:0 auto; padding:26px 24px; display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap}
.lockup{display:flex; align-items:center; gap:12px; border-bottom:none}
.lockup .mark{font-family:var(--serif); font-weight:700; font-size:18px; letter-spacing:.14em; color:var(--gold)}
.lockup .sep{width:1px; height:15px; background:rgba(255,255,255,.28)}
.lockup .pro{font-size:11px; letter-spacing:.34em; color:var(--muted); text-transform:uppercase}
.site-head nav a{font-size:13px; letter-spacing:.08em; color:var(--muted); border-bottom:none; margin-left:22px}
.site-head nav a:hover{color:var(--gold-soft)}

/* ---------- index: registrul de verdicte ---------- */
.index-hero{max-width:var(--wrap); margin:0 auto; padding:72px 24px 20px}
.eyebrow{font-size:12px; letter-spacing:.42em; text-transform:uppercase; color:var(--gold); font-weight:600}
.index-hero h1{font-family:var(--serif); font-weight:700; letter-spacing:-.5px; font-size:clamp(34px,5.4vw,58px); line-height:1.05; margin-top:16px; max-width:820px}
.index-hero .standfirst{margin-top:16px; font-size:18px; color:var(--muted); max-width:620px}
.rule{width:74px; height:3px; background:var(--gold); margin-top:28px}

.ledger{max-width:var(--wrap); margin:0 auto; padding:28px 24px 90px; list-style:none}
.ledger li{border-bottom:1px solid var(--line)}
.ledger a{display:grid; grid-template-columns:110px 1fr; gap:26px; align-items:baseline; padding:30px 0; border-bottom:none}
.ledger time{font-family:var(--mono); font-size:12.5px; letter-spacing:.06em; color:var(--muted)}
.ledger .t{font-family:var(--serif); font-weight:700; letter-spacing:-.3px; font-size:clamp(21px,2.6vw,28px); line-height:1.22; color:var(--ink); transition:color .15s ease}
.ledger a:hover .t{color:var(--gold-soft)}
.ledger .d{grid-column:2; font-size:15.5px; color:var(--muted); margin-top:6px; max-width:640px}
@media (max-width:560px){ .ledger a{grid-template-columns:1fr} .ledger .d{grid-column:1} }

/* ---------- articol ---------- */
.article-head{max-width:var(--measure); margin:0 auto; padding:64px 24px 0}
.article-head .meta{display:flex; gap:14px; align-items:center; font-family:var(--mono); font-size:12.5px; letter-spacing:.05em; color:var(--muted)}
.article-head h1{font-family:var(--serif); font-weight:700; letter-spacing:-.5px; font-size:clamp(30px,4.6vw,44px); line-height:1.12; margin-top:14px}
.article-head .rule{margin-top:24px}

/* imaginea articolului (gravura) */
.article-hero{max-width:var(--measure); margin:0 auto; padding:34px 24px 0}
.article-hero img{width:100%; height:auto; display:block; border:1px solid rgba(201,168,76,.28)}

article.body{max-width:var(--measure); margin:0 auto; padding:34px 24px 40px; font-family:var(--serif); font-size:19px; line-height:1.72; color:var(--ink)}
article.body p{margin:0 0 1.35em}
article.body h2{font-family:var(--serif); font-size:26px; letter-spacing:-.3px; line-height:1.25; margin:1.7em 0 .65em; color:#fff}
article.body h3{font-family:var(--sans); font-size:15px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin:1.8em 0 .7em}
article.body strong{color:#fff}
article.body ul,article.body ol{margin:0 0 1.35em 1.3em}
article.body li{margin-bottom:.45em}
article.body blockquote{border-left:3px solid var(--gold); padding:.2em 0 .2em 1.1em; color:var(--muted); font-style:italic; margin:0 0 1.35em}

/* semnatura paginii: blocul VERDICT, cu coltare aurii ca rama hero-ului Suno */
.verdict{
  position:relative; margin:2.2em 0; padding:30px 34px;
  background:linear-gradient(180deg, rgba(36,54,90,.5) 0%, rgba(21,31,56,.5) 100%);
  border:1px solid rgba(201,168,76,.28);
}
.verdict::before{
  content:""; position:absolute; inset:-1px; pointer-events:none;
  background:
    linear-gradient(var(--gold),var(--gold)) left top/22px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) left top/2px 22px no-repeat,
    linear-gradient(var(--gold),var(--gold)) right bottom/22px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) right bottom/2px 22px no-repeat;
}
.verdict .label{display:block; font-family:var(--sans); font-size:11px; letter-spacing:.42em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:12px}
.verdict p{font-family:var(--serif); font-style:italic; font-weight:600; font-size:24px; line-height:1.35; color:var(--gold-soft); margin:0}

/* onestitate */
.onest{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:1.2em 0; margin:2em 0; font-size:17.5px; color:var(--muted)}
.onest .label{display:block; font-family:var(--sans); font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); margin-bottom:8px}

/* ---------- CTA + autor ---------- */
.cta-block{max-width:var(--measure); margin:0 auto; padding:6px 24px 26px}
.cta-block .inner{border:1px solid rgba(201,168,76,.3); padding:30px 32px; background:var(--navy)}
.cta-block p{font-size:17px; color:var(--ink); margin-bottom:18px}
.cta{
  display:inline-block; font-family:var(--sans); font-size:16px; font-weight:700; letter-spacing:.02em;
  color:var(--navy-floor); background:linear-gradient(180deg,var(--gold) 0%, var(--gold-deep) 100%);
  border:none; padding:14px 28px; cursor:pointer; text-decoration:none;
  box-shadow:0 10px 30px rgba(201,168,76,.18);
}
.cta:hover{color:var(--navy-floor); box-shadow:0 14px 34px rgba(201,168,76,.26)}
.cta:focus-visible{outline:none; box-shadow:0 0 0 3px var(--navy-floor), 0 0 0 5px var(--gold)}

.author{max-width:var(--measure); margin:0 auto; padding:8px 24px 70px; display:flex; gap:16px; align-items:baseline}
.author .who{font-family:var(--serif); font-weight:700; font-size:16px; color:#fff}
.author .what{font-size:14px; color:var(--muted)}

/* ---------- FAQ ---------- */
.faq{max-width:var(--measure); margin:0 auto; padding:34px 24px 80px}
.faq h2{font-family:var(--serif); font-size:24px; margin:1.4em 0 .5em; color:#fff}
.faq p{font-size:18px; line-height:1.65; margin-bottom:1em}
.faq .src{font-family:var(--mono); font-size:12px; color:var(--muted)}

/* ---------- footer ---------- */
.site-foot{border-top:1px solid var(--line); margin-top:20px}
.site-foot .wrap{max-width:var(--wrap); margin:0 auto; padding:30px 24px 44px; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; font-size:13px; color:var(--muted)}
.site-foot a{color:var(--muted); border-bottom-color:var(--line)}
.site-foot a:hover{color:var(--gold-soft)}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important; animation:none !important}
}