/* Nexarea article dark template (noir & blanc, premium) */
.nexa-article{
  --fg:#ffffff;
  --muted:#c9c9c9;
  --border:rgba(255,255,255,0.08);
  color:var(--fg);
  background:#000000;
  padding: clamp(24px, 4vw, 48px);
  border-radius: 20px;
  border:1px solid var(--border);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.nexa-article h1,.nexa-article h2,.nexa-article h3,.nexa-article h4{
  color:var(--fg);
  line-height:1.15;
}
.nexa-article p{ color:var(--muted); line-height:1.8; }
.nexa-article a{ color:#fff; text-decoration: underline; }
.nexa-article .nexa-cta{
  display:flex; justify-content:flex-start; margin-bottom: 18px;
}
.nexa-article .nexa-btn{
  display:inline-flex; align-items:center; gap:10px;
  background:#0f0f0f; border:1px solid var(--border); color:#000;
  padding:12px 16px; border-radius:14px; text-decoration:none;
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
  color:#fff;
}
.nexa-article .nexa-btn:hover{ transform: translateY(-1px); border-color:rgba(255,255,255,.2); background:#141414; }
.nexa-article ul, .nexa-article ol{padding-left: 24px;}
.nexa-article img{border-radius:14px; border:1px solid var(--border);}
.nexa-article blockquote{border-left:3px solid var(--border); padding-left:12px; color:var(--muted);}

/* Admin preview layout */
.nexa-preview{background:#0b0b0b;border:1px solid var(--border); border-radius:16px; padding:16px; max-height:520px; overflow:auto;}
.nexa-grid{display:grid; grid-template-columns: 1fr 360px; gap:24px;}
.nexa-col.side{position:sticky; top:64px; align-self:start;}
.nexa-catbox{max-height:180px; overflow:auto; border:1px solid #e5e7eb; padding:8px; background:#fff; border-radius:8px;}
@media (max-width:1100px){ .nexa-grid{grid-template-columns:1fr;} .nexa-col.side{position:static;} }