*{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}
.Section_block__PdQkt{max-width:900px;margin:0 auto;padding:0 28px}
.Header_body__PosKR{background:#111;color:#fff;padding:64px 0;margin-bottom:48px}
.Header_body__PosKR h1{font-size:42px;font-weight:800;letter-spacing:-1px;margin-bottom:8px}
.Header_body__PosKR p{font-size:18px;opacity:.7}
.Header_body__PosKR a{color:#fff;text-decoration:none;font-size:22px;font-weight:800}
.Sidebar_head__jViF2{padding:0}
.Header_section__sfTCj{padding:32px 0;border-left:4px solid #111;padding-left:24px;margin-bottom:28px}
.Header_section__sfTCj h2{font-size:24px;font-weight:700;margin-bottom:6px}
.Header_section__sfTCj h2 a{color:#111;text-decoration:none}
.Header_section__sfTCj h2 a:hover{text-decoration:underline}
.Header_section__sfTCj .Wrapper_body__fDRAa{font-size:12px;font-weight:600;text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:8px}
.Header_section__sfTCj p{font-size:15px;color:#444;margin-bottom:10px}
.Page_content__tHlzd{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}
.Page_content__tHlzd:hover{background:#333}
.Section_content__JFtmt{padding-bottom:60px}
.Section_content__JFtmt h1{font-size:38px;font-weight:800;letter-spacing:-1px;margin-bottom:10px}
.Section_content__JFtmt time{font-size:12px;font-weight:600;text-transform:uppercase;color:#888;letter-spacing:1px;display:block;margin-bottom:28px}
.Section_content__JFtmt h2{font-size:26px;font-weight:700;margin:40px 0 14px}
.Section_content__JFtmt h3{font-size:20px;font-weight:700;margin:32px 0 10px}
.Section_content__JFtmt p{margin-bottom:18px;font-size:17px}
.Section_content__JFtmt ul,.Section_content__JFtmt ol{margin:0 0 18px 24px}
.Section_content__JFtmt a{color:#111;font-weight:600;text-decoration:underline}
.Section_content__JFtmt img{max-width:100%;height:auto;margin:20px 0}
.Layout_head__i4mr4{background:#111;color:#888;padding:28px 0;margin-top:48px;text-align:center;font-size:12px}
.Layout_head__i4mr4 a{color:#888;text-decoration:none}
.Content_wrapper__ZAj8f{background:#222;color:#aaa;padding:14px 20px;margin-bottom:24px;font-size:13px;font-style:italic}
.Wrapper_wrapper__jXKCt{background:#1a1a1a;color:#888;padding:14px 20px;margin-top:32px;font-size:12px;border-top:3px solid #444}
.Section_content__jIeDx{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}
.Header_inner__iJDBK{margin:0 0 24px}
.Header_area__UDP6j{width:100%;height:auto;border-radius:0}
.Module_body__VdpyR{border-left:4px solid #111;padding-left:24px;margin-top:48px}
.Module_body__VdpyR h3{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.Module_body__VdpyR ul{list-style:none;padding:0}
.Module_body__VdpyR li{padding:6px 0}
.Module_body__VdpyR a{color:#111;text-decoration:underline;font-weight:600}
.Module_main__UWQBF{border-left:4px solid #ddd;padding-left:24px;margin-top:36px}
.Module_main__UWQBF ul{list-style:none;padding:0}
.Module_main__UWQBF li{padding:6px 0;font-size:16px}
.Module_main__UWQBF a{color:#111;text-decoration:none;font-weight:600}
.Module_main__UWQBF a:hover{text-decoration:underline}
.Module_main__UWQBF .Wrapper_body__fDRAa{margin:0 0 0 8px}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lexend:wght@400;700&display=swap');
body{font-family:'Inter',sans-serif;color:#0F172A;background:#F8FAFC}
.Header_body__PosKR{background:#1E293B;color:#fff}
.Header_body__PosKR h1{font-family:'Lexend',serif;color:#fff}
.Header_body__PosKR p{color:rgba(255,255,255,.75)}
.Header_body__PosKR a{color:#fff;text-decoration:none}
.card h2{font-family:'Lexend',serif}
.card h2 a{color:#1E293B}
.card h2 a:hover{color:#F59E0B}
.read-more{color:#F59E0B}
.article-content h1{font-family:'Lexend',serif}
.article-content h2{font-family:'Lexend',serif}
.article-content a{color:#F59E0B}
.article-content img{border-radius:8px}
.affiliate-disclosure{border-radius:8px}
.ymyl-disclaimer{border-radius:8px}
/* === Custom === */
/* lg-langue-fr — custom.css
   Template : bold
   Palette  : slate-navy #1F3548 + amber-ochre #C07B22 on warm cream #F6F3EE
   Fonts    : Oswald (headings) + PT Serif (body)
   Persona  : Antoine Lefort — self-taught English, logistics coordinator, no-nonsense
   Distinct from an-anglais-fr (vert-botanique/Fraunces) and ar-argent-fr (terracotta/Lora)
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap');

/* ─── Design tokens ──────────────────────────────────────────────────────── */
:root {
  --color-bg:            #F6F3EE;
  --color-bg-alt:        #EDE9E2;
  --color-text:          #201E1A;
  --color-text-muted:    #6B6058;
  --color-heading:       #1A1714;
  --color-primary:       #1F3548;
  --color-primary-hover: #162637;
  --color-accent:        #C07B22;
  --color-accent-hover:  #A0661A;
  --color-border:        #D6D0C6;
  --color-card-bg:       #FFFFFF;
  --color-hero-bg:       #1F3548;
  --color-hero-text:     #FFFFFF;
  --color-footer-bg:     #141E28;
  --color-footer-text:   #C8CDD4;

  --font-heading:        'Oswald', system-ui, sans-serif;
  --font-body:           'PT Serif', Georgia, serif;

  --font-size-base:      17px;
  --font-size-lg:        19px;
  --font-size-sm:        15px;
  --font-size-h1:        2.6rem;
  --font-size-h2:        1.9rem;
  --font-size-h3:        1.4rem;

  --line-height-base:    1.74;
  --line-height-heading: 1.15;

  --paragraph-max-width: 68ch;
  --border-radius:       4px;
  --border-radius-lg:    6px;
  --spacing:             8px;
  --container-max-width: 960px;
}

/* ─── Reset ──────────────────────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ─── Base ───────────────────────────────────────────────────────────────── */
html {
  font-size: var(--font-size-base);
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  -webkit-font-smoothing: antialiased;
}

/* ─── Layout container ───────────────────────────────────────────────────── */
:root .container,
:root .entry-content,
:root .post-content,
:root .article-body,
:root .article-content {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: calc(var(--spacing) * 2.5);
}

/* ─── Headings ───────────────────────────────────────────────────────────── */
:root h1,
:root h2,
:root h3,
:root h4,
:root h5,
:root h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-heading);
  color: var(--color-heading);
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

:root h1 {
  font-size: var(--font-size-h1);
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: calc(var(--spacing) * 2.5);
}

:root h2 {
  font-size: var(--font-size-h2);
  margin-top: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 1.5);
  padding-bottom: calc(var(--spacing) * 0.75);
  border-bottom: 3px solid var(--color-accent);
}

:root h3 {
  font-size: var(--font-size-h3);
  font-weight: 600;
  color: var(--color-primary);
  margin-top: calc(var(--spacing) * 3.5);
  margin-bottom: var(--spacing);
}

:root h4 {
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--color-accent-hover);
  margin-top: calc(var(--spacing) * 2.5);
  margin-bottom: calc(var(--spacing) * 0.75);
}

/* ─── Body text ──────────────────────────────────────────────────────────── */
:root p {
  max-width: var(--paragraph-max-width);
  margin-bottom: calc(var(--spacing) * 2);
  line-height: var(--line-height-base);
}

/* ─── Links ──────────────────────────────────────────────────────────────── */
:root a {
  color: var(--color-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.15s ease;
}

:root a:hover {
  color: var(--color-accent-hover);
  text-decoration-thickness: 2px;
}

/* ─── Lists ──────────────────────────────────────────────────────────────── */
:root ul,
:root ol {
  max-width: var(--paragraph-max-width);
  padding-left: calc(var(--spacing) * 3);
  margin-bottom: calc(var(--spacing) * 2);
}

:root li {
  margin-bottom: calc(var(--spacing) * 0.75);
  line-height: var(--line-height-base);
}

:root ul li::marker {
  color: var(--color-accent);
  font-size: 1.1em;
}

:root ol li::marker {
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-weight: 600;
}

/* ─── Blockquote ─────────────────────────────────────────────────────────── */
:root blockquote {
  max-width: var(--paragraph-max-width);
  margin-block: calc(var(--spacing) * 3.5);
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
  border-left: 5px solid var(--color-accent);
  background-color: var(--color-bg-alt);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  font-style: italic;
}

:root blockquote p {
  margin-bottom: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-lg);
}

:root blockquote cite {
  display: block;
  margin-top: var(--spacing);
  font-style: normal;
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--color-accent-hover);
}

/* ─── Inline text ────────────────────────────────────────────────────────── */
:root strong,
:root b {
  font-weight: 700;
  color: var(--color-heading);
}

:root em,
:root i {
  font-style: italic;
}

/* ─── Code ───────────────────────────────────────────────────────────────── */
:root code {
  font-size: 0.88em;
  background-color: var(--color-bg-alt);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 0.1em 0.4em;
}

:root pre {
  background-color: var(--color-primary);
  color: var(--color-hero-text);
  border-radius: var(--border-radius-lg);
  padding: calc(var(--spacing) * 2.5);
  overflow-x: auto;
  margin-bottom: calc(var(--spacing) * 2);
}

:root pre code {
  background: none;
  border: none;
  padding: 0;
  color: inherit;
}

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

:root figure {
  margin-block: calc(var(--spacing) * 3);
}

:root figcaption {
  font-family: var(--font-heading);
  font-size: var(--font-size-sm);
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  margin-top: var(--spacing);
}

/* ─── Divider ────────────────────────────────────────────────────────────── */
:root hr {
  border: none;
  border-top: 2px solid var(--color-border);
  margin-block: calc(var(--spacing) * 5);
}

/* ─── Bold template — hero block ─────────────────────────────────────────── */
:root .Header_body__PosKR {
  background-color: var(--color-hero-bg);
  color: var(--color-hero-text);
  padding-block: calc(var(--spacing) * 8);
}

:root .Header_body__PosKR h1 {
  color: var(--color-hero-text);
  font-size: clamp(1.8rem, 4vw, var(--font-size-h1));
  margin-bottom: calc(var(--spacing) * 1.5);
}

:root .Header_body__PosKR p {
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--font-size-lg);
  max-width: 60ch;
}

:root .Header_body__PosKR a {
  color: var(--color-accent);
  text-decoration: none;
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

:root .Header_body__PosKR a:hover {
  color: #D9A050;
}

/* ─── Bold template — cards ──────────────────────────────────────────────── */
:root .bld-card,
:root .card {
  background-color: var(--color-card-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  padding: calc(var(--spacing) * 2.5);
}

:root .bld-card h2,
:root .card h2 {
  font-size: 1.25rem;
  margin-top: 0;
  border-bottom: none;
  padding-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

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

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

:root .read-more {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-accent);
  text-decoration: none;
}

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

/* ─── Site header ────────────────────────────────────────────────────────── */
:root .site-header {
  background-color: var(--color-primary);
  border-bottom: 4px solid var(--color-accent);
  padding-block: calc(var(--spacing) * 1.5);
}

:root .site-title,
:root .site-header .site-title a {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--color-hero-text);
  text-decoration: none;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

:root .site-header .site-title a:hover {
  color: var(--color-accent);
}

/* ─── Site navigation ────────────────────────────────────────────────────── */
:root .site-nav a {
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  padding: calc(var(--spacing) * 0.5) var(--spacing);
  transition: color 0.15s ease;
}

:root .site-nav a:hover {
  color: var(--color-accent);
}

/* ─── Alternate section background ──────────────────────────────────────── */
:root .section-alt {
  background-color: var(--color-bg-alt);
  padding-block: calc(var(--spacing) * 5);
}

/* ─── Site footer ────────────────────────────────────────────────────────── */
:root .site-footer {
  background-color: var(--color-footer-bg);
  color: var(--color-footer-text);
  font-family: var(--font-heading);
  font-size: 0.9rem;
  letter-spacing: 0.02em;
  padding-block: calc(var(--spacing) * 5);
  margin-top: calc(var(--spacing) * 8);
}

:root .site-footer a {
  color: var(--color-accent);
  text-decoration: none;
}

:root .site-footer a:hover {
  color: #D9A050;
}

/* === R2 fixes (2026-07-02T00:20:18.775637+00:00) === */

/* Fix 1 & 4 — suppress uppercase cascade on content headings;
   header/nav/site-title retain their own explicit text-transform: uppercase */
.Section_content__JFtmt h2,
.Section_content__JFtmt h3,
main h2,
main h3 {
  text-transform: none;
}

/* Fix 2 — slightly more generous leading for dense body copy */
.Section_content__JFtmt p,
main p {
  line-height: 1.75;
}

/* Fix 3 — visible breathing room above H2 section entries */
.Section_content__JFtmt h2,
main h2 {
  margin-top: 2.5em;
  margin-bottom: 0.5em;
}

/* === R3 fixes (2026-07-02T01:00:12.702844+00:00) === */

/* Fix 1 — card h2 uppercase suppression (R2 missed .bld-card / .card selectors) */
.bld-card h2,
.card h2,
.entry-title,
.post-title-card {
  text-transform: none;
}

/* Fix 2 — h1 uppercase suppression in article/content contexts
   (R2 fixed h2/h3 but the global :root h1 uppercase was left untouched) */
main h1,
article h1,
.post-header h1,
.Section_content__JFtmt h1,
.entry-title-single {
  text-transform: none;
}

/* === R4 fixes (2026-07-02T01:40:31.344676+00:00) === */

/* Fix — homepage card titles still uppercase: the :root .bld-card h2 rule at
   (0,2,1) specificity overrode the R3 fix; match or exceed that specificity
   here and broaden coverage to li/article/list-based homepage markup */
:root .bld-card h2,
:root .card h2,
:root .bld-card__title,
:root .entry-title,
:root article h2,
:root .post h2,
:root li h2,
:root .Sidebar_head__jViF2 h2,
:root ul.bld-posts h2,
:root .site-main h2,
:root .content h2 {
  text-transform: none;
}

/* === QA round-1 fixes (2026-07-26T02:42:12+0800) === */
/* Editorial signature pass for Antoine's carnet. All new intent is keyed to
   ELEMENT + STRUCTURAL selectors (header, section, main, article, blockquote,
   hr, single-level :has) so it survives the class-name obfuscation; the legacy
   .bld-* / .site-* classes ride along only so the local preview also renders.
   One moment colour (warm rust) is used exactly ONCE, on the featured drop cap. */

:root {
  --color-moment: #B34F2A;
}

/* ── 1. Masthead: photo ground + navy wash keeps the identity, adds depth ─── */
body > header,
:root .site-header {
  background-image:
    linear-gradient(180deg, rgba(31, 53, 72, 0.86), rgba(20, 30, 40, 0.94)),
    url("/theme-assets/hero-masthead.jpg");
  background-size: cover;
  background-position: center;
  border-bottom: 4px solid var(--color-accent);
}

/* Signature manifesto line trailing the wordmark (the title cell, not the nav) */
body > header > div > div:first-child > a,
:root .site-header .site-title a {
  position: relative;
}
body > header > div > div:first-child::after,
:root .site-header .site-title::after {
  content: "de figé à fonctionnel";
  display: block;
  font-family: var(--font-body);
  font-style: italic;
  font-weight: 400;
  font-size: 0.82rem;
  letter-spacing: 0.01em;
  text-transform: none;
  color: rgba(214, 179, 120, 0.92);
  margin-top: 2px;
}

/* ── 2. Featured hero: the one loud voice — serif-italic display + drop cap ── */
body > section:has(> div > h1),
:root .Header_body__PosKR {
  background-color: var(--color-hero-bg);
  background-image:
    radial-gradient(120% 140% at 82% -20%, rgba(192, 123, 34, 0.16), transparent 60%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* "À LA UNE" kicker above the featured title */
body > section:has(> div > h1) h1::before,
:root .Header_body__PosKR h1::before {
  content: "À la une";
  display: block;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: calc(var(--spacing) * 1.25);
}

body > section:has(> div > h1) h1,
:root .Header_body__PosKR h1 {
  font-family: var(--font-body);
  font-style: italic;
  font-weight: 700;
  text-transform: none;
  letter-spacing: -0.005em;
  font-size: clamp(2.1rem, 5vw, 3.4rem);
  line-height: 1.08;
  color: var(--color-hero-text);
}

/* Rust drop cap on the featured excerpt — the single prominent moment colour */
body > section:has(> div > h1) h1 + p::first-letter,
:root .Header_body__PosKR h1 + p::first-letter {
  float: left;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 3.3em;
  line-height: 0.78;
  color: var(--color-moment);
  margin: 0.02em 0.14em 0 0;
}

/* Outlined pill CTA in the hero */
body > section:has(> div > h1) a,
:root .Header_body__PosKR a {
  display: inline-block;
  border: 1.5px solid var(--color-accent);
  border-radius: 40px;
  padding: 0.55em 1.5em;
  color: var(--color-accent);
  transition: background-color 0.15s ease, color 0.15s ease;
}
body > section:has(> div > h1) a:hover,
:root .Header_body__PosKR a:hover {
  background-color: var(--color-accent);
  color: var(--color-hero-bg);
}

/* ── 3. Second gear-change: the recent-articles band as "Editor's Picks" ──── */
:root main > section:has(article),
:root .section-alt {
  background-color: var(--color-bg-alt);
  border-top: 3px solid var(--color-primary);
}
:root main > section:has(article) > div > h2:first-child::before {
  content: "La sélection d'Antoine — à lire en premier";
  display: block;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: calc(var(--spacing) * 0.75);
}

/* Consistent card treatment (a card = an article carrying a linked h2 title) */
:root article:has(> h2 > a),
:root .bld-card {
  background-color: var(--color-card-bg);
  border: 1px solid var(--color-border);
  border-top: 3px solid var(--color-primary);
  border-radius: var(--border-radius-lg);
  padding: calc(var(--spacing) * 2.5);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-top-color 0.15s ease;
}
:root article:has(> h2 > a):hover,
:root .bld-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(31, 53, 72, 0.14);
  border-top-color: var(--color-accent);
}

/* ── 4. Article body: hanging-quote callouts + a real dinkus divider ──────── */
:root blockquote {
  position: relative;
  padding-top: calc(var(--spacing) * 3);
}
:root blockquote::before {
  content: "\201C";
  position: absolute;
  top: 0.02em;
  left: 0.22em;
  font-family: Georgia, 'PT Serif', serif;
  font-style: normal;
  font-size: 3.4rem;
  line-height: 1;
  color: var(--color-accent);
  opacity: 0.4;
}

:root main hr,
:root .article-content hr {
  border: none;
  height: auto;
  text-align: center;
}
:root main hr::after,
:root .article-content hr::after {
  content: "✷ ✷ ✷";
  color: var(--color-accent);
  font-size: 0.95rem;
  letter-spacing: 0.55em;
  padding-left: 0.55em;
}

/* Affiliate / recommendation CTA that stands alone on its own line → pill box */
:root main p > a:only-child,
:root .article-content p > a:only-child {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-hero-text);
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.65em 1.6em;
  border-radius: 40px;
  transition: background-color 0.15s ease;
}
:root main p > a:only-child:hover,
:root .article-content p > a:only-child:hover {
  background-color: var(--color-primary-hover);
  color: var(--color-hero-text);
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 680px) {
  :root {
    --font-size-base: 16px;
    --font-size-h1:   2rem;
    --font-size-h2:   1.55rem;
    --font-size-h3:   1.25rem;
  }

  :root blockquote {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  :root .Header_body__PosKR {
    padding-block: calc(var(--spacing) * 5);
  }

  body > section:has(> div > h1) h1 + p::first-letter,
  :root .Header_body__PosKR h1 + p::first-letter {
    font-size: 2.8em;
  }
}


/* === QA tail polish (2026-07-28T16:10:53.597364+00:00) — style Lambda [SB-20] compact tail across templates === */
/* The tail wrapper is always the LAST block child of <main> on the homepage,
   containing title-only rows of older articles. Various templates use different
   inner structures (ul>li / p / direct <a>) — this handles all three. */

:root main > *:last-child:not(:has(h2)):not(:has(h1)):not(:has(article)) {
  grid-column: 1 / -1;
  max-width: min(720px, 92vw);
  margin: 88px auto 0;
  padding: 40px 0 32px;
  border-top: 2px double rgba(0, 0, 0, .16);
  background: transparent;
  box-shadow: none;
}

:root main > *:last-child:not(:has(h2)):not(:has(h1)):not(:has(article))::before {
  content: "\2014  MORE FROM THE ARCHIVE  \2014";
  display: block;
  text-align: center;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  opacity: .5;
  margin-bottom: 36px;
}

/* Any list / paragraph rows: 2-col on desktop, single on mobile */
:root main > *:last-child ul {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 2;
  column-gap: 48px;
}
@media (max-width: 899px) {
  :root main > *:last-child ul { columns: 1; }
}

:root main > *:last-child li,
:root main > *:last-child > p,
:root main > *:last-child > a {
  padding: 10px 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  line-height: 1.4;
  border-bottom: 1px dotted rgba(0, 0, 0, .12);
  break-inside: avoid;
  display: block;
}

:root main > *:last-child li a,
:root main > *:last-child p a,
:root main > *:last-child > a {
  text-decoration: none;
  font-weight: 600;
}

:root main > *:last-child li a:hover,
:root main > *:last-child p a:hover,
:root main > *:last-child > a:hover {
  text-decoration: underline;
}

/* dates (first inline child of li/p) — subtle mono */
:root main > *:last-child p > :first-child,
:root main > *:last-child li > :first-child:not(a) {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: .1em;
  opacity: .5;
  margin-right: 10px;
}