/* Shared public-site theme switch styles. Typography in essay content is deliberately untouched. */
:root { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }
.theme-toggle {
  display:inline-flex; align-items:center; justify-content:center; gap:.42rem;
  min-height:38px; padding:.48rem .8rem; border:1px solid rgba(245,246,248,.3);
  border-radius:999px; background:rgba(255,255,255,.06); color:#f5f6f8;
  font:700 .78rem/1 "Space Grotesk",sans-serif; cursor:pointer; white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.theme-toggle span[aria-hidden="true"] { font-size:1.05rem; line-height:1; }
.theme-toggle:hover { background:rgba(255,255,255,.13); }
.theme-toggle:focus-visible { outline:2px solid #8fa8ff; outline-offset:3px; }
.site-nav .theme-toggle { margin-left:.15rem; }
.essay-nav .theme-toggle { flex-shrink:0; }
.essay-nav { gap:12px; }
.essay-nav-right { flex-wrap:wrap; }
@media(max-width:767px) {
  .site-nav .theme-toggle { margin-left:auto; margin-right:.55rem; min-height:36px; padding:.4rem .65rem; }
  .theme-toggle-label { display:inline; }
}

/* The reading pages keep their existing typefaces, sizes, and line spacing. */
html[data-theme="dark"] body.essay-page {
  background:#202226 !important; color:#f5f6f8 !important;
}
html[data-theme="dark"] body.essay-page .essay-header,
html[data-theme="dark"] body.essay-page header,
html[data-theme="dark"] body.essay-page .essay-nav {
  background:#202226 !important; border-color:rgba(245,246,248,.15) !important;
}
html[data-theme="dark"] body.essay-page .essay-back,
html[data-theme="dark"] body.essay-page .essay-brand,
html[data-theme="dark"] body.essay-page .essay-title,
html[data-theme="dark"] body.essay-page .essay-byline,
html[data-theme="dark"] body.essay-page .essay-tools,
html[data-theme="dark"] body.essay-page .essay-tool-label,
html[data-theme="dark"] body.essay-page #error { color:#f5f6f8 !important; }
html[data-theme="dark"] body.essay-page .essay-kicker,
html[data-theme="dark"] body.essay-page .essay-date { color:#a5a8b0 !important; }
html[data-theme="dark"] body.essay-page .essay-content { color:#e4e5e8 !important; }
html[data-theme="dark"] body.essay-page .essay-content blockquote { color:#c7c9cf !important; }
html[data-theme="dark"] body.essay-page .essay-rule { border-color:rgba(245,246,248,.16) !important; }
html[data-theme="dark"] body.essay-page .essay-menu-btn,
html[data-theme="dark"] body.essay-page .essay-tool-btn {
  color:#f5f6f8 !important; background:#292c32 !important; border-color:rgba(245,246,248,.28) !important;
}
html[data-theme="dark"] body.essay-page .essay-content a { color:#ff8b68 !important; }
html[data-theme="dark"] body.essay-page .theme-toggle { color:#f5f6f8; border-color:rgba(245,246,248,.28); }

/* Warm off-white theme for the homepage and standard public pages. */
html[data-theme="light"] body.front-page,
html[data-theme="light"] body.dossier-page,
html[data-theme="light"] body.articles-page,
html[data-theme="light"] body.contact-page {
  --black:#f5f3ef; --panel:#ffffff; --white:#202226; --muted:#656873;
  background:#f5f3ef !important; background-image:none !important; color:#202226 !important;
}
html[data-theme="light"] body.front-page::after,
html[data-theme="light"] body.dossier-page::before,
html[data-theme="light"] body.articles-page::before,
html[data-theme="light"] body.contact-page::before,
html[data-theme="light"] body.dossier-page::after,
html[data-theme="light"] body.articles-page::after,
html[data-theme="light"] body.contact-page::after { background:none !important; }
html[data-theme="light"] body.front-page .site-header,
html[data-theme="light"] body.dossier-page > header.fixed,
html[data-theme="light"] body.articles-page > header.fixed,
html[data-theme="light"] body.contact-page > header.fixed,
html[data-theme="light"] body.dossier-page > header.fixed > nav.site-nav,
html[data-theme="light"] body.articles-page > header.fixed > nav.site-nav,
html[data-theme="light"] body.contact-page > header.fixed > nav.site-nav {
  background:rgba(245,243,239,.96) !important; border-bottom:1px solid rgba(32,34,38,.12) !important; box-shadow:none !important;
}
html[data-theme="light"] body.front-page .site-brand,
html[data-theme="light"] body.dossier-page .site-brand,
html[data-theme="light"] body.articles-page .site-brand,
html[data-theme="light"] body.contact-page .site-brand { color:#202226 !important; }
html[data-theme="light"] body.front-page .brand-accent,
html[data-theme="light"] body.dossier-page .brand-accent,
html[data-theme="light"] body.articles-page .brand-accent,
html[data-theme="light"] body.contact-page .brand-accent { color:#b9441f !important; }
html[data-theme="light"] body.front-page .site-nav-link,
html[data-theme="light"] body.dossier-page .site-nav-link,
html[data-theme="light"] body.articles-page .site-nav-link,
html[data-theme="light"] body.contact-page .site-nav-link {
  color:#202226 !important; border-color:rgba(32,34,38,.2) !important; background:transparent !important;
}
html[data-theme="light"] body.front-page .site-nav-link:hover,
html[data-theme="light"] body.front-page .site-nav-link.active,
html[data-theme="light"] body.dossier-page .site-nav-link:hover,
html[data-theme="light"] body.dossier-page .site-nav-link.active,
html[data-theme="light"] body.articles-page .site-nav-link:hover,
html[data-theme="light"] body.articles-page .site-nav-link.active,
html[data-theme="light"] body.contact-page .site-nav-link:hover,
html[data-theme="light"] body.contact-page .site-nav-link.active { background:#202226 !important; color:#fff !important; border-color:#202226 !important; }
html[data-theme="light"] body.front-page .theme-toggle,
html[data-theme="light"] body.dossier-page .theme-toggle,
html[data-theme="light"] body.articles-page .theme-toggle,
html[data-theme="light"] body.contact-page .theme-toggle { color:#202226; border-color:rgba(32,34,38,.25); background:rgba(32,34,38,.04); }
html[data-theme="light"] body.front-page .hero-grid { background-image:linear-gradient(rgba(32,34,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,34,38,.035) 1px,transparent 1px); }
html[data-theme="light"] body.front-page .hero-grid > .absolute.inset-0 { opacity:.35; }
html[data-theme="light"] body.front-page .hero-brand-title,
html[data-theme="light"] body.front-page .hero-brand-line,
html[data-theme="light"] body.front-page .hero-intro > p:first-child,
html[data-theme="light"] body.front-page .archive-section h2,
html[data-theme="light"] body.front-page main > section { color:#202226 !important; }
html[data-theme="light"] body.front-page .hero-brand-accent { color:#b9441f !important; }
html[data-theme="light"] body.front-page .text-cinema-muted { color:#656873 !important; }
html[data-theme="light"] body.front-page .hero-signature { filter:brightness(0) saturate(100%) opacity(.82); }
html[data-theme="light"] body.front-page .hero-signature-wrap { border-top-color:rgba(32,34,38,.18) !important; }
html[data-theme="light"] body.front-page .hero-signature-caption { color:#656873 !important; }
html[data-theme="light"] body.front-page .hero-portrait-frame { background:#f5f3ef !important; }
html[data-theme="light"] body.front-page .hero-portrait-frame::after { background:linear-gradient(90deg,rgba(245,243,239,.32),transparent 60%) !important; }
html[data-theme="light"] body.front-page .archive-section,
html[data-theme="light"] body.front-page main > section.bg-cinema-panel { background:#eeece7 !important; }
html[data-theme="light"] body.front-page .home-feature,
html[data-theme="light"] body.front-page .article-card { background:#fff !important; color:#202226 !important; border-color:rgba(32,34,38,.14) !important; }
html[data-theme="light"] body.front-page .home-feature strong,
html[data-theme="light"] body.front-page .home-feature p { color:#202226 !important; }
html[data-theme="light"] body.dossier-page main,
html[data-theme="light"] body.articles-page main,
html[data-theme="light"] body.contact-page main,
html[data-theme="light"] body.dossier-page main > section,
html[data-theme="light"] body.articles-page main > section,
html[data-theme="light"] body.contact-page main > section { background:#f5f3ef !important; color:#202226 !important; }
html[data-theme="light"] body.dossier-page .text-cinema-black,
html[data-theme="light"] body.articles-page .text-cinema-black,
html[data-theme="light"] body.contact-page .text-cinema-black,
html[data-theme="light"] body.dossier-page .text-cinema-white,
html[data-theme="light"] body.articles-page .text-cinema-white,
html[data-theme="light"] body.contact-page .text-cinema-white,
html[data-theme="light"] body.dossier-page main h1,
html[data-theme="light"] body.articles-page main h1,
html[data-theme="light"] body.contact-page main h1,
html[data-theme="light"] body.dossier-page main h2,
html[data-theme="light"] body.articles-page main h2,
html[data-theme="light"] body.contact-page main h2 { color:#202226 !important; }
html[data-theme="light"] body.dossier-page .text-cinema-orange,
html[data-theme="light"] body.articles-page .text-cinema-orange,
html[data-theme="light"] body.contact-page .text-cinema-orange { color:#b9441f !important; }
html[data-theme="light"] body.dossier-page .text-cinema-amber,
html[data-theme="light"] body.articles-page .text-cinema-amber,
html[data-theme="light"] body.contact-page .text-cinema-amber,
html[data-theme="light"] body.dossier-page .text-cinema-muted,
html[data-theme="light"] body.articles-page .text-cinema-muted,
html[data-theme="light"] body.contact-page .text-cinema-muted { color:#656873 !important; }
html[data-theme="light"] body.dossier-page .bg-cinema-black,
html[data-theme="light"] body.articles-page .bg-cinema-black,
html[data-theme="light"] body.contact-page .bg-cinema-black,
html[data-theme="light"] body.dossier-page .bg-cinema-panel,
html[data-theme="light"] body.articles-page .bg-cinema-panel,
html[data-theme="light"] body.contact-page .bg-cinema-panel { background:#fff !important; color:#202226 !important; }
html[data-theme="light"] body.dossier-page .brutal-border,
html[data-theme="light"] body.contact-page .brutal-border { border-color:rgba(32,34,38,.18) !important; }
html[data-theme="light"] body.articles-page #articlesGrid > *,
html[data-theme="light"] body.articles-page .article-card,
html[data-theme="light"] body.articles-page #articlesGrid article { background:#fff !important; color:#202226 !important; border-color:rgba(32,34,38,.16) !important; }
html[data-theme="light"] body.articles-page #articlesGrid a,
html[data-theme="light"] body.articles-page #articlesGrid h2,
html[data-theme="light"] body.articles-page #articlesGrid h3 { color:#202226 !important; }
html[data-theme="light"] body.articles-page #articlesGrid p { color:#656873 !important; }
html[data-theme="light"] body.articles-page #filterBar button { color:#202226 !important; border-color:rgba(32,34,38,.25) !important; }
html[data-theme="light"] body.articles-page #filterBar button[aria-pressed="true"],
html[data-theme="light"] body.articles-page #filterBar button.active { background:#2448c8 !important; color:#fff !important; }
html[data-theme="light"] body.contact-page main > section h1,
html[data-theme="light"] body.contact-page main > section > div > div > p,
html[data-theme="light"] body.contact-page #contactForm label,
html[data-theme="light"] body.contact-page #contactForm p { color:#202226 !important; }
html[data-theme="light"] body.contact-page main > section > div > div > p:first-child { color:#2448c8 !important; }
html[data-theme="light"] body.contact-page #contactForm { background:#fff !important; border-color:rgba(32,34,38,.18) !important; }
html[data-theme="light"] body.contact-page #contactForm input,
html[data-theme="light"] body.contact-page #contactForm textarea { background:#f5f3ef !important; color:#202226 !important; border-color:rgba(32,34,38,.25) !important; }
html[data-theme="light"] body.contact-page #contactForm input::placeholder,
html[data-theme="light"] body.contact-page #contactForm textarea::placeholder { color:#656873 !important; }
html[data-theme="light"] body.dossier-page footer,
html[data-theme="light"] body.articles-page footer,
html[data-theme="light"] body.contact-page footer,
html[data-theme="light"] body.front-page footer { background:#e8e5df !important; color:#656873 !important; }
html[data-theme="light"] body.dossier-page footer a,
html[data-theme="light"] body.articles-page footer a,
html[data-theme="light"] body.contact-page footer a,
html[data-theme="light"] body.front-page footer a { color:#202226 !important; }
html[data-theme="light"] body.dossier-page #mobileMenu,
html[data-theme="light"] body.articles-page #mobileMenu,
html[data-theme="light"] body.contact-page #mobileMenu,
html[data-theme="light"] body.front-page #mobileMenu { background:rgba(245,243,239,.98) !important; color:#202226 !important; border-color:rgba(32,34,38,.18) !important; }
html[data-theme="light"] body.dossier-page #mobileMenu a,
html[data-theme="light"] body.articles-page #mobileMenu a,
html[data-theme="light"] body.contact-page #mobileMenu a,
html[data-theme="light"] body.front-page #mobileMenu a { color:#202226 !important; border-color:rgba(32,34,38,.12) !important; }

/* Warm off-white theme for article-reading pages: colour only; font rules remain untouched. */
html[data-theme="light"] body.essay-page { background:#f5f3ef !important; color:#202226 !important; }
html[data-theme="light"] body.essay-page header,
html[data-theme="light"] body.essay-page .essay-header,
html[data-theme="light"] body.essay-page .essay-nav { background:#f5f3ef !important; border-color:rgba(32,34,38,.16) !important; }
html[data-theme="light"] body.essay-page .essay-back,
html[data-theme="light"] body.essay-page .essay-brand,
html[data-theme="light"] body.essay-page .essay-title,
html[data-theme="light"] body.essay-page .essay-byline,
html[data-theme="light"] body.essay-page .essay-tools,
html[data-theme="light"] body.essay-page .essay-tool-label,
html[data-theme="light"] body.essay-page #error { color:#202226 !important; }
html[data-theme="light"] body.essay-page .essay-kicker,
html[data-theme="light"] body.essay-page .essay-date { color:#656873 !important; }
html[data-theme="light"] body.essay-page .essay-content { color:#292929 !important; }
html[data-theme="light"] body.essay-page .essay-content blockquote { color:#555 !important; }
html[data-theme="light"] body.essay-page .essay-rule { border-color:rgba(32,34,38,.16) !important; }
html[data-theme="light"] body.essay-page .essay-menu-btn,
html[data-theme="light"] body.essay-page .essay-tool-btn { color:#202226 !important; background:#fff !important; border-color:rgba(32,34,38,.3) !important; }
html[data-theme="light"] body.essay-page .essay-content a { color:#a93619 !important; }
html[data-theme="light"] body.essay-page .theme-toggle { color:#202226; border-color:rgba(32,34,38,.25); background:rgba(32,34,38,.04); }


/* =========================================================
   FOLLOW-UP REFINEMENTS — reliable light theme, consistent
   homepage essay-card typography, and rounded essay CTA.
   ========================================================= */

/* Light mode must override the dark cinematic hero's own !important background. */
html[data-theme="light"] body.front-page,
html[data-theme="light"] body.front-page .hero-grid,
html[data-theme="light"] body.front-page .hero-content {
  background-color: #f5f3ef !important;
  color: #202226 !important;
}
html[data-theme="light"] body.front-page .hero-grid > .absolute.inset-0 {
  background: radial-gradient(ellipse at 76% 44%, rgba(32,34,38,.025), transparent 38%),
              linear-gradient(90deg, #f5f3ef 0%, #f5f3ef 38%, rgba(245,243,239,.94) 57%, rgba(245,243,239,.48) 100%) !important;
  opacity: 1 !important;
}
html[data-theme="light"] body.front-page .hero-grid .hero-intro {
  border-left-color: #2448c8 !important;
}
html[data-theme="light"] body.front-page .hero-grid .hero-intro p:first-child {
  color: #202226 !important;
}
html[data-theme="light"] body.front-page .hero-grid .hero-intro p:last-child,
html[data-theme="light"] body.front-page .hero-grid > .absolute.bottom-5 {
  color: #656873 !important;
}
html[data-theme="light"] body.front-page .hero-grid .hero-brand-title,
html[data-theme="light"] body.front-page .hero-grid .hero-brand-line,
html[data-theme="light"] body.front-page .hero-grid .hero-brand-line:nth-child(2) {
  color: #202226 !important;
  -webkit-text-fill-color: #202226 !important;
}
html[data-theme="light"] body.front-page .hero-grid .hero-brand-accent {
  color: #b9441f !important;
  -webkit-text-fill-color: #b9441f !important;
}
html[data-theme="light"] body.front-page .hero-grid .hero-brand-period {
  color: #2448c8 !important;
  -webkit-text-fill-color: #2448c8 !important;
}
html[data-theme="light"] body.front-page .hero-grid .button-1-front {
  background: #2448c8 !important;
  color: #fff !important;
  border-color: #2448c8 !important;
  border-radius: 999px !important;
}
html[data-theme="light"] body.front-page .hero-grid .button-1:hover .button-1-front {
  background: #1939a8 !important;
  color: #fff !important;
}

/* Explicit contrast for pill navigation buttons and their nested text. */
html[data-theme="light"] body.front-page .site-nav .site-nav-link.button-7,
html[data-theme="light"] body.dossier-page .site-nav .site-nav-link.button-7,
html[data-theme="light"] body.articles-page .site-nav .site-nav-link.button-7,
html[data-theme="light"] body.contact-page .site-nav .site-nav-link.button-7 {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid rgba(32,34,38,.22) !important;
  color: #202226 !important;
  -webkit-text-fill-color: #202226 !important;
  box-shadow: 0 2px 5px rgba(32,34,38,.08) !important;
}
html[data-theme="light"] body.front-page .site-nav .site-nav-link.button-7 .text,
html[data-theme="light"] body.dossier-page .site-nav .site-nav-link.button-7 .text,
html[data-theme="light"] body.articles-page .site-nav .site-nav-link.button-7 .text,
html[data-theme="light"] body.contact-page .site-nav .site-nav-link.button-7 .text {
  color: #202226 !important;
  -webkit-text-fill-color: #202226 !important;
}
html[data-theme="light"] body.front-page .site-nav .site-nav-link.button-7:hover,
html[data-theme="light"] body.front-page .site-nav .site-nav-link.button-7.active,
html[data-theme="light"] body.dossier-page .site-nav .site-nav-link.button-7:hover,
html[data-theme="light"] body.dossier-page .site-nav .site-nav-link.button-7.active,
html[data-theme="light"] body.articles-page .site-nav .site-nav-link.button-7:hover,
html[data-theme="light"] body.articles-page .site-nav .site-nav-link.button-7.active,
html[data-theme="light"] body.contact-page .site-nav .site-nav-link.button-7:hover,
html[data-theme="light"] body.contact-page .site-nav .site-nav-link.button-7.active {
  background: #202226 !important;
  background-image: none !important;
  border-color: #202226 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="light"] body.front-page .site-nav .site-nav-link.button-7:hover .text,
html[data-theme="light"] body.front-page .site-nav .site-nav-link.button-7.active .text,
html[data-theme="light"] body.dossier-page .site-nav .site-nav-link.button-7:hover .text,
html[data-theme="light"] body.dossier-page .site-nav .site-nav-link.button-7.active .text,
html[data-theme="light"] body.articles-page .site-nav .site-nav-link.button-7:hover .text,
html[data-theme="light"] body.articles-page .site-nav .site-nav-link.button-7.active .text,
html[data-theme="light"] body.contact-page .site-nav .site-nav-link.button-7:hover .text,
html[data-theme="light"] body.contact-page .site-nav .site-nav-link.button-7.active .text {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="light"] body.front-page .theme-toggle,
html[data-theme="light"] body.dossier-page .theme-toggle,
html[data-theme="light"] body.articles-page .theme-toggle,
html[data-theme="light"] body.contact-page .theme-toggle {
  background: #fff !important;
  color: #202226 !important;
  border-color: rgba(32,34,38,.24) !important;
}

/* All homepage essay-card titles use the same font as the preferred
   “The Death of the Author” card. Case remains driven by the CMS title. */
.front-page .archive-section .home-feature strong {
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}
.front-page .archive-section .home-feature {
  font-family: "Space Grotesk", Arial, sans-serif !important;
}

/* The essays CTA should remain a pill in dark and light modes. */
.front-page .archive-section .btn-brutal,
html[data-theme="dark"] body.front-page .archive-section .btn-brutal,
html[data-theme="light"] body.front-page .archive-section .btn-brutal {
  border-radius: 999px !important;
}
html[data-theme="light"] body.front-page .archive-section .btn-brutal {
  background: #2448c8 !important;
  border-color: #2448c8 !important;
  color: #fff !important;
  box-shadow: none !important;
}
html[data-theme="light"] body.front-page .archive-section .btn-brutal:hover {
  background: #1939a8 !important;
  border-color: #1939a8 !important;
  color: #fff !important;
}
html[data-theme="light"] body.front-page .archive-section .home-feature span {
  color: #2448c8 !important;
}
html[data-theme="light"] body.front-page .archive-section .home-feature p {
  color: #656873 !important;
}
html[data-theme="light"] body.front-page .archive-section .home-feature:hover {
  background: #e6eaf8 !important;
  color: #202226 !important;
}


/* Explicit light-theme homepage brand override: SEPTIÈME only. */
html[data-theme="light"] body.front-page .hero-grid h1.hero-brand-title > span.hero-brand-line.hero-brand-accent {
  color: #B63D17 !important;
  -webkit-text-fill-color: #B63D17 !important;
}