/**
 * Folies Secrètes — Chroniques Secrètes / CMS #17 (Lot B)
 * Scope strict : body.page-cms.page-cms-17 / body.cms-id-17 uniquement
 * Surcharge customer-s1.css (fs-blog-*) sans modifier le module stthemeeditor
 * Chargé via theme.yml (controller cms, priority 565)
 */

body.page-cms.page-cms-17,
body.cms-id-17 {
  --fs-chron-ivory: #fdfcfa;
  --fs-chron-cream: #f5f0ea;
  --fs-chron-warm: #faf8f5;
  --fs-chron-ink: #1a1716;
  --fs-chron-ink-soft: #4a4543;
  --fs-chron-gold: #b8956b;
  --fs-chron-plum: #5a3d48;
  --fs-chron-plum-deep: #4a2f3a;
  --fs-chron-plum-dark: #2a1720;
  --fs-chron-line: rgba(26, 23, 22, 0.1);
  --fs-chron-radius: 16px;
  --fs-chron-shadow: 0 16px 48px rgba(26, 23, 22, 0.08);
  --fs-chron-serif: "Cormorant Garamond", Georgia, serif;
  --fs-chron-sans: "Manrope", system-ui, sans-serif;
  --fs-chron-width: min(82rem, calc(100vw - 2rem));
  --fs-chron-ease: cubic-bezier(0.22, 1, 0.36, 1);
  font-family: var(--fs-chron-sans);
  color: var(--fs-chron-ink);
}

/* —— Page shell —— */
body.page-cms.page-cms-17 #wrapper,
body.cms-id-17 #wrapper {
  background: linear-gradient(180deg, var(--fs-chron-cream) 0%, var(--fs-chron-ivory) 48%, var(--fs-chron-warm) 100%) !important;
}

body.page-cms.page-cms-17 #content-wrapper,
body.cms-id-17 #content-wrapper {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-cms.page-cms-17 .page_heading.cms_page_heading,
body.cms-id-17 .page_heading.cms_page_heading {
  display: none !important;
}

body.page-cms.page-cms-17 #content.page-content,
body.cms-id-17 #content.page-content {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-cms.page-cms-17 .style_content.cms_content,
body.cms-id-17 .style_content.cms_content {
  padding: 0 !important;
  margin: 0 !important;
}

/* —— Conteneur éditorial —— */
body.page-cms.page-cms-17 .fs-blog-home,
body.cms-id-17 .fs-blog-home {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: transparent !important;
  color: var(--fs-chron-ink-soft) !important;
  font-family: var(--fs-chron-sans) !important;
}

/* ═══════════════════════════════════════
   Hero slider — contraste renforcé
   ═══════════════════════════════════════ */
body.page-cms.page-cms-17 .fs-blog-slider,
body.cms-id-17 .fs-blog-slider {
  min-height: clamp(28rem, 52vh, 34rem) !important;
  border-radius: 0 0 clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 3vw, 1.75rem) !important;
  background: var(--fs-chron-plum-dark) !important;
  box-shadow: 0 24px 64px rgba(42, 23, 32, 0.12) !important;
}

body.page-cms.page-cms-17 .fs-blog-slide-1,
body.cms-id-17 .fs-blog-slide-1 {
  background:
    linear-gradient(105deg, rgba(253, 252, 250, 0.98) 0%, rgba(253, 252, 250, 0.94) 34%, rgba(245, 240, 234, 0.72) 52%, rgba(42, 23, 32, 0.18) 100%),
    url("/img/cms/blog/hero-blog-01.jpg") center right / cover no-repeat !important;
  background-color: var(--fs-chron-cream) !important;
}

body.page-cms.page-cms-17 .fs-blog-slide-2,
body.cms-id-17 .fs-blog-slide-2 {
  background:
    linear-gradient(105deg, rgba(253, 252, 250, 0.98) 0%, rgba(253, 252, 250, 0.94) 34%, rgba(245, 240, 234, 0.72) 52%, rgba(42, 23, 32, 0.18) 100%),
    url("/img/cms/blog/hero-blog-02.jpg") center right / cover no-repeat !important;
  background-color: var(--fs-chron-cream) !important;
}

body.page-cms.page-cms-17 .fs-blog-slide-3,
body.cms-id-17 .fs-blog-slide-3 {
  background:
    linear-gradient(105deg, rgba(253, 252, 250, 0.98) 0%, rgba(253, 252, 250, 0.94) 34%, rgba(245, 240, 234, 0.72) 52%, rgba(42, 23, 32, 0.18) 100%),
    url("/img/cms/blog/hero-blog-03.jpg") center right / cover no-repeat !important;
  background-color: var(--fs-chron-cream) !important;
}

body.page-cms.page-cms-17 .fs-blog-slide-content,
body.cms-id-17 .fs-blog-slide-content {
  max-width: 36rem !important;
  padding: clamp(1.35rem, 3vw, 2rem) clamp(1.25rem, 2.5vw, 1.75rem) !important;
  background: rgba(253, 252, 250, 0.62) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-left: 3px solid var(--fs-chron-gold) !important;
  box-shadow: 0 12px 40px rgba(26, 23, 22, 0.06) !important;
}

body.page-cms.page-cms-17 .fs-blog-kicker,
body.page-cms.page-cms-17 .fs-blog-section-kicker,
body.cms-id-17 .fs-blog-kicker,
body.cms-id-17 .fs-blog-section-kicker {
  margin: 0 0 0.65rem !important;
  font-family: var(--fs-chron-sans) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--fs-chron-gold) !important;
}

body.page-cms.page-cms-17 .fs-blog-card-cat,
body.cms-id-17 .fs-blog-card-cat {
  margin: 0 0 0.45rem !important;
  font-family: var(--fs-chron-sans) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--fs-chron-gold) !important;
}

body.page-cms.page-cms-17 .fs-blog-slide-content h1,
body.page-cms.page-cms-17 .fs-blog-slide-content h2,
body.cms-id-17 .fs-blog-slide-content h1,
body.cms-id-17 .fs-blog-slide-content h2 {
  font-family: var(--fs-chron-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(2rem, 4.2vw, 3.25rem) !important;
  line-height: 1.12 !important;
  color: var(--fs-chron-ink) !important;
  letter-spacing: -0.01em !important;
}

body.page-cms.page-cms-17 .fs-blog-line,
body.cms-id-17 .fs-blog-line {
  width: 3.25rem !important;
  height: 2px !important;
  margin: 1.35rem 0 1.15rem !important;
  background: linear-gradient(90deg, var(--fs-chron-gold), rgba(184, 149, 107, 0.25)) !important;
}

body.page-cms.page-cms-17 .fs-blog-slide-content p:not(.fs-blog-kicker),
body.cms-id-17 .fs-blog-slide-content p:not(.fs-blog-kicker) {
  margin: 0 0 1.65rem !important;
  font-size: 1rem !important;
  line-height: 1.78 !important;
  color: var(--fs-chron-ink-soft) !important;
}

/* CTA hero — prune/or lisible */
body.page-cms.page-cms-17 .fs-blog-btn,
body.cms-id-17 .fs-blog-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.875rem !important;
  padding: 0 1.65rem !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--fs-chron-plum-deep) 0%, var(--fs-chron-plum) 100%) !important;
  color: var(--fs-chron-ivory) !important;
  border: 1px solid rgba(184, 149, 107, 0.42) !important;
  font-family: var(--fs-chron-sans) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 12px 32px rgba(42, 23, 32, 0.22) !important;
  transition: background 0.22s var(--fs-chron-ease), box-shadow 0.22s var(--fs-chron-ease), transform 0.22s var(--fs-chron-ease) !important;
}

body.page-cms.page-cms-17 .fs-blog-btn:hover,
body.cms-id-17 .fs-blog-btn:hover {
  background: linear-gradient(135deg, var(--fs-chron-plum-dark) 0%, var(--fs-chron-plum-deep) 100%) !important;
  color: var(--fs-chron-ivory) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 40px rgba(42, 23, 32, 0.28) !important;
}

/* ═══════════════════════════════════════
   Intro éditoriale
   ═══════════════════════════════════════ */
body.page-cms.page-cms-17 .fs-blog-intro,
body.cms-id-17 .fs-blog-intro {
  max-width: 44rem !important;
  margin: 0 auto !important;
  padding: clamp(3rem, 6vw, 4.25rem) 1.5rem clamp(1.75rem, 4vw, 2.5rem) !important;
  text-align: center !important;
}

body.page-cms.page-cms-17 .fs-blog-intro h2,
body.page-cms.page-cms-17 .fs-blog-featured h2,
body.page-cms.page-cms-17 .fs-blog-categories h2,
body.page-cms.page-cms-17 .fs-blog-newsletter h2,
body.cms-id-17 .fs-blog-intro h2,
body.cms-id-17 .fs-blog-featured h2,
body.cms-id-17 .fs-blog-categories h2,
body.cms-id-17 .fs-blog-newsletter h2 {
  font-family: var(--fs-chron-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(1.75rem, 3.2vw, 2.5rem) !important;
  line-height: 1.18 !important;
  color: var(--fs-chron-ink) !important;
}

body.page-cms.page-cms-17 .fs-blog-intro p:not(.fs-blog-section-kicker),
body.cms-id-17 .fs-blog-intro p:not(.fs-blog-section-kicker) {
  font-size: 1.02rem !important;
  line-height: 1.82 !important;
  color: var(--fs-chron-ink-soft) !important;
}

/* ═══════════════════════════════════════
   Grille contenu + sidebar
   ═══════════════════════════════════════ */
body.page-cms.page-cms-17 .fs-blog-content-wrap,
body.cms-id-17 .fs-blog-content-wrap {
  max-width: var(--fs-chron-width) !important;
  margin: 0 auto !important;
  padding: 0 clamp(1rem, 3vw, 1.5rem) clamp(3rem, 6vw, 4.5rem) !important;
}

body.page-cms.page-cms-17 .fs-blog-featured,
body.page-cms.page-cms-17 .fs-blog-categories,
body.cms-id-17 .fs-blog-featured,
body.cms-id-17 .fs-blog-categories {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-cms.page-cms-17 .fs-blog-section-title,
body.cms-id-17 .fs-blog-section-title {
  margin-bottom: 1.35rem !important;
  padding-bottom: 0.85rem !important;
  border-bottom: 1px solid var(--fs-chron-line) !important;
}

body.page-cms.page-cms-17 .fs-blog-link,
body.cms-id-17 .fs-blog-link {
  color: var(--fs-chron-plum) !important;
  font-family: var(--fs-chron-sans) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s var(--fs-chron-ease) !important;
}

body.page-cms.page-cms-17 .fs-blog-link:hover,
body.cms-id-17 .fs-blog-link:hover {
  color: var(--fs-chron-gold) !important;
}

/* Cartes éditoriales */
body.page-cms.page-cms-17 .fs-blog-card,
body.cms-id-17 .fs-blog-card {
  background: #fff !important;
  border: 1px solid var(--fs-chron-line) !important;
  border-radius: var(--fs-chron-radius) !important;
  box-shadow: var(--fs-chron-shadow) !important;
  transition: transform 0.25s var(--fs-chron-ease), box-shadow 0.25s var(--fs-chron-ease) !important;
}

body.page-cms.page-cms-17 .fs-blog-card:hover,
body.cms-id-17 .fs-blog-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 56px rgba(26, 23, 22, 0.1) !important;
}

body.page-cms.page-cms-17 .fs-blog-card-content,
body.cms-id-17 .fs-blog-card-content {
  padding: clamp(1.15rem, 2.5vw, 1.5rem) !important;
}

body.page-cms.page-cms-17 .fs-blog-card-content h3,
body.cms-id-17 .fs-blog-card-content h3 {
  font-family: var(--fs-chron-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
  line-height: 1.28 !important;
  color: var(--fs-chron-ink) !important;
}

body.page-cms.page-cms-17 .fs-blog-card-content p:not(.fs-blog-card-cat),
body.cms-id-17 .fs-blog-card-content p:not(.fs-blog-card-cat) {
  font-size: 0.9375rem !important;
  line-height: 1.72 !important;
  color: var(--fs-chron-ink-soft) !important;
}

body.page-cms.page-cms-17 .fs-blog-card-meta,
body.cms-id-17 .fs-blog-card-meta {
  border-top-color: var(--fs-chron-line) !important;
  font-size: 0.75rem !important;
  color: rgba(74, 69, 67, 0.72) !important;
}

/* Carte article publié — lien + CTA */
body.page-cms.page-cms-17 .fs-blog-card--live,
body.cms-id-17 .fs-blog-card--live {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  border-color: rgba(184, 149, 107, 0.28) !important;
}

body.page-cms.page-cms-17 .fs-blog-card--live:focus-visible,
body.cms-id-17 .fs-blog-card--live:focus-visible {
  outline: 2px solid var(--fs-chron-gold) !important;
  outline-offset: 3px !important;
}

body.page-cms.page-cms-17 .fs-blog-card--live .fs-blog-card-content h3,
body.cms-id-17 .fs-blog-card--live .fs-blog-card-content h3 {
  color: var(--fs-chron-ink) !important;
}

body.page-cms.page-cms-17 .fs-blog-card-cta,
body.cms-id-17 .fs-blog-card-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 1rem !important;
  min-height: 2.5rem !important;
  padding: 0 1.35rem !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--fs-chron-plum-deep) 0%, var(--fs-chron-plum) 100%) !important;
  color: var(--fs-chron-ivory) !important;
  font-family: var(--fs-chron-sans) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
}

body.page-cms.page-cms-17 .fs-blog-card--live .fs-blog-card-meta span:last-child,
body.cms-id-17 .fs-blog-card--live .fs-blog-card-meta span:last-child {
  color: var(--fs-chron-plum) !important;
  font-weight: 600 !important;
}

/* Catégories */
body.page-cms.page-cms-17 .fs-blog-category-card,
body.cms-id-17 .fs-blog-category-card {
  background: linear-gradient(145deg, #fff 0%, var(--fs-chron-warm) 100%) !important;
  border: 1px solid var(--fs-chron-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(26, 23, 22, 0.05) !important;
  transition: transform 0.22s var(--fs-chron-ease), border-color 0.22s var(--fs-chron-ease) !important;
}

body.page-cms.page-cms-17 .fs-blog-category-card:hover,
body.cms-id-17 .fs-blog-category-card:hover {
  border-color: rgba(184, 149, 107, 0.35) !important;
  transform: translateY(-3px) !important;
}

body.page-cms.page-cms-17 .fs-blog-category-card span,
body.cms-id-17 .fs-blog-category-card span {
  font-family: var(--fs-chron-serif) !important;
  color: rgba(184, 149, 107, 0.55) !important;
}

body.page-cms.page-cms-17 .fs-blog-category-card strong,
body.cms-id-17 .fs-blog-category-card strong {
  font-family: var(--fs-chron-serif) !important;
  font-weight: 500 !important;
  color: var(--fs-chron-ink) !important;
}

body.page-cms.page-cms-17 .fs-blog-category-card em,
body.cms-id-17 .fs-blog-category-card em {
  font-style: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
  color: var(--fs-chron-ink-soft) !important;
}

/* Sidebar */
body.page-cms.page-cms-17 .fs-blog-side-box,
body.cms-id-17 .fs-blog-side-box {
  background: #fff !important;
  border: 1px solid var(--fs-chron-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(26, 23, 22, 0.04) !important;
}

body.page-cms.page-cms-17 .fs-blog-side-title,
body.cms-id-17 .fs-blog-side-title {
  font-family: var(--fs-chron-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  color: var(--fs-chron-ink) !important;
}

body.page-cms.page-cms-17 .fs-blog-search-fake,
body.cms-id-17 .fs-blog-search-fake {
  border-color: var(--fs-chron-line) !important;
  background: var(--fs-chron-warm) !important;
  color: rgba(74, 69, 67, 0.65) !important;
}

body.page-cms.page-cms-17 .fs-blog-side-cat,
body.cms-id-17 .fs-blog-side-cat {
  color: var(--fs-chron-ink-soft) !important;
  transition: color 0.2s var(--fs-chron-ease) !important;
}

body.page-cms.page-cms-17 .fs-blog-side-cat:hover,
body.cms-id-17 .fs-blog-side-cat:hover {
  color: var(--fs-chron-plum) !important;
}

body.page-cms.page-cms-17 .fs-blog-popular-text strong,
body.cms-id-17 .fs-blog-popular-text strong {
  font-family: var(--fs-chron-serif) !important;
  font-weight: 500 !important;
  color: var(--fs-chron-ink) !important;
}

body.page-cms.page-cms-17 .fs-blog-popular:hover .fs-blog-popular-text strong,
body.cms-id-17 .fs-blog-popular:hover .fs-blog-popular-text strong {
  color: var(--fs-chron-plum) !important;
}

/* ═══════════════════════════════════════
   Newsletter — bloc CTA premium sombre
   ═══════════════════════════════════════ */
body.page-cms.page-cms-17 .fs-blog-newsletter,
body.cms-id-17 .fs-blog-newsletter {
  max-width: var(--fs-chron-width) !important;
  margin: clamp(2rem, 4vw, 3rem) auto clamp(3rem, 5vw, 4rem) !important;
  padding: clamp(1.65rem, 3vw, 2.35rem) clamp(1.35rem, 3vw, 2rem) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--fs-chron-plum-dark) 0%, #452536 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 24px 56px rgba(42, 23, 32, 0.18) !important;
  color: rgba(253, 252, 250, 0.88) !important;
}

body.page-cms.page-cms-17 .fs-blog-newsletter .fs-blog-section-kicker,
body.cms-id-17 .fs-blog-newsletter .fs-blog-section-kicker {
  color: var(--fs-chron-gold) !important;
}

body.page-cms.page-cms-17 .fs-blog-newsletter h2,
body.cms-id-17 .fs-blog-newsletter h2 {
  color: var(--fs-chron-ivory) !important;
}

body.page-cms.page-cms-17 .fs-blog-newsletter p,
body.cms-id-17 .fs-blog-newsletter p {
  color: rgba(253, 252, 250, 0.78) !important;
  line-height: 1.75 !important;
}

body.page-cms.page-cms-17 .fs-blog-newsletter-icon,
body.cms-id-17 .fs-blog-newsletter-icon {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(184, 149, 107, 0.35) !important;
  color: var(--fs-chron-gold) !important;
  font-size: 0 !important;
  position: relative !important;
}

body.page-cms.page-cms-17 .fs-blog-newsletter-icon::before,
body.cms-id-17 .fs-blog-newsletter-icon::before {
  content: "✦" !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  opacity: 0.9 !important;
}

body.page-cms.page-cms-17 .fs-blog-newsletter-placeholder,
body.cms-id-17 .fs-blog-newsletter-placeholder {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: rgba(74, 69, 67, 0.62) !important;
}

body.page-cms.page-cms-17 .fs-blog-newsletter-button,
body.cms-id-17 .fs-blog-newsletter-button {
  background: var(--fs-chron-gold) !important;
  color: var(--fs-chron-ivory) !important;
  font-family: var(--fs-chron-sans) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 24px rgba(184, 149, 107, 0.35) !important;
  transition: background 0.22s var(--fs-chron-ease), transform 0.22s var(--fs-chron-ease) !important;
}

body.page-cms.page-cms-17 .fs-blog-newsletter-button:hover,
body.cms-id-17 .fs-blog-newsletter-button:hover {
  background: var(--fs-chron-ivory) !important;
  color: var(--fs-chron-ink) !important;
  transform: translateY(-1px) !important;
}

/* ═══════════════════════════════════════
   Responsive
   ═══════════════════════════════════════ */
@media (max-width: 767px) {
  body.page-cms.page-cms-17 .fs-blog-slide-1,
  body.page-cms.page-cms-17 .fs-blog-slide-2,
  body.page-cms.page-cms-17 .fs-blog-slide-3,
  body.cms-id-17 .fs-blog-slide-1,
  body.cms-id-17 .fs-blog-slide-2,
  body.cms-id-17 .fs-blog-slide-3 {
    background:
      linear-gradient(180deg, rgba(253, 252, 250, 0.97) 0%, rgba(253, 252, 250, 0.88) 55%, rgba(245, 240, 234, 0.75) 100%),
      url("/img/cms/blog/hero-blog-01.jpg") center / cover no-repeat !important;
  }

  body.page-cms.page-cms-17 .fs-blog-slide-2,
  body.cms-id-17 .fs-blog-slide-2 {
    background-image:
      linear-gradient(180deg, rgba(253, 252, 250, 0.97) 0%, rgba(253, 252, 250, 0.88) 55%, rgba(245, 240, 234, 0.75) 100%),
      url("/img/cms/blog/hero-blog-02.jpg") !important;
  }

  body.page-cms.page-cms-17 .fs-blog-slide-3,
  body.cms-id-17 .fs-blog-slide-3 {
    background-image:
      linear-gradient(180deg, rgba(253, 252, 250, 0.97) 0%, rgba(253, 252, 250, 0.88) 55%, rgba(245, 240, 234, 0.75) 100%),
      url("/img/cms/blog/hero-blog-03.jpg") !important;
  }

  body.page-cms.page-cms-17 .fs-blog-slide-content,
  body.cms-id-17 .fs-blog-slide-content {
    max-width: none !important;
    background: rgba(253, 252, 250, 0.78) !important;
  }

  body.page-cms.page-cms-17 .fs-blog-slide-content h1,
  body.page-cms.page-cms-17 .fs-blog-slide-content h2,
  body.cms-id-17 .fs-blog-slide-content h1,
  body.cms-id-17 .fs-blog-slide-content h2 {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
  }

  body.page-cms.page-cms-17 .fs-blog-newsletter,
  body.cms-id-17 .fs-blog-newsletter {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

/* ═══════════════════════════════════════
   Hub Chroniques 1B — grille éditoriale stable
   ═══════════════════════════════════════ */
body.page-cms.page-cms-17,
body.cms-id-17 {
  --fs-chron-width: min(90rem, calc(100vw - 2.5rem));
}

body.page-cms.page-cms-17 a.fs-blog-card.fs-blog-card--live:empty,
body.cms-id-17 a.fs-blog-card.fs-blog-card--live:empty {
  display: none !important;
}

body.page-cms.page-cms-17 .fs-blog-content-wrap,
body.cms-id-17 .fs-blog-content-wrap {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1rem, 2.5vw, 1.75rem) clamp(3rem, 6vw, 4.5rem) !important;
}

body.page-cms.page-cms-17 .fs-blog-sidebar,
body.cms-id-17 .fs-blog-sidebar {
  display: none !important;
}

body.page-cms.page-cms-17 .fs-blog-card-grid--hub,
body.cms-id-17 .fs-blog-card-grid--hub {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(1.25rem, 2.5vw, 1.75rem) !important;
}

body.page-cms.page-cms-17 .fs-blog-content-wrap .fs-blog-card-grid--hub,
body.cms-id-17 .fs-blog-content-wrap .fs-blog-card-grid--hub {
  grid-template-columns: unset !important;
}

body.page-cms.page-cms-17 .fs-blog-card--featured,
body.cms-id-17 .fs-blog-card--featured {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-color: rgba(184, 149, 107, 0.35) !important;
  box-shadow: 0 24px 64px rgba(26, 23, 22, 0.11) !important;
  cursor: default !important;
}

body.page-cms.page-cms-17 .fs-blog-card--live.fs-blog-card--featured,
body.cms-id-17 .fs-blog-card--live.fs-blog-card--featured {
  display: flex !important;
  flex-direction: column !important;
}

body.page-cms.page-cms-17 .fs-blog-card--featured .fs-blog-card-image,
body.cms-id-17 .fs-blog-card--featured .fs-blog-card-image {
  width: 100% !important;
  min-height: 12.5rem !important;
  height: auto !important;
}

body.page-cms.page-cms-17 .fs-blog-card--featured .fs-blog-card-content,
body.cms-id-17 .fs-blog-card--featured .fs-blog-card-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(1.25rem, 3vw, 2.25rem) clamp(1.15rem, 2.5vw, 2rem) !important;
}

@media (min-width: 768px) {
  body.page-cms.page-cms-17 .fs-blog-card--featured,
  body.cms-id-17 .fs-blog-card--featured,
  body.page-cms.page-cms-17 .fs-blog-card--live.fs-blog-card--featured,
  body.cms-id-17 .fs-blog-card--live.fs-blog-card--featured {
    display: grid !important;
    grid-template-columns: minmax(280px, 44%) minmax(0, 1fr) !important;
    flex-direction: unset !important;
  }

  body.page-cms.page-cms-17 .fs-blog-card--featured .fs-blog-card-image,
  body.cms-id-17 .fs-blog-card--featured .fs-blog-card-image {
    height: 100% !important;
    min-height: clamp(16rem, 32vw, 22rem) !important;
    grid-row: 1 / -1 !important;
    grid-column: 1 !important;
  }

  body.page-cms.page-cms-17 .fs-blog-card--featured .fs-blog-card-content,
  body.cms-id-17 .fs-blog-card--featured .fs-blog-card-content {
    grid-column: 2 !important;
    padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.25rem, 2.5vw, 2rem) !important;
  }

  body.page-cms.page-cms-17 .fs-blog-card--featured .fs-blog-card-content h3,
  body.cms-id-17 .fs-blog-card--featured .fs-blog-card-content h3 {
    font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
    margin-bottom: 0.75rem !important;
  }
}

body.page-cms.page-cms-17 .fs-blog-card-hit,
body.cms-id-17 .fs-blog-card-hit {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

body.page-cms.page-cms-17 .fs-blog-card-title-link,
body.cms-id-17 .fs-blog-card-title-link {
  position: relative !important;
  z-index: 3 !important;
  color: inherit !important;
  text-decoration: none !important;
}

body.page-cms.page-cms-17 .fs-blog-card-title-link:hover,
body.cms-id-17 .fs-blog-card-title-link:hover {
  color: var(--fs-chron-plum) !important;
}

body.page-cms.page-cms-17 .fs-blog-card--featured:hover,
body.cms-id-17 .fs-blog-card--featured:hover {
  transform: translateY(-3px) !important;
}

body.page-cms.page-cms-17 .fs-blog-card--featured .fs-blog-card-cta,
body.cms-id-17 .fs-blog-card--featured .fs-blog-card-cta {
  position: relative !important;
  z-index: 3 !important;
  align-self: flex-start !important;
  margin-top: auto !important;
}

body.page-cms.page-cms-17 .fs-blog-card-grid__soon-row,
body.cms-id-17 .fs-blog-card-grid__soon-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(1rem, 2vw, 1.35rem) !important;
}

@media (min-width: 768px) {
  body.page-cms.page-cms-17 .fs-blog-card-grid__soon-row,
  body.cms-id-17 .fs-blog-card-grid__soon-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.page-cms.page-cms-17 .fs-blog-card--soon,
body.cms-id-17 .fs-blog-card--soon {
  position: relative !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border-style: dashed !important;
  border-color: rgba(122, 105, 78, 0.22) !important;
  box-shadow: none !important;
  transform: none !important;
  pointer-events: none !important;
  opacity: 0.92 !important;
}

body.page-cms.page-cms-17 .fs-blog-card--soon:hover,
body.cms-id-17 .fs-blog-card--soon:hover {
  transform: none !important;
  box-shadow: none !important;
}

body.page-cms.page-cms-17 .fs-blog-card-soon-badge,
body.cms-id-17 .fs-blog-card-soon-badge {
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0.35rem 0.75rem !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--fs-chron-plum) !important;
  background: rgba(253, 252, 250, 0.94) !important;
  border: 1px solid rgba(184, 149, 107, 0.35) !important;
  border-radius: 999px !important;
}

body.page-cms.page-cms-17 .fs-blog-card-image--muted,
body.cms-id-17 .fs-blog-card-image--muted {
  filter: grayscale(0.35) saturate(0.75) !important;
  opacity: 0.82 !important;
}

body.page-cms.page-cms-17 .fs-blog-card--soon .fs-blog-card-content h3,
body.cms-id-17 .fs-blog-card--soon .fs-blog-card-content h3 {
  color: rgba(26, 23, 22, 0.78) !important;
}

body.page-cms.page-cms-17 .fs-blog-card-status--live,
body.cms-id-17 .fs-blog-card-status--live {
  color: var(--fs-chron-plum) !important;
  font-weight: 600 !important;
}

body.mobile_device.page-cms.page-cms-17 .fs-blog-card--featured,
body.mobile_device.cms-id-17 .fs-blog-card--featured,
body.mobile_device.page-cms.page-cms-17 .fs-blog-card--live.fs-blog-card--featured,
body.mobile_device.cms-id-17 .fs-blog-card--live.fs-blog-card--featured {
  display: flex !important;
  flex-direction: column !important;
}