/* EGBC — pages « Analyses » (rendues côté serveur depuis MongoDB).
   Complète styles.css : reprend les variables et les composants du site. */

.art-page, .an-page{ background:var(--navy-900); padding:140px 0 90px; min-height:60vh; }

/* ---- Article ---- */
.art{ max-width:760px; }
.art-breadcrumb{ font-size:.85rem; color:rgba(255,255,255,.55); margin:0 0 18px; }
.art-breadcrumb a{ color:var(--gold-500); }
.art-breadcrumb a:hover{ text-decoration:underline; }
.art-title{ font-size:clamp(1.9rem,4vw,2.7rem); line-height:1.2; color:#fff; margin:0 0 18px; letter-spacing:-.02em; }
.art-tags{ margin:0 0 18px; display:flex; flex-wrap:wrap; gap:8px; }
.art-tag{ font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-500);
  border:1px solid rgba(212,175,90,.35); border-radius:999px; padding:4px 12px; }
.art-cover{ margin:26px 0 0; }
.art-cover img{ width:100%; border-radius:16px; display:block; }

.art-body{ margin-top:34px; color:rgba(255,255,255,.82); font-size:1.02rem; line-height:1.85; }
.art-body h2{ color:#fff; font-family:var(--serif); font-size:1.5rem; margin:2.2em 0 .6em; letter-spacing:-.015em; }
.art-body h3{ color:#fff; font-family:var(--serif); font-size:1.2rem; margin:1.8em 0 .5em; }
.art-body h4{ color:#fff; font-size:1.05rem; margin:1.6em 0 .4em; }
.art-body p{ margin:0 0 1.1em; }
.art-body a{ color:var(--gold-500); text-decoration:underline; text-underline-offset:3px; }
.art-body a:hover{ color:var(--gold-300); }
.art-body ul, .art-body ol{ margin:0 0 1.2em; padding-left:24px; list-style:revert; }
.art-body li{ margin-bottom:.45em; }
.art-body blockquote{ margin:1.6em 0; padding:16px 22px; border-left:3px solid var(--gold-500);
  background:rgba(255,255,255,.04); border-radius:0 12px 12px 0; color:rgba(255,255,255,.75); }
.art-body blockquote p:last-child{ margin-bottom:0; }
.art-body img{ max-width:100%; border-radius:12px; margin:1.2em 0; }
.art-body figure{ margin:1.4em 0; }
.art-body figcaption{ font-size:.85rem; color:rgba(255,255,255,.5); text-align:center; margin-top:8px; }
.art-body hr{ border:0; border-top:1px solid rgba(255,255,255,.12); margin:2em 0; }
.art-body table{ width:100%; border-collapse:collapse; margin:1.4em 0; font-size:.94rem; }
.art-body th, .art-body td{ border:1px solid rgba(255,255,255,.14); padding:10px 12px; text-align:left; }
.art-body th{ background:rgba(255,255,255,.05); color:#fff; font-weight:600; }
.art-body code{ background:rgba(255,255,255,.08); border-radius:6px; padding:2px 7px; font-size:.9em; }
.art-body pre{ background:rgba(255,255,255,.06); border-radius:12px; padding:16px 20px; overflow-x:auto; }
.art-body pre code{ background:none; padding:0; }

.art-foot{ margin-top:48px; padding-top:28px; border-top:1px solid rgba(255,255,255,.1); }
.art-back{ color:rgba(255,255,255,.6); font-size:.92rem; }
.art-back:hover{ color:var(--gold-500); }

/* ---- Liste ---- */
.an-head{ margin-bottom:14px; }
.an-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:44px; }
.an-card{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:18px;
  overflow:hidden; display:flex; flex-direction:column; transition:.3s var(--ease); }
.an-card:hover{ transform:translateY(-4px); border-color:rgba(212,175,90,.4); }
.an-card-img img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.an-card-body{ padding:22px 24px 26px; display:flex; flex-direction:column; gap:10px; flex:1; }
.an-card-date{ font-size:.8rem; color:rgba(255,255,255,.5); margin:0; }
.an-card-title{ font-size:1.15rem; line-height:1.35; margin:0; }
.an-card-title a{ color:#fff; }
.an-card-title a:hover{ color:var(--gold-500); }
.an-card-excerpt{ font-size:.92rem; line-height:1.65; color:rgba(255,255,255,.65); margin:0; flex:1; }
.an-card-more{ font-size:.88rem; color:var(--gold-500); font-weight:600; }
.an-empty{ grid-column:1/-1; text-align:center; color:rgba(255,255,255,.6); padding:60px 0; }

@media (max-width:980px){ .an-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){
  .an-grid{ grid-template-columns:1fr; }
  .art-page, .an-page{ padding:120px 0 70px; }
  .art-foot{ flex-direction:column; align-items:stretch; }
}

/* Bandeau d'aperçu (brouillon, visible seulement depuis l'administration) */
.art-preview-bar{ position:sticky; top:0; z-index:60; background:var(--gold-grad); color:var(--navy-900);
  font-weight:600; font-size:.88rem; text-align:center; padding:10px 18px; }

/* ---- Conversion : bloc CTA en fin d'article et en bas de la liste ---- */
.art-cta, .an-cta{ background:rgba(255,255,255,.04); border:1px solid rgba(212,175,90,.28);
  border-radius:18px; padding:32px 30px; text-align:center; }
.an-cta{ margin-top:56px; }
.art-cta-title, .an-cta-title{ font-family:var(--serif); font-size:1.35rem; color:#fff; margin:0 0 6px; }
.art-cta-sub, .an-cta-sub{ font-size:.94rem; color:rgba(255,255,255,.62); margin:0 0 22px; }
.art-cta-actions{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.art-foot .art-back{ display:inline-block; margin-top:26px; }
@media (max-width:640px){
  .art-cta, .an-cta{ padding:26px 20px; }
  .art-cta-actions .btn{ width:100%; }
}