*{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=Montserrat: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:'Montserrat',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:'Montserrat',serif}
.card h2 a{color:#1E293B}
.card h2 a:hover{color:#F97316}
.read-more{color:#F97316}
.article-content h1{font-family:'Montserrat',serif}
.article-content h2{font-family:'Montserrat',serif}
.article-content a{color:#F97316}
.article-content img{border-radius:8px}
.affiliate-disclosure{border-radius:8px}
.ymyl-disclaimer{border-radius:8px}
/* === Custom === */
/* v.259343 — layout revision */
/* lg-langue-fr — Déclic Parler — Antoine Lefort, anglais autodidacte
   Build : Next-style (stable module classes: Header_body__ / Header_section__ /
           Module_main__ / Section_content__ / Wrapper_body__ / Page_content__).
   Voice : display + body = PT Serif (italic display for wordmark/hero/titles),
           meta/kickers/CTA = Oswald uppercase-tracked.
   Palette: navy #1F3548 + ochre #C07B22 on warm cream #F6F3EE.
           One moment colour #7A5A3C — used exactly twice (hero drop cap + hero
           top rule). No pure white anywhere; card surface is warm #FAF6EC.
   Assets: assigned backdrop/story-photo 404 → working hero-masthead / article-hero.
   NOTE: top-of-file @import is dropped after concatenation, so fonts are declared
         as position-independent @font-face blocks. */

/* ─── Fonts (position-independent) ───────────────────────────────────────── */
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;
  src:url(https://fonts.gstatic.com/s/ptserif/v19/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format('woff2');}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/ptserif/v19/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format('woff2');}
@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;font-display:swap;
  src:url(https://fonts.gstatic.com/s/ptserif/v19/EJRTQgYoZZY2vCFuvAFT_r21cg.woff2) format('woff2');}
@font-face{font-family:'PT Serif';font-style:italic;font-weight:700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/ptserif/v19/EJRQQgYoZZY2vCFuvAFT9gaQZynfoA.woff2) format('woff2');}
@font-face{font-family:'Oswald';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v57/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');}

/* ─── Tokens ─────────────────────────────────────────────────────────────── */
:root{
  --navy:#1F3548;  --navy-deep:#162637;
  --ochre:#C07B22; --ochre-deep:#A0661A;
  --cream:#F6F3EE; --cream-alt:#EDE9E2; --paper:#FAF6EC;
  --ink:#201E1A;   --muted:#6B6058;     --border:#D8D1C4;
  --moment:#7A5A3C;
  --font-display:'PT Serif',Georgia,serif;
  --font-body:'PT Serif',Georgia,serif;
  --font-meta:'Oswald',system-ui,sans-serif;
  --measure:66ch;
  --wrap:820px;
}

/* ─── Reset / base ───────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.78;
  -webkit-font-smoothing:antialiased;
}

/* Content measure inside both mains */
.Section_block__PdQkt{max-width:900px;}
main.Section_content__JFtmt{max-width:760px;}

/* Generic headings — serif display voice, never uppercase in content */
main h1,main h2,main h3,main h4{
  font-family:var(--font-display);
  color:var(--navy);
  line-height:1.16;
  text-transform:none;
  letter-spacing:0;
}

/* Links (default) */
main a{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:2px;}
main a:hover{color:var(--ochre-deep);}

/* ─── Masthead (shared home + article) ───────────────────────────────────── */
.Header_body__PosKR{
  background-color:var(--navy);
  background-image:
    linear-gradient(180deg,rgba(22,32,44,.72),rgba(18,26,36,.90)),
    url("/theme-assets/hero-masthead.jpg");
  background-size:cover;
  background-position:center 35%;
  color:#F4EEE3;
  padding:74px 0 66px;
  margin-bottom:64px;
  border-bottom:4px solid var(--ochre);
}
/* Home wordmark */
.Header_body__PosKR h1{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:700;
  font-size:clamp(2.4rem,6vw,3.5rem);
  letter-spacing:0;
  line-height:1.04;
  color:#FBF6EC;
}
.Header_body__PosKR h1::before{
  content:"Le carnet d'Antoine";
  display:block;
  font-family:var(--font-meta);
  font-style:normal;
  font-weight:600;
  font-size:.74rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--ochre);
  margin-bottom:14px;
}
.Header_body__PosKR p{
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.6;
  color:rgba(244,238,227,.74);
  max-width:60ch;
  margin-top:12px;
}
/* Article wordmark (link) */
.Header_body__PosKR a{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:700;
  font-size:1.7rem;
  color:#FBF6EC;
  text-decoration:none;
  letter-spacing:0;
}
.Header_body__PosKR a:hover{color:var(--ochre);}
/* Signature manifesto line under the wordmark — both pages */
.Header_body__PosKR .Section_block__PdQkt::after{
  content:"« de figé à fonctionnel »";
  display:block;
  font-family:var(--font-display);
  font-style:italic;
  font-size:.92rem;
  letter-spacing:.01em;
  color:rgba(214,179,120,.92);
  margin-top:14px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   HOMEPAGE  (main.Sidebar_head__jViF2 — no <article> child)
   ═════════════════════════════════════════════════════════════════════════ */
main.Sidebar_head__jViF2{
  max-width:var(--wrap);
  padding-bottom:32px;
}

/* Shared card internals ---------------------------------------------------- */
.Sidebar_head__jViF2 > .Header_section__sfTCj{
  border-left:none;
  padding:0;
  margin:0 0 34px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj > .Wrapper_body__fDRAa{
  font-family:var(--font-meta);
  font-size:12px;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:10px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj > h2{
  font-family:var(--font-display);
  font-size:1.45rem;
  font-weight:700;
  line-height:1.24;
  margin-bottom:12px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj > h2 a{
  color:var(--navy);
  text-decoration:none;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj > h2 a:hover{color:var(--ochre-deep);}
.Sidebar_head__jViF2 > .Header_section__sfTCj > p{
  font-size:15.5px;
  line-height:1.68;
  color:#463F38;
  max-width:64ch;
  margin-bottom:16px;
}
/* CTA pill — relabelled from English "Read Now" → FR */
.Sidebar_head__jViF2 > .Header_section__sfTCj > .Page_content__tHlzd{
  display:inline-block;
  background:var(--navy);
  color:#FBF6EC;
  font-family:var(--font-meta);
  font-size:0;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  padding:9px 22px;
  border-radius:6px;
  transition:background-color .15s ease;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj > .Page_content__tHlzd::after{
  content:"Lire le carnet";
  font-size:12px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj > .Page_content__tHlzd:hover{
  background:var(--ochre-deep);
}

/* ── HERO : first card is THE loud voice ─────────────────────────────────── */
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type{
  position:relative;
  background:var(--paper);
  border:1px solid rgba(31,53,72,.10);
  border-top:3px solid var(--moment);
  border-radius:10px;
  box-shadow:0 6px 24px rgba(31,53,72,.08);
  padding:38px 44px 40px;
  margin-bottom:60px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type::before{
  content:"Dernier carnet";
  display:block;
  font-family:var(--font-meta);
  font-weight:600;
  font-size:.72rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--ochre);
  margin-bottom:16px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type > .Wrapper_body__fDRAa::after{
  content:" · par Antoine Lefort · lecture 6 min";
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type > h2{
  font-style:italic;
  font-size:clamp(1.9rem,4.4vw,2.7rem);
  line-height:1.12;
  margin-bottom:18px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type > p:not(.Wrapper_body__fDRAa){
  font-size:19px;
  line-height:1.56;
  color:#3B352E;
  max-width:60ch;
  margin-bottom:22px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type > p:not(.Wrapper_body__fDRAa)::first-letter{
  float:left;
  font-family:var(--font-display);
  font-weight:700;
  font-size:3.2em;
  line-height:.76;
  color:var(--moment);
  margin:.04em .12em 0 0;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type > .Page_content__tHlzd{
  background:var(--ochre);
  padding:11px 28px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type > .Page_content__tHlzd::after{
  content:"Lire le carnet";
  font-size:13px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type > .Page_content__tHlzd:hover{
  background:var(--navy);
}

/* ── EDITOR'S PICKS : cards 2–3, open list under a full-width label ──────── */
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(2),
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(3){
  border-left:3px solid var(--ochre);
  padding:4px 0 4px 26px;
  margin-bottom:30px;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(2){
  margin-top:0;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(2)::before{
  content:"La sélection d'Antoine — à lire en premier";
  display:block;
  font-family:var(--font-meta);
  font-weight:600;
  font-size:.8rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--navy);
  margin:0 0 26px -26px;
  padding-bottom:12px;
  border-bottom:1px solid var(--border);
}

/* ── STRIP 1 : photo band + "LE JOURNAL — LES PLUS RÉCENTS" (before card 4) ─ */
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(4){
  margin-top:0;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(4)::before{
  content:"Le journal — les plus récents";
  display:flex;
  align-items:center;
  justify-content:center;
  height:200px;
  margin:24px 0 44px;
  border-radius:10px;
  background-image:
    linear-gradient(rgba(20,24,28,.55),rgba(20,24,28,.30)),
    url("/theme-assets/article-hero.jpg");
  background-size:cover;
  background-position:center 30%;
  font-family:var(--font-meta);
  font-weight:600;
  font-size:14px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#FBF6EC;
  text-shadow:0 1px 5px rgba(0,0,0,.5);
}

/* ── JOURNAL : cards 4–15 as consistent soft-framed cards ───────────────── */
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(n+4){
  background:var(--paper);
  border:1px solid rgba(31,53,72,.10);
  border-left:3px solid var(--navy);
  border-radius:8px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  padding:26px 34px 24px;
  margin-bottom:26px;
  transition:box-shadow .15s ease,transform .15s ease;
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(n+4):hover{
  box-shadow:0 8px 22px rgba(31,53,72,.12);
  transform:translateY(-2px);
}
.Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(n+4) > h2{
  font-size:1.3rem;
}

/* ── STRIP 2 : photo band + "TOUT LIRE", then the compact archive tail ──── */
.Sidebar_head__jViF2 > .Module_main__UWQBF{
  border-left:none;
  padding:0;
  margin-top:64px;
}
.Sidebar_head__jViF2 > .Module_main__UWQBF::before{
  content:"Tout lire";
  display:flex;
  align-items:center;
  justify-content:center;
  height:210px;
  margin-bottom:40px;
  border-radius:10px;
  background-image:
    linear-gradient(rgba(31,53,72,.60),rgba(20,24,28,.34)),
    url("/theme-assets/article-hero.jpg");
  background-size:cover;
  background-position:center 70%;
  font-family:var(--font-meta);
  font-weight:600;
  font-size:14px;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:#FBF6EC;
  text-shadow:0 1px 5px rgba(0,0,0,.5);
}
.Sidebar_head__jViF2 > .Module_main__UWQBF ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px 16px;
  align-items:stretch;
}
.Sidebar_head__jViF2 > .Module_main__UWQBF li{
  display:flex;
  flex-direction:column;
  background:var(--paper);
  border:1px solid rgba(31,53,72,.10);
  border-left:3px solid var(--navy);
  border-radius:8px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  padding:18px 22px;
  font-size:15px;
  transition:box-shadow .15s ease,transform .15s ease;
}
.Sidebar_head__jViF2 > .Module_main__UWQBF li:hover{
  box-shadow:0 8px 22px rgba(31,53,72,.12);
  transform:translateY(-2px);
}
.Sidebar_head__jViF2 > .Module_main__UWQBF li a{
  color:var(--navy);
  text-decoration:none;
  font-weight:700;
  font-size:1rem;
}
.Sidebar_head__jViF2 > .Module_main__UWQBF li a:hover{color:var(--ochre-deep);text-decoration:underline;}
.Sidebar_head__jViF2 > .Module_main__UWQBF .Wrapper_body__fDRAa{
  display:block;
  font-family:var(--font-meta);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  margin:3px 0 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ARTICLE PAGE  (main.Section_content__JFtmt — has <article> child)
   ═════════════════════════════════════════════════════════════════════════ */
main.Section_content__JFtmt{padding-bottom:72px;}

.Section_content__JFtmt > hgroup{margin-bottom:36px;}
.Section_content__JFtmt > hgroup > h1{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:700;
  font-size:clamp(2rem,5vw,2.9rem);
  line-height:1.12;
  letter-spacing:0;
  margin-bottom:16px;
}
.Section_content__JFtmt > hgroup > time{
  font-family:var(--font-meta);
  font-size:12px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--muted);
  display:block;
}
.Section_content__JFtmt > hgroup > time::before{
  content:"Carnet · ";
  color:var(--ochre-deep);
}
.Section_content__JFtmt > hgroup > time::after{
  content:" · par Antoine Lefort";
  color:var(--muted);
}

/* Article hero image */
.Header_area__UDP6j{border-radius:10px;}

/* Affiliate transparency note → warm callout (not the base dark bar) */
.Content_wrapper__ZAj8f{
  background:var(--cream-alt);
  color:var(--muted);
  border-left:3px solid var(--ochre);
  border-radius:0 6px 6px 0;
  padding:14px 20px;
  margin-bottom:30px;
  font-size:13.5px;
  font-style:italic;
}

/* Body copy — editorial breathing */
.Section_content__JFtmt p{
  font-size:18px;
  line-height:1.8;
  margin-bottom:20px;
  max-width:var(--measure);
}
.Section_content__JFtmt article > h2{
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.6rem;
  line-height:1.22;
  margin:8px 0 16px;
  padding-bottom:10px;
  border-bottom:2px solid var(--ochre);
}
/* Dinkus divider opening each h2 section */
.Section_content__JFtmt article > h2::before{
  content:"✷ ✷ ✷";
  display:block;
  text-align:center;
  color:var(--ochre);
  font-size:.85rem;
  letter-spacing:.5em;
  padding-left:.5em;
  border:none;
  font-weight:400;
  margin:24px 0 26px;
}
.Section_content__JFtmt article > h3{
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.28rem;
  color:var(--navy-deep);
  margin:30px 0 12px;
}

/* Internal body links */
.Section_content__JFtmt article p a{
  color:var(--navy);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:rgba(31,53,72,.35);
  text-underline-offset:2px;
}
.Section_content__JFtmt article p a:hover{color:var(--ochre-deep);}

/* Affiliate / recommendation links (/find/…) — M10: distinct CTA pill, NOT inline
   orange emphasis. Broad article-scope selector + attribute strictly out-specifies
   the body-link rule (0,2,2 > 0,1,3), so the button colour never collapses into the
   surrounding text colour and every /find/ link reads as a button wherever it sits
   (paragraph copy or bullet). Filled in the navy body colour rather than the ochre
   accent, so it is unmistakably a button without adding another scattered orange. */
.Section_content__JFtmt article a[href^="/find/"]{
  display:inline-block;
  vertical-align:baseline;
  color:#FBF6EC;
  background:var(--navy);
  font-family:var(--font-meta);
  font-weight:600;
  font-size:.9em;
  letter-spacing:.05em;
  line-height:1.35;
  text-decoration:none;
  padding:6px 18px 5px;
  margin:2px 0;
  border-radius:999px;
  box-shadow:0 1px 4px rgba(31,53,72,.16);
  transition:background-color .15s ease,box-shadow .15s ease;
}
.Section_content__JFtmt article a[href^="/find/"]::after{
  content:" ↗";
  font-family:var(--font-meta);
  font-size:.85em;
}
.Section_content__JFtmt article a[href^="/find/"]:hover{
  background:var(--ochre-deep);
  box-shadow:0 4px 12px rgba(31,53,72,.22);
}

/* Related-articles module */
.Module_body__VdpyR{
  border-left:none;
  background:var(--paper);
  border:1px solid rgba(31,53,72,.10);
  border-top:3px solid var(--navy);
  border-radius:8px;
  padding:28px 32px;
  margin-top:56px;
}
.Module_body__VdpyR h3{
  font-family:var(--font-meta);
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--navy);
  margin-bottom:14px;
}
.Module_body__VdpyR ul{list-style:none;padding:0;}
.Module_body__VdpyR li{padding:8px 0;border-bottom:1px dotted rgba(31,53,72,.18);}
.Module_body__VdpyR li:last-child{border-bottom:none;}
.Module_body__VdpyR a{color:var(--navy);text-decoration:none;font-weight:700;}
.Module_body__VdpyR a:hover{color:var(--ochre-deep);text-decoration:underline;}

/* ─── Blockquote (article body, if present) ──────────────────────────────── */
main blockquote{
  position:relative;
  max-width:var(--measure);
  margin:34px 0;
  padding:24px 28px 20px 40px;
  background:var(--cream-alt);
  border-left:4px solid var(--ochre);
  border-radius:0 6px 6px 0;
  font-style:italic;
  font-size:1.05rem;
  color:#3B352E;
}
main blockquote::before{
  content:"\201C";
  position:absolute;
  top:.08em;left:.18em;
  font-family:Georgia,serif;
  font-style:normal;
  font-size:3.2rem;
  line-height:1;
  color:var(--ochre);
  opacity:.4;
}
main blockquote p{margin:0;max-width:none;}

/* ─── Footer ─────────────────────────────────────────────────────────────── */
.Layout_head__i4mr4{
  background:var(--navy-deep);
  color:rgba(200,205,212,.85);
  border-top:4px solid var(--ochre);
  font-family:var(--font-meta);
  font-size:12px;
  letter-spacing:.06em;
  padding:34px 0;
  margin-top:56px;
}
.Layout_head__i4mr4 a{color:rgba(214,179,120,.95);text-decoration:none;}
.Layout_head__i4mr4 a:hover{color:var(--ochre);}

/* ─── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width:760px){
  body{font-size:16px;}
  .Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type{padding:28px 24px 30px;}
  .Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(n+4){padding:22px 22px 20px;}
  .Sidebar_head__jViF2 > .Module_main__UWQBF ul{columns:1;}
  .Sidebar_head__jViF2 > .Header_section__sfTCj:nth-of-type(4)::before,
  .Sidebar_head__jViF2 > .Module_main__UWQBF::before{height:150px;font-size:12px;letter-spacing:.24em;}
  .Header_body__PosKR{padding:52px 0 46px;}
  .Sidebar_head__jViF2 > .Header_section__sfTCj:first-of-type > p:not(.Wrapper_body__fDRAa)::first-letter{font-size:2.7em;}
}


/* related-articles-nav-fix v1 */
:root main > nav p,
:root main > section p {
  line-height: 1.85;
  margin: 0;
}
:root main > nav a,
:root main > section a {
  display: inline-block;
  margin: 0 4px;
  padding: 0 2px;
}


/* mobile-overflow-fix v1 */
:root html, :root body { overflow-x: hidden; max-width: 100%; }
@media (max-width: 920px) {
  :root main > * { max-width: 100%; }
  :root main { overflow-x: hidden; }
}


/* mobile-overflow-fix v2 */
@media (max-width: 640px) {
  :root main,
  :root main > article,
  :root main > div,
  :root main > section,
  :root main > nav {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
  :root main > article > *,
  :root main > div > *,
  :root main > section > *,
  :root main > nav > * {
    max-width: 100%;
  }
  :root main h1,
  :root main h2,
  :root main h3,
  :root main h4 {
    overflow-wrap: break-word;
    word-break: normal;
  }
  /* Any 3+ col grid inside main → 1 col on mobile */
  :root main :is(ul, ol, section, div, nav)[style*="grid-template-columns"],
  :root main > section > ul,
  :root main > nav > ul,
  :root main > div > ul {
    grid-template-columns: 1fr !important;
  }
  /* Any CSS multi-column layout → 1 col on mobile */
  :root main :is(ul, ol, section, div, p) {
    columns: 1;
  }
  /* Article body images stay inside viewport */
  :root main img,
  :root main figure {
    max-width: 100%;
    height: auto;
  }
}


/* mobile-padding-fix v1 */
@media (max-width: 640px) {
  :root main {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* premium-upgrade v1 */
/* premium editorial upgrade — style=The-Sill-botanical overlay=40% grid=equal scale=balanced family=flat-divs */


/* ── CARD 1: featured full-row with 300px photo header (via card-own background, NOT ::before —
    leaves ::before free for existing site's M2 label / meta content). ── */
:root main:not(:has(> h1)) > div:nth-of-type(1) {
  grid-column: 1 / -1;
  position: relative;      /* anchor for existing site's ::before label if it uses absolute */
  overflow: visible;       /* let above-card labels render without clipping */
  padding: 320px 44px 40px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-card-1.webp") no-repeat center top / 100% 300px,
    var(--bg) !important;
  margin-top: 60px !important;  /* room for above-card M2 label (existing site convention) */
}

/* ── CARDS 2-4: medium with 180px photo header (background technique, ::before untouched) ── */
:root main:not(:has(> h1)) > div:nth-of-type(2) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-card-2.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}
:root main:not(:has(> h1)) > div:nth-of-type(3) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-card-3.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}
:root main:not(:has(> h1)) > div:nth-of-type(4) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-card-4.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}

/* ── flat-divs family: cards 5 & 6 also get photo headers ── */
:root main:not(:has(> h1)) > div:nth-of-type(5) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-strip-1.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}
:root main:not(:has(> h1)) > div:nth-of-type(6) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-strip-2.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}

/* ── Article page: drop cap + dinkus dividers ── */
:root main:has(> h1) > article > p:first-of-type::first-letter {
  font-family: var(--fh), Georgia, serif;
  font-size: 76px; line-height: 0.9; color: var(--primary);
  float: left; margin: 6px 12px 0 0; padding: 0; font-weight: 400;
}
:root main:has(> h1) > article > h2 + p ~ h2::before {
  content: "✦ ✦ ✦";
  display: block; text-align: center; color: var(--accent);
  font-size: 12px; letter-spacing: 0.3em; margin-bottom: 24px;
  font-weight: 400;
}

/* ── Mobile responsive: adjust photo heights via background-size on the card itself ── */
@media (max-width: 720px) {
  :root main:not(:has(> h1)) > div:nth-of-type(1) {
    padding: 240px 22px 28px !important;
    background:
      url("/theme-assets/premium-hero-card-1.webp") no-repeat center top / 100% 220px,
      var(--bg) !important;
  }
  :root main:not(:has(> h1)) > div:nth-of-type(2) {
    padding: 180px 22px 26px !important;
    background:
      url("/theme-assets/premium-hero-card-2.webp") no-repeat center top / 100% 160px,
      var(--bg) !important;
  }
  :root main:not(:has(> h1)) > div:nth-of-type(3) {
    padding: 180px 22px 26px !important;
    background:
      url("/theme-assets/premium-hero-card-3.webp") no-repeat center top / 100% 160px,
      var(--bg) !important;
  }
  :root main:not(:has(> h1)) > div:nth-of-type(4) {
    padding: 180px 22px 26px !important;
    background:
      url("/theme-assets/premium-hero-card-4.webp") no-repeat center top / 100% 160px,
      var(--bg) !important;
  }
  :root main:not(:has(> h1))::before,
  :root main:not(:has(> h1))::after { min-height: 240px; }
  :root main:has(> h1) > article > p:first-of-type::first-letter { font-size: 60px; }
}


/* premium-upgrade v4 */
/* premium-upgrade v4 — surgical bundle. Applied 2026-08-30.
   Fixes: M10 CTA / M11 dinkus leak / M4 heights / M9 typography / M5 frames.
   Kills v2 "LATEST" label (proven counterproductive from v2 diagnosis). */

/* ── Kill v2 counterproductive homepage label ── */
:root main:not(:has(> h1))::before { content: none !important; }

/* ── M10: affiliate CTA visibility on article body ── */
:root main:has(> h1) a[href^="/try/"],
:root main:has(> h1) a[href^="/ref/"],
:root main:has(> h1) a[href^="/go/"],
:root main:has(> h1) a[href^="/out/"],
:root main:has(> h1) a[href^="/check/"],
:root main:has(> h1) a[href^="/view/"],
:root main:has(> h1) a[href*="hotmart.com"],
:root main:has(> h1) a[href*="digistore24"],
:root main:has(> h1) a[href*="clickbank"] {
  display: inline-block !important;
  background: var(--primary) !important;
  color: var(--bg) !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
}

/* ── M11: prevent dinkus leaking onto article page's first h2 ── */
:root main:has(> h1) > article > h2:first-of-type::before {
  content: none !important;
}

/* ── M4: force equal-height cards via grid stretch + card fill ── */
:root main:not(:has(> h1)) > div:has(> div) {
  align-items: stretch !important;
}
:root main:not(:has(> h1)) > div:has(> div) > div {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
:root main:not(:has(> h1)) > div > article {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
/* also for flat-divs family */
:root main:not(:has(> h1)) > div {
  height: 100% !important;
}

/* ── M9: cap small-title weight so Bebas/Anton counters don't fill in ── */
:root main:not(:has(> h1)) > div > div > h2,
:root main:not(:has(> h1)) > div > div > h2 a,
:root main:not(:has(> h1)) > section > ul > li > a,
:root main:not(:has(> h1)) > div > p > a {
  font-weight: 500 !important;
}

/* ── M5: universal soft frame fallback for card-like elements ── */
:root main:not(:has(> h1)) > div > div,
:root main:not(:has(> h1)) > div > article,
:root main:not(:has(> h1)) > article {
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.05) !important;
}


/* premium-upgrade v5 */
/* premium-upgrade v5 — big M2 band + wider M10 CTA net + M8 breathing. 2026-08-31. */

/* ── M2: PROMINENT full-row label, not the small word v2 tried ── */
:root main:not(:has(> h1))::before {
  content: "◆ LATEST FEATURES ◆" !important;
  display: block !important;
  font-family: var(--fh, "PT Sans"), Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 16px 24px 20px !important;
  margin: 0 0 40px !important;
  border-top: 3px solid var(--primary, #333) !important;
  border-bottom: 1px solid var(--border, #ccc) !important;
  color: var(--primary, #333) !important;
  background: transparent !important;
}

/* ── M10: broaden CTA net (Amazon, aff/ path, [target=_blank] product-shaped) ── */
:root main:has(> h1) a[href^="/try/"],
:root main:has(> h1) a[href^="/ref/"],
:root main:has(> h1) a[href^="/go/"],
:root main:has(> h1) a[href^="/out/"],
:root main:has(> h1) a[href^="/check/"],
:root main:has(> h1) a[href^="/view/"],
:root main:has(> h1) a[href^="/aff/"],
:root main:has(> h1) a[href^="/product/"],
:root main:has(> h1) a[href*="hotmart.com"],
:root main:has(> h1) a[href*="digistore24"],
:root main:has(> h1) a[href*="clickbank"],
:root main:has(> h1) a[href*="amazon."],
:root main:has(> h1) a[href*="/track/"],
:root main:has(> h1) a[href*="/link/"],
:root main:has(> h1) a[href*="lstrk.net"],
:root main:has(> h1) a[href*="thrivecart"] {
  display: inline-block !important;
  background: var(--primary) !important;
  color: var(--bg) !important;
  padding: 8px 18px !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  margin: 4px 2px !important;
}

/* ── M8: article body breathing ── */
:root main:has(> h1) > article > p {
  line-height: 1.8 !important;
  margin-bottom: 20px !important;
}
:root main:has(> h1) > article > h2 {
  margin-top: 48px !important;
  margin-bottom: 18px !important;
}
:root main:not(:has(> h1)) > div:has(> div) {
  gap: 40px 32px !important;
}