*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.7;color:#111;background:#fff}
.sc-BPFyRl{max-width:900px;margin:0 auto;padding:0 28px}
.sc-yYoxaH{background:#111;color:#fff;padding:64px 0;margin-bottom:48px}
.sc-yYoxaH h1{font-size:42px;font-weight:800;letter-spacing:-1px;margin-bottom:8px}
.sc-yYoxaH p{font-size:18px;opacity:.7}
.sc-yYoxaH a{color:#fff;text-decoration:none;font-size:22px;font-weight:800}
.sc-UNNrKb{padding:0}
.sc-YEtBDr{padding:32px 0;border-left:4px solid #111;padding-left:24px;margin-bottom:28px}
.sc-YEtBDr h2{font-size:24px;font-weight:700;margin-bottom:6px}
.sc-YEtBDr h2 a{color:#111;text-decoration:none}
.sc-YEtBDr h2 a:hover{text-decoration:underline}
.sc-YEtBDr .sc-dmtoPr{font-size:12px;font-weight:600;text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:8px}
.sc-YEtBDr p{font-size:15px;color:#444;margin-bottom:10px}
.sc-mqYhqU{display:inline-block;background:#111;color:#fff;padding:8px 20px;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px}
.sc-mqYhqU:hover{background:#333}
.sc-PLFUYs{padding-bottom:60px}
.sc-PLFUYs h1{font-size:38px;font-weight:800;letter-spacing:-1px;margin-bottom:10px}
.sc-PLFUYs time{font-size:12px;font-weight:600;text-transform:uppercase;color:#888;letter-spacing:1px;display:block;margin-bottom:28px}
.sc-PLFUYs h2{font-size:26px;font-weight:700;margin:40px 0 14px}
.sc-PLFUYs h3{font-size:20px;font-weight:700;margin:32px 0 10px}
.sc-PLFUYs p{margin-bottom:18px;font-size:17px}
.sc-PLFUYs ul,.sc-PLFUYs ol{margin:0 0 18px 24px}
.sc-PLFUYs a{color:#111;font-weight:600;text-decoration:underline}
.sc-PLFUYs img{max-width:100%;height:auto;margin:20px 0}
.sc-woRwrQ{background:#111;color:#888;padding:28px 0;margin-top:48px;text-align:center;font-size:12px}
.sc-woRwrQ a{color:#888;text-decoration:none}
.sc-tHbfhf{background:#222;color:#aaa;padding:14px 20px;margin-bottom:24px;font-size:13px;font-style:italic}
.sc-pldcNh{background:#1a1a1a;color:#888;padding:14px 20px;margin-top:32px;font-size:12px;border-top:3px solid #444}
.sc-bzBIAd{font-size:12px;font-weight:600;text-transform:uppercase;color:#666;letter-spacing:1px;margin:-20px 0 28px;padding-left:12px;border-left:2px solid #ccc}
.sc-LbohrH{margin:0 0 24px}
.sc-cufvoy{width:100%;height:auto;border-radius:0}
.sc-lFgOVX{margin:20px 0}
.sc-aUdpfZ{width:100%;height:auto;border-radius:0}
.sc-eJEiUh{border-left:4px solid #111;padding-left:24px;margin-top:48px}
.sc-eJEiUh h3{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.sc-eJEiUh ul{list-style:none;padding:0}
.sc-eJEiUh li{padding:6px 0}
.sc-eJEiUh a{color:#111;text-decoration:underline;font-weight:600}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Merriweather:ital,wght@0,300;0,400;1,300&display=swap');
body{font-family:'Merriweather',Georgia,serif;font-weight:300;color:#29221D;background:#FBF8F2}
.sc-yYoxaH{background:#9E4B20;color:#fff}
.sc-yYoxaH h1{font-family:'Lora',Georgia,serif;font-weight:700;color:#fff}
.sc-yYoxaH p{color:rgba(255,255,255,.82)}
.sc-yYoxaH a{color:#fff;text-decoration:none}
.card h2{font-family:'Lora',Georgia,serif;font-weight:700}
.card h2 a{color:#9E4B20}
.card h2 a:hover{color:#BF7E2A}
.read-more{color:#BF7E2A}
.article-content h1{font-family:'Lora',Georgia,serif;font-weight:700}
.article-content h2{font-family:'Lora',Georgia,serif;font-weight:700}
.article-content a{color:#BF7E2A}
.article-content img{border-radius:8px}
.affiliate-disclosure{border-radius:8px}
.ymyl-disclaimer{border-radius:8px}
/* === Custom === */
/* ar-argent-fr — custom.css
   Journal de bord familial, fins de mois — Céline Mauger, Reims
   Palette terracotta-ambre sur papier écru : carnet de cuisine, pas site bancaire */

:root {
  --primary:    #9E4B20;
  --accent:     #BF7E2A;
  --bg:         #FBF8F2;
  --bg-alt:     #F3EDE3;
  --fg:         #29221D;
  --border:     #DDD0C4;
  --r:          8px;
  --muted:      #6E5D54;
  --card-bg:    #FFFFFF;
  --shadow:     rgba(158, 75, 32, 0.07);
  --font-heading: 'Lora', Georgia, serif;
  --font-body:    'Merriweather', Georgia, serif;
  --max-width:  960px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--fg);
  background-color: var(--bg);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
}

::selection {
  background-color: rgba(191, 126, 42, 0.18);
  color: var(--fg);
}

/* --- Headings --- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  color: var(--primary);
  margin-top: 1.6em;
  margin-bottom: 0.45em;
}

h1 { font-size: 2.05rem; }
h2 { font-size: 1.55rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.05rem; font-weight: 400; font-style: italic; }

/* --- Prose --- */
p {
  margin-top: 0;
  margin-bottom: 1.25em;
  max-width: 68ch;
}

a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--accent);
}

strong,
b {
  font-weight: 400;
  color: var(--fg);
}

em,
i {
  font-style: italic;
}

ul,
ol {
  padding-left: 1.6em;
  margin-bottom: 1.25em;
  max-width: 68ch;
}

li {
  margin-bottom: 0.45em;
}

li::marker {
  color: var(--accent);
}

blockquote {
  margin: 1.75em 0;
  padding: 1em 1.5em;
  border-left: 3px solid var(--accent);
  background-color: var(--bg-alt);
  font-style: italic;
  color: var(--muted);
  border-radius: 0 var(--r) var(--r) 0;
  max-width: 68ch;
}

blockquote p {
  margin-bottom: 0;
  max-width: none;
}

hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: 2.2em auto;
  max-width: 36ch;
}

/* --- Bold template: hero banner --- */
.sc-yYoxaH {
  background-color: var(--primary);
  color: #FFFFFF;
  padding: 3rem 1.5rem 2.75rem;
  text-align: center;
}

.sc-yYoxaH h1 {
  font-family: var(--font-heading);
  font-size: 2.3rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0.5rem;
  letter-spacing: -0.01em;
}

.sc-yYoxaH p {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.82);
  max-width: 560px;
  margin: 0 auto;
  font-style: italic;
  font-weight: 300;
}

.sc-yYoxaH a {
  color: #FFFFFF;
  text-decoration: none;
}

.sc-yYoxaH a:hover {
  color: rgba(255, 255, 255, 0.88);
}

/* --- Navigation --- */
nav {
  background-color: rgba(158, 75, 32, 0.94);
  padding: 0.6rem 1.5rem;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
}

nav a {
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  transition: color 0.2s ease;
}

nav a:hover {
  color: #FFFFFF;
}

/* --- Cards (listing page) --- */
.card {
  background-color: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 8px var(--shadow);
  transition: box-shadow 0.2s ease;
}

.card:hover {
  box-shadow: 0 4px 16px rgba(158, 75, 32, 0.11);
}

.card h2 {
  font-family: var(--font-heading);
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--primary);
  margin-top: 0;
  margin-bottom: 0.45rem;
}

.card h2 a {
  color: var(--primary);
  text-decoration: none;
}

.card h2 a:hover {
  color: var(--accent);
}

.card p {
  color: var(--muted);
  font-size: 0.93rem;
  margin-bottom: 0.75rem;
  max-width: none;
}

.card time,
.card .date {
  font-size: 0.8rem;
  color: var(--muted);
  letter-spacing: 0.04em;
  font-style: italic;
}

.read-more {
  color: var(--accent);
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid var(--accent);
  padding-bottom: 1px;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.read-more:hover {
  color: var(--primary);
  border-color: var(--primary);
}

/* --- Article content --- */
.article-content {
  max-width: 700px;
  margin: 0 auto;
  padding: 2.25rem 1.5rem;
}

.article-content h1 {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary);
  line-height: 1.25;
  margin-top: 0;
}

.article-content h2 {
  font-family: var(--font-heading);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--primary);
  margin-top: 2.2em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--border);
}

.article-content h3 {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--primary);
  margin-top: 1.75em;
}

.article-content p {
  font-size: 1rem;
  line-height: 1.85;
  max-width: 68ch;
}

.article-content a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.article-content a:hover {
  color: var(--primary);
}

.article-content img {
  border-radius: var(--r);
  margin: 1.75em 0;
}

.article-content blockquote {
  margin: 2em 0;
  padding: 1.1em 1.5em;
  border-left: 3px solid var(--accent);
  background-color: var(--bg-alt);
  font-style: italic;
  font-size: 1.05rem;
  color: var(--muted);
  border-radius: 0 var(--r) var(--r) 0;
}

.article-content ul,
.article-content ol {
  font-size: 1rem;
  line-height: 1.85;
  max-width: 68ch;
}

/* --- Post meta --- */
.post-meta,
.entry-meta {
  font-size: 0.82rem;
  color: var(--muted);
  font-style: italic;
  margin-bottom: 2rem;
  letter-spacing: 0.02em;
}

/* --- Footer --- */
footer {
  background-color: var(--primary);
  color: rgba(255, 255, 255, 0.76);
  padding: 2rem 1.5rem;
  text-align: center;
  font-size: 0.82rem;
  margin-top: 3.5rem;
}

footer a {
  color: rgba(255, 255, 255, 0.90);
  text-decoration: underline;
}

footer a:hover {
  color: #FFFFFF;
}

/* === R2 fixes (2026-06-15T12:20:17.215783+00:00) === */

/* Fix: Footer warm dark brown — stays in the terracotta family */
footer.sc-woRwrQ,
footer {
  background-color: #2A1208;
  color: #D4B89A;
}

footer a {
  color: #E8D0B0;
}

footer a:hover {
  color: #F5EDDD;
}

/* Fix: Breathing room for long intimate paragraphs */
.sc-PLFUYs p,
main p,
article p {
  line-height: 1.75;
  color: #2D1A0E;
}

/* Fix: H2 as visible scan entry-points */
.sc-PLFUYs h2,
main h2,
article h2 {
  margin-top: 2.5em;
  margin-bottom: 0.6em;
  color: #7A3210;
  font-size: 1.35rem;
}

/* Fix: Remove empty cream gap below footer */
body {
  min-height: unset;
}

html {
  height: auto;
}

/* === R3 fixes (2026-06-15T13:00:16.507127+00:00) === */

/* Fix: Close phantom cream zone below footer */
html {
  min-height: 0;
}

/* Fix: Taller header band on article/author pages */
.sc-yYoxaH {
  padding: 1.25rem 1.5rem;
}

/* Fix: Subtle underline on H2 to anchor rapid scroll */
main h2,
article h2,
.sc-PLFUYs h2 {
  padding-bottom: 0.3em;
  border-bottom: 1px solid rgba(122, 50, 16, 0.18);
}

/* Fix: Cap cover photo height so first paragraph is visible on load */
.sc-cufvoy {
  max-height: 340px;
  object-fit: cover;
  width: 100%;
}

/* === R4 fixes (2026-06-15T13:40:17.870922+00:00) === */

/* Fix: Close phantom cream band below footer on homepage (sc-UNNrKb is homepage main only) */
main.sc-UNNrKb {
  min-height: 0;
  height: auto;
}

/* Fix: Taller header band — ~80px — bridges hero warmth to article pages */
.sc-yYoxaH {
  padding: 1.75rem 1.5rem;
}

/* Fix: Date in article hgroup — discreet timestamp, not a title competitor */
hgroup time {
  display: block;
  margin-top: 0.75em;
  font-size: 0.8em;
  letter-spacing: 0.06em;
  opacity: 0.65;
}

/* Fix: Tighter cover photo so first paragraph is immediately visible */
.sc-cufvoy {
  max-height: 260px;
  object-fit: cover;
  width: 100%;
}

/* --- Responsive --- */
@media (max-width: 600px) {
  html {
    font-size: 16px;
  }

  .sc-yYoxaH {
    padding: 2rem 1rem 1.75rem;
  }

  .sc-yYoxaH h1 {
    font-size: 1.75rem;
  }

  .article-content {
    padding: 1.5rem 1rem;
  }

  h1 { font-size: 1.65rem; }
  h2 { font-size: 1.3rem; }
  h3 { font-size: 1.1rem; }
}