*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;line-height:1.8;color:#222;background:#f4f1eb}
.sc-EcUsQm{max-width:1100px;margin:0 auto;padding:0 24px}
.sc-bYUjvd{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:48px 0;text-align:center;margin-bottom:48px}
.sc-bYUjvd h1{font-size:36px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
.sc-bYUjvd p{font-size:16px;opacity:.8;font-style:italic}
.sc-bYUjvd .sc-zVtOug{color:#fff;text-decoration:none;font-size:20px;letter-spacing:1px;text-transform:uppercase}
.sc-VvIyht{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.sc-OyPAVR{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:28px;transition:box-shadow .2s}
.sc-OyPAVR:hover{box-shadow:0 4px 20px rgba(0,0,0,.14)}
.sc-OyPAVR h2{font-size:22px;margin-bottom:10px;line-height:1.3}
.sc-OyPAVR h2 a{color:#2c3e50;text-decoration:none}
.sc-OyPAVR .sc-JmYJwu{font-size:12px;color:#888;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.sc-OyPAVR p{font-size:15px;color:#555;margin-bottom:14px}
.sc-vPlJTr{color:#e74c3c;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.sc-HVFoyQ{max-width:780px;margin:0 auto;padding:0 24px 60px}
.sc-HVFoyQ h1{font-size:36px;margin-bottom:10px;line-height:1.2}
.sc-HVFoyQ .sc-JmYJwu{font-size:13px;color:#888;display:block;margin-bottom:28px;text-transform:uppercase;letter-spacing:1px}
.sc-HVFoyQ h2{font-size:24px;margin:36px 0 14px}
.sc-HVFoyQ h3{font-size:19px;margin:28px 0 10px}
.sc-HVFoyQ p{margin-bottom:18px;font-size:17px}
.sc-HVFoyQ ul,.sc-HVFoyQ ol{margin:0 0 18px 28px}
.sc-HVFoyQ a{color:#e74c3c}
.sc-HVFoyQ img{max-width:100%;height:auto;border-radius:4px;margin:20px 0}
.sc-BOxVBZ{border-top:2px solid #ddd;padding:28px 0;margin-top:48px;text-align:center;font-size:13px;color:#888}
.sc-BOxVBZ a{color:#888}
.sc-TvlCWC{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:14px 0;margin-bottom:28px;font-size:14px;color:#888;font-style:italic;text-align:center}
.sc-JUzodh{background:#f9f3e3;padding:16px 20px;margin-top:28px;font-size:13px;color:#7a6230;border-radius:4px}
.sc-dwGZJX{font-size:11px;color:#888;margin:-22px 0 28px;text-transform:uppercase;letter-spacing:1.5px}
.sc-UCYLtw{margin:0 0 28px}
.sc-iPICCH{width:100%;height:auto;border-radius:4px}
.sc-KdXmTX{margin:28px 0}
.sc-quHieA{width:100%;height:auto;border-radius:4px}
.sc-KeFDIT{border-top:2px solid #ddd;margin-top:40px;padding-top:24px}
.sc-KeFDIT h4{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;color:#888}
.mag-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mag-related-item a{color:#2c3e50;text-decoration:none;font-size:15px}
.mag-related-item a:hover{color:#e74c3c}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@400;700&display=swap');
body{font-family:'Montserrat',sans-serif;color:#2D3436;background:#F8FAF9}
.sc-bYUjvd{background:#1B4332;color:#fff}
.sc-bYUjvd h1{font-family:'Poppins',serif;color:#fff}
.sc-bYUjvd p{color:rgba(255,255,255,.75)}
.sc-bYUjvd a{color:#fff;text-decoration:none}
.card h2{font-family:'Poppins',serif}
.card h2 a{color:#1B4332}
.card h2 a:hover{color:#FF7043}
.read-more{color:#FF7043}
.article-content h1{font-family:'Poppins',serif}
.article-content h2{font-family:'Poppins',serif}
.article-content a{color:#FF7043}
.article-content img{border-radius:8px}
.affiliate-disclosure{border-radius:8px}
.ymyl-disclaimer{border-radius:8px}
/* === Custom === */
/* zr-quit-fr — Aurelie's 30-day quit-smoking journal — encre de nuit / rose fumé palette, magazine template */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Karla:wght@400;500;600;700&display=swap');

:root {
  --color-primary:      #362B44;
  --color-primary-dark: #211A2B;
  --color-accent:       #C97064;
  --color-accent-dark:  #A8493E;
  --color-bg:           #FAF6F2;
  --color-bg-alt:       #F1E9E4;
  --color-text:         #2A2230;
  --color-text-muted:   #6B5F6E;
  --color-heading:      #2E2438;
  --color-link:         #A8493E;
  --color-link-hover:   #C97064;
  --color-border:       #E4D8D2;
  --color-header-bg:    #362B44;
  --color-header-text:  #FBF3EF;

  --font-heading:       'Fraunces', Georgia, serif;
  --font-body:          'Karla', system-ui, sans-serif;

  --size-base:          17px;
  --size-sm:            14px;
  --size-lg:            19px;
  --size-xl:            27px;
  --size-2xl:           34px;

  --lh-body:            1.7;
  --lh-heading:         1.25;

  --radius:             8px;
  --radius-sm:          4px;

  --space:              1rem;
  --prose-width:        68ch;
  --content-width:      900px;
}

/* ─── Base ─── */
:root body {
  font-family:  var(--font-body);
  font-size:    var(--size-base);
  line-height:  var(--lh-body);
  color:        var(--color-text);
  background:   var(--color-bg);
  margin:       0;
}

:root img { max-width: 100%; height: auto; border-radius: var(--radius); }

/* ─── Headings ─── */
:root h1,
:root h2,
:root h3,
:root h4 {
  font-family:   var(--font-heading);
  font-weight:   500;
  line-height:   var(--lh-heading);
  color:         var(--color-heading);
  margin-top:    calc(var(--space) * 2.25);
  margin-bottom: var(--space);
}

:root h1 { font-size: 2.15rem; font-weight: 600; }
:root h2 { font-size: 1.7rem; }
:root h3 { font-size: 1.3rem; font-style: italic; }
:root h4 { font-size: 1.1rem; font-weight: 600; }

/* ─── Prose ─── */
:root p {
  margin-top:    0;
  margin-bottom: var(--space);
  max-width:     var(--prose-width);
}

:root a {
  color:                  var(--color-link);
  text-decoration:        underline;
  text-underline-offset:  2px;
  text-decoration-thickness: 1px;
  transition:             color 0.15s ease;
}

:root a:hover { color: var(--color-link-hover); }

:root ul,
:root ol {
  padding-left:  1.5rem;
  margin-bottom: var(--space);
  max-width:     var(--prose-width);
}

:root li {
  margin-bottom: calc(var(--space) * 0.4);
  line-height:   var(--lh-body);
}

:root blockquote {
  border-left:   4px solid var(--color-accent);
  margin:        calc(var(--space) * 1.5) 0;
  padding:       calc(var(--space) * 0.85) calc(var(--space) * 1.25);
  background:    var(--color-bg-alt);
  border-radius: 0 var(--radius) var(--radius) 0;
  font-family:   var(--font-heading);
  font-style:    italic;
  font-size:     var(--size-lg);
  color:         var(--color-text-muted);
  max-width:     var(--prose-width);
}

:root blockquote p { margin-bottom: 0; }

/* ─── Magazine header ─── */
:root .sc-bYUjvd {
  background:    var(--color-header-bg);
  color:         var(--color-header-text);
  padding:       calc(var(--space) * 3) calc(var(--space) * 2);
}

:root .sc-bYUjvd h1 {
  font-family:   var(--font-heading);
  font-weight:   600;
  font-style:    italic;
  color:         var(--color-header-text);
  margin:        0 0 calc(var(--space) * 0.4) 0;
}

:root .sc-bYUjvd p {
  color:         rgba(251, 243, 239, 0.72);
  font-size:     var(--size-sm);
  margin-bottom: 0;
  max-width:     none;
}

:root .sc-bYUjvd a { color: var(--color-header-text); text-decoration: none; }
:root .sc-bYUjvd a:hover { color: var(--color-accent); }

/* ─── Navigation ─── */
:root nav {
  background:    var(--color-primary-dark);
  border-top:    1px solid rgba(255,255,255,0.08);
}

:root nav a {
  color:         rgba(255,255,255,0.82);
  text-decoration: none;
  font-family:   var(--font-body);
  font-size:     var(--size-sm);
  font-weight:   600;
  padding:       var(--space) calc(var(--space) * 1.5);
  display:       inline-block;
  letter-spacing: 0.02em;
}

:root nav a:hover { color: #fff; background: rgba(255,255,255,0.08); }

/* ─── Cards (journal entries listing) ─── */
:root .card {
  background:    #fff;
  border:        1px solid var(--color-border);
  border-radius: var(--radius);
  overflow:      hidden;
}

:root .card h2 {
  font-family:   var(--font-heading);
  font-size:     var(--size-xl);
  font-weight:   600;
  margin-bottom: calc(var(--space) * 0.5);
}

:root .card h2 a { color: var(--color-heading); text-decoration: none; }
:root .card h2 a:hover { color: var(--color-accent-dark); }

:root .card-excerpt {
  font-size:   var(--size-sm);
  color:       var(--color-text-muted);
  line-height: 1.65;
}

:root .read-more {
  font-family:     var(--font-body);
  font-size:       var(--size-sm);
  font-weight:     700;
  color:           var(--color-accent-dark);
  text-decoration: none;
  text-transform:  uppercase;
  letter-spacing:  0.05em;
}

:root .read-more:hover { color: var(--color-accent); }

/* ─── Article content (a journal entry) ─── */
:root .article-content { max-width: var(--content-width); }

:root .article-content h1 { font-size: var(--size-2xl); font-weight: 600; font-style: italic; }

:root .article-content h2 {
  font-size:      var(--size-xl);
  font-weight:    600;
  margin-top:     calc(var(--space) * 3);
  padding-bottom: calc(var(--space) * 0.6);
  border-bottom:  2px solid var(--color-border);
}

:root .article-content h3 { font-size: var(--size-lg); margin-top: calc(var(--space) * 2.5); }

:root .article-content p,
:root .article-content ul,
:root .article-content ol { max-width: var(--prose-width); }

:root .article-content strong { font-weight: 700; color: var(--color-heading); }

/* ─── Post meta ─── */
:root .post-meta {
  font-family: var(--font-body);
  font-size:   var(--size-sm);
  color:       var(--color-text-muted);
  margin-bottom: calc(var(--space) * 2);
}

:root .post-meta a { color: var(--color-text-muted); text-decoration: none; }
:root .post-meta a:hover { color: var(--color-accent-dark); }

/* ─── Footer ─── */
:root footer {
  background:  var(--color-primary-dark);
  color:       rgba(255,255,255,0.70);
  font-size:   var(--size-sm);
  padding:     calc(var(--space) * 4) calc(var(--space) * 2);
  margin-top:  calc(var(--space) * 6);
}

:root footer a { color: rgba(255,255,255,0.82); text-decoration: none; }
:root footer a:hover { color: #fff; }

/* === R2 fixes (2026-07-11T19:30:52.501898+00:00) === */

/* Fix 1 — page auteur, liste "Publications de {author}" : plus d'air entre les puces */
:root .bld-content ul li {
  margin-bottom: 0.6em;
  line-height:   1.5;
}

/* Fix 2 — date des cartes d'accueil : contraste renforcé sur fond crème */
:root .card .date,
:root .card time {
  color:     #4F4453;
  font-size: var(--size-sm);
}

/* === R3 fixes (2026-07-11T20:20:26.797742+00:00) === */

/* Fix 1 — date des cartes d'accueil : la vraie classe rendue est .sc-JmYJwu, pas .card .date/.card time */
:root p.sc-JmYJwu {
  color:     #4F4453;
  font-size: var(--size-sm);
}