*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,system-ui,sans-serif;line-height:1.7;color:#333;background:#fff}
.css-yzdee5r{max-width:780px;margin:0 auto;padding:0 20px}
header{background:#1a1a2e;color:#fff;padding:32px 0;margin-bottom:40px}
header h1{font-size:28px;margin-bottom:4px}
header p{opacity:.7;font-size:15px}
header .css-l4ijf78{color:#fff;text-decoration:none;font-size:18px;font-weight:600}
.css-ye4rgby{border-bottom:1px solid #eee;padding:24px 0}
.css-ye4rgby h2{font-size:20px;margin-bottom:8px}
.css-ye4rgby h2 a{color:#1a1a2e;text-decoration:none}
.css-ye4rgby h2 a:hover{color:#e94560}
.css-ye4rgby .date{font-size:13px;color:#999;margin-bottom:8px}
.css-yf9rbb2{color:#e94560;text-decoration:none;font-size:14px;font-weight:600}
.css-jbuey7v{padding-bottom:60px}
.css-jbuey7v h1{font-size:32px;margin-bottom:8px}
.css-jbuey7v time{font-size:13px;color:#999;display:block;margin-bottom:24px}
.css-jbuey7v h2{font-size:22px;margin:32px 0 12px}
.css-jbuey7v h3{font-size:18px;margin:24px 0 8px}
.css-jbuey7v p{margin-bottom:16px}
.css-jbuey7v ul,.css-jbuey7v ol{margin:0 0 16px 24px}
.css-jbuey7v a{color:#e94560}
.css-jbuey7v img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}
footer{border-top:1px solid #eee;padding:24px 0;margin-top:40px;text-align:center;font-size:13px;color:#999}
footer a{color:#999}
.css-f0mt0nl{background:#f5f5f5;border-left:3px solid #999;padding:10px 14px;margin-bottom:20px;font-size:13px;color:#777;font-style:italic}
.css-50xh4af{background:#fef9e7;border:1px solid #f0c36d;padding:10px 14px;margin-top:20px;font-size:12px;color:#8a6d3b}
.css-dy126fo{font-size:13px;color:#999;margin:-16px 0 24px;font-style:italic}
.css-27mx0n1{text-align:center;margin:0 0 20px}
.css-hykis53{max-width:100%;height:auto;border-radius:6px}
.css-y1jtx3u{text-align:center;margin:24px 0}
.css-iaz565i{max-width:100%;height:auto;border-radius:6px}
.css-ftc5r3u{margin-top:40px;padding-top:24px;border-top:1px solid #eee}
.css-ftc5r3u h3{font-size:18px;margin-bottom:12px}
.css-ftc5r3u ul{list-style:none;padding:0}
.css-ftc5r3u li{padding:4px 0}
.css-ftc5r3u a{color:#e94560;text-decoration:none}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&family=Montserrat:wght@400;700&display=swap');
body{font-family:'Lato',sans-serif;color:#2D2D2D;background:#FDFCF8}
header{background:#8B0000;color:#fff}
header h1{font-family:'Montserrat',serif;color:#fff}
header p{color:rgba(255,255,255,.75)}
header a{color:#fff;text-decoration:none}
.css-ye4rgby h2{font-family:'Montserrat',serif}
.css-ye4rgby h2 a{color:#8B0000}
.css-ye4rgby h2 a:hover{color:#FFC107}
.css-yf9rbb2{color:#FFC107}
.css-jbuey7v h1{font-family:'Montserrat',serif}
.css-jbuey7v h2{font-family:'Montserrat',serif}
.css-jbuey7v a{color:#FFC107}
.css-jbuey7v img{border-radius:8px}
.affiliate-disclosure{border-radius:8px}
.ymyl-disclaimer{border-radius:8px}
/* === Custom === */
/* an-anglais-fr — custom.css
   Carnet de débutante : Clara Aubert, libraire à Tours, apprenante d'espagnol
   Palette vert-botanique (#3D6B5A) + ambre (#D4962A) sur crème parcheminé */

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

:root {
  --bg:            #FAF8F4;
  --bg-alt:        #F0EDE5;
  --fg:            #1D2018;
  --muted:         #5C6455;
  --h-color:       #243E35;
  --primary:       #3D6B5A;
  --primary-hover: #2E5145;
  --primary-light: #D4E8E0;
  --accent:        #D4962A;
  --accent-hover:  #B87D20;
  --border:        #D5CFBE;
  --bq-bg:         #EDF4F0;
  --shadow:        rgba(61, 107, 90, 0.07);
  --card-bg:       #FFFFFF;
  --r:             10px;
  --font-h:        'Fraunces', Georgia, serif;
  --font-b:        'Nunito', system-ui, sans-serif;
  --max-w:         960px;
}

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

html {
  font-size: 18px;
  scroll-behavior: smooth;
  min-height: 0;
  height: auto;
}

body {
  font-family: var(--font-b);
  font-size: 1rem;
  line-height: 1.75;
  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(212, 150, 42, 0.20);
  color: var(--fg);
}

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

h1 { font-size: 2.1rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.05rem; font-weight: 400; font-style: italic; }

/* --- Prose --- */
p {
  margin-top: 0;
  margin-bottom: 1.3em;
  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: 700; color: var(--h-color); }

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

li { margin-bottom: 0.4em; }
li::marker { color: var(--accent); }

blockquote {
  margin: 1.75em 0;
  padding: 1em 1.5em;
  border-left: 3px solid var(--primary);
  background-color: var(--bq-bg);
  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;
}

/* --- Classic template: site header --- */
header {
  background-color: #243E35;
  color: #FFFFFF;
  padding: 1.75rem 1.5rem;
}

header h1 {
  font-family: var(--font-h);
  font-size: 2rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0.3rem;
}

header p {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-style: italic;
  max-width: 560px;
}

header a { color: #FFFFFF; text-decoration: none; }
header a:hover { color: rgba(255, 255, 255, 0.88); }

/* --- Navigation --- */
nav {
  background-color: rgba(36, 62, 53, 0.96);
  padding: 0.55rem 1.5rem;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
}

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

nav a:hover { color: #FFFFFF; }

/* --- Cards --- */
.css-ye4rgby {
  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;
}

.css-ye4rgby:hover {
  box-shadow: 0 4px 18px rgba(61, 107, 90, 0.12);
}

.css-ye4rgby h2 {
  font-family: var(--font-h);
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--h-color);
  margin-top: 0;
  margin-bottom: 0.45rem;
}

.css-ye4rgby h2 a { color: var(--h-color); text-decoration: none; }
.css-ye4rgby h2 a:hover { color: var(--primary); }

.css-ye4rgby p {
  color: var(--muted);
  font-size: 0.92rem;
  margin-bottom: 0.8rem;
  max-width: none;
}

.css-ye4rgby time, .css-ye4rgby .date {
  font-size: 0.8rem;
  color: var(--muted);
  font-style: italic;
}

.css-yf9rbb2 {
  color: var(--accent);
  font-family: var(--font-h);
  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;
}

.css-yf9rbb2:hover { color: var(--primary); border-color: var(--primary); }

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

.css-jbuey7v h1 {
  font-size: 2rem;
  line-height: 1.2;
  margin-top: 0;
  color: var(--h-color);
}

.css-jbuey7v h2 {
  font-size: 1.45rem;
  margin-top: 2.2em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--border);
}

.css-jbuey7v h3 {
  font-size: 1.15rem;
  color: var(--primary);
  margin-top: 1.75em;
}

.css-jbuey7v p, .css-jbuey7v ul, .css-jbuey7v ol {
  font-size: 1rem;
  line-height: 1.8;
  max-width: 68ch;
}

.css-jbuey7v a { color: var(--primary); }
.css-jbuey7v a:hover { color: var(--accent); }
.css-jbuey7v img { border-radius: var(--r); margin: 1.75em 0; }

/* --- 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: #1A2E25;
  color: #C0D4CC;
  padding: 2rem 1.5rem;
  text-align: center;
  font-size: 0.82rem;
  margin-top: 3.5rem;
}

footer a { color: rgba(192, 212, 204, 0.92); text-decoration: underline; }
footer a:hover { color: #FFFFFF; }

/* --- Responsive --- */
@media (max-width: 600px) {
  html { font-size: 16px; }
  header { padding: 1.25rem 1rem; }
  header h1 { font-size: 1.65rem; }
  .css-jbuey7v { padding: 1.5rem 1rem; }
  h1 { font-size: 1.7rem; }
  h2 { font-size: 1.35rem; }
  h3 { font-size: 1.1rem; }
}

/* === R2 fixes (2026-06-16T01:20:08.327854+00:00) === */

main article p,
main p {
  color: #222222;
  line-height: 1.8;
}

main article h2 {
  margin-top: 2.5em;
  margin-bottom: 0.6em;
}

main article > div:first-of-type img {
  max-height: 380px;
  object-fit: cover;
}

/* === R3 fixes (2026-06-16T02:00:08.506568+00:00) === */

/* Fix 1: header subtitle contrast — boost to near-white for legibility on dark green */
header p {
  color: rgba(255, 255, 255, 0.88);
}

/* Fix 2: inline body images — cap height to keep reading flow intact */
main article div img {
  max-height: 280px;
  object-fit: cover;
  width: 100%;
}

/* Fix 3: breathing room around inline image blocks */
main article div {
  margin-top: 1.8em;
  margin-bottom: 1.8em;
}

/* === R4 fixes (2026-06-16T02:40:17.894904+00:00) === */

/* Fix 1: publication date — distinguish as metadata, not body prose */
main time {
  display: block;
  font-size: 0.82em;
  color: #7A8B7C;
  letter-spacing: 0.02em;
  margin-top: 0.3em;
  margin-bottom: 2em;
}

/* Fix 2: author page "Avis" section — formal note styling for trust signal */
main article section:last-child {
  background: rgba(46, 88, 66, 0.06);
  border-left: 3px solid rgba(46, 88, 66, 0.25);
  border-radius: 0 4px 4px 0;
  padding: 1em 1.25em;
  margin-top: 2em;
  font-size: 0.88em;
  color: #4A5C4B;
}

/* Fix 3: author page first bio section — reduce excessive top gap */
main article section:first-of-type {
  margin-top: 1.25em;
}