/* ============================================================
   Blog du pôle hypothécaire : raccord entre style.css (site hypothèque, fond bleu nuit)
   et blog-article.css / blog.css (modèle partagé avec immobilier-neuf, fond clair).
   ============================================================ */
:root {
  --champagne-dark: #8A6A2E; --champagne-gold: #D8B166; --champagne-light: #E8CF98;
  --dark-text: #1A1F3D; --light-gray: #E6E6EC; --medium-gray: #5A5F78;
  --navy-blue: #2E3563; --navy-dark: #1D2248; --navy-light: #4B5283; --navy-night: #141834;
  --off-white: #F6F5F2; --white: #FFFFFF;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif; --font-heading: 'DM Serif Display', Georgia, serif;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px;
  --shadow-sm: 0 2px 8px rgba(20,24,52,.08); --shadow-md: 0 4px 16px rgba(20,24,52,.12);
  --shadow-lg: 0 8px 32px rgba(20,24,52,.16); --shadow-xl: 0 16px 48px rgba(20,24,52,.2);
  --transition-fast: .2s ease; --transition-base: .3s ease;
}
@keyframes asgSpin { to { transform: rotate(360deg); } }
body.blog-page { background: var(--off-white); color: var(--dark-text); }
body.blog-page main { background: var(--off-white); }
.blog-page .post-body h2, .blog-page .post-body h3, .blog-page .blog-wrap h2, .blog-page .blog-wrap h3,
.blog-page .post-related h2, .blog-page .post-related h3, .blog-page .aside-card:not(.aside-cta) p { color: var(--navy-dark); }
.blog-page .aside-cta p, .blog-page .aside-cta .aside-cta-title { color: #fff; }
.blog-page .aside-cta .aside-title { color: var(--champagne-light); }
.blog-page .post-hero h1, .blog-page .post-cta-title { color: #fff; }
.blog-page .post-hero h1 { font-weight: 400; }
.blog-page h2, .blog-page h3 { font-weight: 400; }
.blog-page .post-body h3 { font-family: var(--font-body); font-weight: 700; }
.blog-page .btn { display: inline-flex; align-items: center; gap: .5rem; border-radius: 999px; padding: .85rem 1.5rem; font-weight: 700; }
.blog-page .btn-primary { background: var(--gradient-gold, linear-gradient(135deg,#E8CF98,#D8B166 55%,#C9A257)); color: var(--navy-night); border: 0; }
.blog-page .btn-light { background: #fff; color: var(--navy-dark); }
.blog-page .btn-outline { background: transparent; color: var(--navy-dark); border: 1.5px solid var(--navy-dark); }
.blog-page .btn-outline:hover { background: var(--navy-dark); color: #fff; }
.blog-page .aside-card:not(.aside-cta) .aside-link { color: var(--champagne-dark); }
.blog-page .related-card h3, .blog-page .blog-card2 h3, .blog-page .blog-featured h2 { font-family: var(--font-heading); }
.blog-page .footer { margin-top: 0; }
.blog-page .header .logo-2026 img { height: 44px; }
.blog-page .blog-card2 p, .blog-page .blog-featured p { color: var(--medium-gray); }
@media (max-width: 768px) { .blog-page .post-hero { padding-top: 112px; } }