*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;line-height:1.8;color:#222;background:#f4f1eb}
.sidebar-7618f3{max-width:1100px;margin:0 auto;padding:0 24px}
.frame-84f7ce{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:48px 0;text-align:center;margin-bottom:48px}
.frame-84f7ce h1{font-size:36px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
.frame-84f7ce p{font-size:16px;opacity:.8;font-style:italic}
.frame-84f7ce .region-5bf0a7{color:#fff;text-decoration:none;font-size:20px;letter-spacing:1px;text-transform:uppercase}
.section-55fda8{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.widget-6ba973{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:28px;transition:box-shadow .2s}
.widget-6ba973:hover{box-shadow:0 4px 20px rgba(0,0,0,.14)}
.widget-6ba973 h2{font-size:22px;margin-bottom:10px;line-height:1.3}
.widget-6ba973 h2 a{color:#2c3e50;text-decoration:none}
.widget-6ba973 .panel-94e3af{font-size:12px;color:#888;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.widget-6ba973 p{font-size:15px;color:#555;margin-bottom:14px}
.shell-99d556{color:#e74c3c;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.outer-4cd6e7{max-width:780px;margin:0 auto;padding:0 24px 60px}
.outer-4cd6e7 h1{font-size:36px;margin-bottom:10px;line-height:1.2}
.outer-4cd6e7 .panel-94e3af{font-size:13px;color:#888;display:block;margin-bottom:28px;text-transform:uppercase;letter-spacing:1px}
.outer-4cd6e7 h2{font-size:24px;margin:36px 0 14px}
.outer-4cd6e7 h3{font-size:19px;margin:28px 0 10px}
.outer-4cd6e7 p{margin-bottom:18px;font-size:17px}
.outer-4cd6e7 ul,.outer-4cd6e7 ol{margin:0 0 18px 28px}
.outer-4cd6e7 a{color:#e74c3c}
.outer-4cd6e7 img{max-width:100%;height:auto;border-radius:4px;margin:20px 0}
.layout-185ee8{border-top:2px solid #ddd;padding:28px 0;margin-top:48px;text-align:center;font-size:13px;color:#888}
.layout-185ee8 a{color:#888}
.content-b6e9d3{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}
.shell-addc1d{background:#f9f3e3;padding:16px 20px;margin-top:28px;font-size:13px;color:#7a6230;border-radius:4px}
.nav-3be1af{font-size:11px;color:#888;margin:-22px 0 28px;text-transform:uppercase;letter-spacing:1.5px}
.inner-87a54a{margin:0 0 28px}
.frame-d4b108{width:100%;height:auto;border-radius:4px}
.outer-24649f{border-top:2px solid #ddd;margin-top:40px;padding-top:24px}
.outer-24649f 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}
.header-a05f73{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:22px 28px;margin-top:28px}
.header-a05f73 p{font-size:15px;padding:4px 0;margin:0}
.header-a05f73 .panel-94e3af{margin:0 8px 0 0;display:inline}
.header-a05f73 a{color:#2c3e50;text-decoration:none}
.header-a05f73 a:hover{color:#e74c3c}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;700&display=swap');
body{font-family:'Inter',sans-serif;color:#1F2937;background:#F9FBF9}
.frame-84f7ce{background:#1B4332;color:#fff}
.frame-84f7ce h1{font-family:'Poppins',serif;color:#fff}
.frame-84f7ce p{color:rgba(255,255,255,.75)}
.frame-84f7ce a{color:#fff;text-decoration:none}
.card h2{font-family:'Poppins',serif}
.card h2 a{color:#1B4332}
.card h2 a:hover{color:#2ECC71}
.read-more{color:#2ECC71}
.article-content h1{font-family:'Poppins',serif}
.article-content h2{font-family:'Poppins',serif}
.article-content a{color:#2ECC71}
.article-content img{border-radius:8px}
.affiliate-disclosure{border-radius:8px}
.ymyl-disclaimer{border-radius:8px}
/* === Custom === */
/* v.5a39ba — layout revision */
/* ec-econo-fr — Dépense Futée · Laurent Pichon */
/* Editorial signature pass: navy (#1E3A5C) + sage (#3D7A4E) on warm paper, */
/* moment cuivre #7A5A3C used in exactly 2 spots (home hero drop-cap + article drop-cap). */
/* Selectors target the live seed-stable obfuscated names verified via curl. */

/* ─── Webfonts (declared as @font-face — top-of-file @import lands after rules and dies) ─── */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/sourceserif4/v14/vEFF2_tTDB4M7-auWDN0ahZJW3IX2ih5nk3AucvUHf6kDXr4.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400 600;font-display:swap;
  src:url(https://fonts.gstatic.com/s/sourceserif4/v14/vEF02_tTDB4M7-auWDN0ahZJW1ge6NmXpVAHV83Bfb_US2D2QYxoUKIkn98pRl9tDMQC.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500 700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ─── Tokens ─── */
:root{
  --ink:#1E3A5C; --ink-deep:#14232F; --ink-soft:#2C4A6B;
  --sage:#3D7A4E; --sage-deep:#2E5C3B;
  --paper:#F5F4F0; --card:#FAF6EC; --card-alt:#F4EEDF;
  --moment:#7A5A3C;
  --text:#24313B; --muted:#6C6A61;
  --line:rgba(30,58,92,.14); --line-soft:rgba(30,58,92,.08);
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Work Sans',system-ui,-apple-system,sans-serif;
}

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

body{
  font-family:var(--serif);
  color:var(--text);
  background:var(--paper);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;}

/* ══════════════════════════════════════════════════════════════
   MASTHEAD  (nav.frame-84f7ce — shared by home + article)
   ══════════════════════════════════════════════════════════════ */
.frame-84f7ce{
  background:linear-gradient(150deg,rgba(20,35,47,.86),rgba(30,58,92,.78)),
             #16232F url("/theme-assets/header-bg.jpg") center 38%/cover no-repeat;
  color:#F6F1E4;
  text-align:center;
  padding:66px 0 60px;
  margin-bottom:64px;
  border-bottom:4px solid var(--sage);
}
.frame-84f7ce > div{padding-top:0;}
.frame-84f7ce h1{
  font-family:var(--serif);
  font-style:italic;
  font-weight:600;
  font-size:clamp(40px,7vw,60px);
  line-height:1.02;
  letter-spacing:-.01em;
  text-transform:none;
  color:#FBF7EC;
  margin:0 0 6px;
}
/* signature: hairline rule under the wordmark */
.frame-84f7ce h1::after{
  content:"";
  display:block;
  width:74px;height:2px;
  margin:20px auto 18px;
  background:var(--sage);
}
.frame-84f7ce p{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  font-size:16.5px;
  line-height:1.6;
  color:rgba(246,241,228,.82);
  max-width:60ch;
  margin:0 auto;
}
.frame-84f7ce a,
.frame-84f7ce .region-5bf0a7{
  color:#FBF7EC;
  text-decoration:none;
  font-family:var(--serif);
  font-style:italic;
  font-weight:600;
  font-size:34px;
  letter-spacing:0;
  text-transform:none;
}
.frame-84f7ce a:hover{color:#fff;}

/* ══════════════════════════════════════════════════════════════
   HOMEPAGE GRID  (main.sidebar-7618f3 > div.section-55fda8)
   6-col base; sequence forced with `order` so container ::before/::after
   become full-width band items placed inside the flow.
   ══════════════════════════════════════════════════════════════ */
.section-55fda8{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:2.4rem 1.9rem;
  align-items:stretch;
  padding-bottom:12px;
}

/* generic card surface — kills the template's #fff */
.section-55fda8 > div{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:9px;
  box-shadow:0 1px 4px rgba(20,35,47,.05);
  padding:28px 34px;
  display:flex;
  flex-direction:column;
  transition:box-shadow .18s ease,transform .18s ease;
}
.section-55fda8 > div:hover{
  box-shadow:0 6px 22px rgba(20,35,47,.11);
  transform:translateY(-2px);
}
.section-55fda8 .panel-94e3af{
  font-family:var(--sans);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 12px;
}
.section-55fda8 h2{
  font-family:var(--serif);
  font-weight:700;
  line-height:1.22;
  font-size:22px;
  margin:0 0 12px;
}
.section-55fda8 h2 a{color:var(--ink);text-decoration:none;}
.section-55fda8 h2 a:hover{color:var(--sage);}
.section-55fda8 > div > p{
  font-family:var(--serif);
  font-size:16px;
  line-height:1.6;
  color:var(--text);
  max-width:64ch;
  margin:0 0 18px;
}
.section-55fda8 .shell-99d556{
  margin-top:auto;
  align-self:flex-start;
  font-family:var(--sans);
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--sage);
  text-decoration:none;
}
.section-55fda8 .shell-99d556:hover{color:var(--sage-deep);}

/* ─── HERO (card 1) — the loud voice ─── */
.section-55fda8 > div:first-child{
  order:1;
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1.75fr 1fr;
  gap:20px 48px;
  align-items:center;
  background:linear-gradient(180deg,#FBF8EF,#F4EEDF);
  border:1px solid var(--line);
  border-top:4px solid var(--ink);
  border-radius:12px;
  padding:44px 48px;
  box-shadow:0 3px 16px rgba(20,35,47,.09);
}
.section-55fda8 > div:first-child:hover{transform:none;}
.section-55fda8 > div:first-child > *{grid-column:1;}
/* kicker: badge + byline */
.section-55fda8 > div:first-child .panel-94e3af{
  font-size:12px;letter-spacing:.22em;color:var(--ink-soft);margin-bottom:14px;
}
.section-55fda8 > div:first-child .panel-94e3af::before{
  content:"À LA UNE";
  display:inline-block;
  background:var(--ink);color:#FBF7EC;
  font-size:10.5px;letter-spacing:.2em;
  padding:4px 10px;border-radius:3px;margin-right:12px;
  vertical-align:1px;
}
.section-55fda8 > div:first-child .panel-94e3af::after{
  content:"\0000A0\0000B7\0000A0PAR LAURENT\0000A0\0000B7\0000A0LECTURE 6 MIN";
}
.section-55fda8 > div:first-child h2{
  font-size:clamp(30px,4.4vw,44px);
  line-height:1.08;
  letter-spacing:-.01em;
  margin-bottom:16px;
}
.section-55fda8 > div:first-child h2 a{color:var(--ink);}
.section-55fda8 > div:first-child > p{
  font-size:20px;
  line-height:1.5;
  color:#33414C;
  max-width:60ch;
  margin-bottom:22px;
}
/* moment colour #1 — hero drop cap on the standfirst */
.section-55fda8 > div:first-child > p::first-letter{
  float:left;
  font-family:var(--serif);
  font-weight:700;
  font-size:62px;
  line-height:.82;
  padding:6px 12px 0 0;
  color:var(--moment);
}
/* outlined CTA pill for the hero */
.section-55fda8 > div:first-child .shell-99d556{
  justify-self:start;
  border:1.5px solid var(--ink);
  color:var(--ink);
  padding:11px 22px;
  border-radius:26px;
  transition:background .18s ease,color .18s ease;
}
.section-55fda8 > div:first-child .shell-99d556:hover{
  background:var(--ink);color:#FBF7EC;
}
/* right rail — fills the second column, a signature manifesto pull */
.section-55fda8 > div:first-child::after{
  content:"\00AB\0000A0Je note tout, je garde ce qui rapporte.\0000A0\00BB";
  grid-column:2;grid-row:1 / 4;
  align-self:center;
  font-family:var(--serif);
  font-style:italic;
  font-size:20px;
  line-height:1.5;
  color:var(--ink-soft);
  padding-left:26px;
  border-left:3px solid var(--sage);
}

/* ─── EDITOR'S PICKS band (cards 2-4) ─── */
.section-55fda8 > div:nth-child(2),
.section-55fda8 > div:nth-child(3),
.section-55fda8 > div:nth-child(4){
  order:2;
  grid-column:span 2;
  margin-top:3.6rem;
  background:var(--card-alt);
  border-top:3px solid var(--sage);
}
/* full-width section label above the band, anchored on the first pick card */
.section-55fda8 > div:nth-child(2){position:relative;}
.section-55fda8 > div:nth-child(2)::before{
  content:"Les trois à lire d’abord";
  position:absolute;left:0;bottom:calc(100% + 1.15rem);
  width:calc(300% + 3.8rem);
  font-family:var(--sans);
  font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink);
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
/* small roman numerals give the band its own rhythm */
.section-55fda8 > div:nth-child(2) .panel-94e3af::before{content:"N\00B0\0000A0I\0000A0\00B7\0000A0";color:var(--sage);}
.section-55fda8 > div:nth-child(3) .panel-94e3af::before{content:"N\00B0\0000A0II\0000A0\00B7\0000A0";color:var(--sage);}
.section-55fda8 > div:nth-child(4) .panel-94e3af::before{content:"N\00B0\0000A0III\0000A0\00B7\0000A0";color:var(--sage);}
.section-55fda8 > div:nth-child(2) h2,
.section-55fda8 > div:nth-child(3) h2,
.section-55fda8 > div:nth-child(4) h2{font-size:20px;}
.section-55fda8 > div:nth-child(2) > p,
.section-55fda8 > div:nth-child(3) > p,
.section-55fda8 > div:nth-child(4) > p{
  font-size:15.5px;line-height:1.56;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

/* ─── STRIP 1 — photo band between picks and journal (container ::after) ─── */
.section-55fda8::after{
  content:"LE JOURNAL — LES PLUS RÉCENTS";
  order:3;grid-column:1 / -1;
  display:flex;align-items:center;justify-content:center;
  min-height:200px;
  margin:1.6rem 0;
  background:linear-gradient(rgba(20,24,28,.55),rgba(20,24,28,.25)),
             #16232F url("/theme-assets/entry-photo.jpg") center 30%/cover no-repeat;
  border-radius:10px;
  color:#F6F1E4;
  font-family:var(--sans);
  font-size:13px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;
  text-shadow:0 1px 5px rgba(0,0,0,.55);
}

/* ─── JOURNAL grid (cards 5+) — 2-up chronological ─── */
.section-55fda8 > div:nth-child(n+5){
  order:4;
  grid-column:span 3;
}
.section-55fda8 > div:nth-child(n+5) > p{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

/* ─── STRIP 2 — closing photo band (container ::before, ordered last) ─── */
.section-55fda8::before{
  content:"PLUS D’ARTICLES";
  order:5;grid-column:1 / -1;
  display:flex;align-items:center;justify-content:center;
  min-height:210px;
  margin:1.6rem 0 0;
  background:linear-gradient(rgba(20,24,28,.55),rgba(20,24,28,.25)),
             #16232F url("/theme-assets/entry-photo.jpg") center 70%/cover no-repeat;
  border-radius:10px;
  color:#F6F1E4;
  font-family:var(--sans);
  font-size:13px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;
  text-shadow:0 1px 5px rgba(0,0,0,.55);
}

/* ══════════════════════════════════════════════════════════════
   ARTICLE PAGE  (main.outer-4cd6e7)
   ══════════════════════════════════════════════════════════════ */
.outer-4cd6e7{max-width:760px;padding:0 24px 72px;}
.outer-4cd6e7 h1{
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(32px,5vw,46px);
  line-height:1.1;
  letter-spacing:-.01em;
  color:var(--ink);
  margin:0 0 14px;
}
.outer-4cd6e7 > time,
.outer-4cd6e7 .panel-94e3af{
  display:block;
  font-family:var(--sans);
  font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);
  margin-bottom:34px;
}
.outer-4cd6e7 > time::before{
  content:"Par Laurent\0000A0\2014\0000A0";
  color:var(--sage-deep);
}
/* hero image */
.outer-4cd6e7 .inner-87a54a{margin:0 0 2rem;}
.outer-4cd6e7 .frame-d4b108{
  width:100%;border-radius:9px;
  box-shadow:0 3px 16px rgba(20,35,47,.12);
}
.outer-4cd6e7 .inline-wrap{margin:2.2rem auto;text-align:center;}
.outer-4cd6e7 .inline-wrap img{border-radius:8px;max-width:560px;}

.outer-4cd6e7 article p{
  font-family:var(--serif);
  font-size:19px;
  line-height:1.78;
  color:var(--text);
  margin:0 0 1.4rem;
}
/* moment colour #2 — opening drop cap */
.outer-4cd6e7 article > p:first-of-type::first-letter{
  float:left;
  font-family:var(--serif);
  font-weight:700;
  font-size:70px;
  line-height:.78;
  padding:8px 14px 0 0;
  color:var(--moment);
}
.outer-4cd6e7 article h2{
  font-family:var(--serif);
  font-weight:700;
  font-size:28px;
  line-height:1.2;
  color:var(--ink);
  margin:2.6rem 0 1rem;
  border:0;padding:0;
}
/* dinkus divider before each h2 section */
.outer-4cd6e7 article > h2::before{
  content:"\2766";
  display:block;
  text-align:center;
  color:var(--sage);
  font-size:22px;
  line-height:1;
  margin:1.8rem 0 1.9rem;
  opacity:.85;
}
.outer-4cd6e7 article h3{
  font-family:var(--serif);
  font-weight:600;
  font-size:22px;
  color:var(--ink);
  margin:2rem 0 .8rem;
}
.outer-4cd6e7 article ul,
.outer-4cd6e7 article ol{
  max-width:64ch;font-size:19px;line-height:1.7;margin:0 0 1.4rem;padding-left:1.6rem;
}
.outer-4cd6e7 article li{margin-bottom:.55rem;}
.outer-4cd6e7 article strong{font-weight:600;color:var(--ink-deep);}
.outer-4cd6e7 article blockquote{
  margin:2rem 0;
  padding:.4rem 0 .4rem 1.6rem;
  border-left:3px solid var(--sage);
  font-style:italic;
  font-size:21px;
  line-height:1.55;
  color:var(--ink-soft);
  position:relative;
}
.outer-4cd6e7 article blockquote p{font-size:21px;margin:0;}
.outer-4cd6e7 article blockquote::before{
  content:"\201C";
  position:absolute;left:-.15em;top:-.35em;
  font-size:2.6em;line-height:1;color:var(--sage);opacity:.28;
}

/* body / reference links — clearly distinct from prose, sage underline */
.outer-4cd6e7 article a{
  color:var(--ink);
  font-weight:600;
  text-decoration:none;
  border-bottom:2px solid rgba(61,122,78,.4);
  padding-bottom:1px;
  transition:border-color .15s ease,color .15s ease;
}
.outer-4cd6e7 article a:hover{color:var(--sage-deep);border-bottom-color:var(--sage);}
/* outbound reference marker */
.outer-4cd6e7 article a[href^="http"]:not([href*="depensefutee"])::after{
  content:"\0000A0\2197";
  font-size:.8em;color:var(--sage);border:0;
}

/* ─── Related articles (aside.outer-24649f) ─── */
.outer-24649f{
  border:0;border-top:1px solid var(--line);
  margin-top:3.4rem;
  padding:2.2rem 0 0;
  background:transparent;
}
.outer-24649f h4{
  font-family:var(--sans);
  font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--sage-deep);
  margin:0 0 1.2rem;
}
.mag-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.outer-24649f .mag-related-item a{
  display:block;
  background:var(--card);
  border:1px solid var(--line);
  border-left:3px solid var(--sage);
  border-radius:8px;
  padding:16px 20px;
  font-family:var(--serif);
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  color:var(--ink);
  text-decoration:none;
  transition:box-shadow .16s ease,transform .16s ease;
}
.outer-24649f .mag-related-item a:hover{
  box-shadow:0 4px 16px rgba(20,35,47,.1);
  transform:translateY(-2px);
  color:var(--sage-deep);
}

/* ══════════════════════════════════════════════════════════════
   FOOTER  (footer.layout-185ee8)
   ══════════════════════════════════════════════════════════════ */
.layout-185ee8{
  background:var(--ink-deep);
  color:rgba(246,241,228,.72);
  border:0;border-top:4px solid var(--sage);
  margin-top:5rem;
  padding:40px 0;
  text-align:center;
  font-family:var(--sans);
  font-size:13px;
  letter-spacing:.04em;
}
.layout-185ee8 a{color:rgba(246,241,228,.9);text-decoration:none;}
.layout-185ee8 a:hover{color:#fff;}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — reset every span so `span N` cannot spawn implicit tracks
   ══════════════════════════════════════════════════════════════ */
@media (max-width:900px){
  .section-55fda8{grid-template-columns:repeat(2,1fr);gap:2rem 1.6rem;}
  .section-55fda8 > div:first-child{
    grid-column:1 / -1;grid-template-columns:1fr;padding:34px 30px;
  }
  .section-55fda8 > div:first-child::after{
    grid-column:1;grid-row:auto;margin-top:6px;border-left:0;padding-left:0;
    border-top:2px solid var(--sage);padding-top:16px;
  }
  .section-55fda8 > div:nth-child(2),
  .section-55fda8 > div:nth-child(3),
  .section-55fda8 > div:nth-child(4){grid-column:1 / -1;margin-top:0;}
  .section-55fda8 > div:nth-child(2)::before{
    position:static;width:auto;margin-bottom:1.1rem;bottom:auto;
  }
  .section-55fda8 > div:nth-child(2){margin-top:3rem;}
  .section-55fda8 > div:nth-child(n+5){grid-column:span 1;}
  .section-55fda8::before,
  .section-55fda8::after{grid-column:1 / -1;}
}
@media (max-width:560px){
  .section-55fda8{grid-template-columns:1fr;}
  .section-55fda8 > div:first-child,
  .section-55fda8 > div:nth-child(2),
  .section-55fda8 > div:nth-child(3),
  .section-55fda8 > div:nth-child(4),
  .section-55fda8 > div:nth-child(n+5),
  .section-55fda8::before,
  .section-55fda8::after{grid-column:1 / -1;}
  .mag-related-grid{grid-template-columns:1fr;}
  .outer-4cd6e7 article p,
  .outer-4cd6e7 article ul,
  .outer-4cd6e7 article ol{font-size:18px;}
}