/* ============================================================
   CSS PENTRU PAGINILE INDIVIDUALE DE NOUTATE (NeoInfolex)
   Se incarca DUPA ../services/service-pages.css, de unde preia
   tokens/baza/navbar/butoane/footer/reveal — nu le duplica aici.
   Contine doar stilurile specifice paginii editoriale de noutate.
   ============================================================ */

.article-page{padding-top:calc(var(--nav-h) + 54px);min-height:70svh}

.article-hero{max-width:74ch;margin-inline:auto}
.article-title{margin-top:16px;font-size:clamp(1.9rem,4.6vw,3.2rem);max-width:22ch}

.article-content{margin-top:clamp(36px,5vw,56px);max-width:74ch;margin-inline:auto}
.article-content img{border-radius:4px;margin:8px 0 32px;width:100%;height:auto}
.article-content p{font-size:clamp(15px,1.35vw,18px);line-height:1.72;color:var(--steel);margin-bottom:18px;text-align:justify}
.article-content ul{margin:0 0 18px;padding-left:22px;display:grid;gap:10px}
.article-content li{font-size:clamp(15px,1.35vw,18px);line-height:1.6;color:var(--steel)}
.article-content blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid var(--brass);
  font-family:var(--display);font-weight:600;font-stretch:112%;font-size:clamp(1.05rem,1.7vw,1.3rem);
  line-height:1.5;color:var(--paper)}

/* ---- CTA de final de articol — versiune mai mica a .cta de pe homepage ---- */
.article-cta{position:relative;overflow:hidden;background:var(--ink-900);border-top:1px solid var(--hair)}
.article-cta-glow{position:absolute;left:50%;top:112%;width:min(1200px,150vw);aspect-ratio:2/1;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(61,102,214,.22),transparent 72%)}
.article-cta-in{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.article-cta-h{font-size:clamp(1.7rem,4.4vw,2.8rem);text-transform:uppercase;max-width:20ch}
.article-cta-p{max-width:50ch;color:var(--steel)}