/* approach.css: styles for .ekgm-approach (page 10, /approach/).
   Moved out of the page's own <style> on 2026-10-15 (ekg-marketing 0.7.0) and set in Readout.
   The shared parts (tokens, type, wrap, hero, buttons, cards, bands) are in ../pages.css;
   this file keeps only what this page alone has.
   Loaded only where the markup uses .ekgm-approach (functions.php, ekgm_page_styles). Edit here, never in the page. */
.ekgm-approach .narrow{ max-width:820px; }

.ekgm-approach .phero h1{ font-size:clamp(42px,6.16vw,73px); max-width:8.7em; }
.ekgm-approach .phero h1 em{ font-style:italic; color:var(--clay); }

.ekgm-approach section{ padding:82px 0; }

.ekgm-approach .prins{ margin-top:52px; }
.ekgm-approach .prin{ display:grid; grid-template-columns:88px 1fr; gap:28px; padding:34px 0; border-top:1px solid var(--line); }
.ekgm-approach .prin:last-child{ border-bottom:1px solid var(--line); }
.ekgm-approach .prin .num{ font-family:var(--head); font-size:48px; font-weight:600; line-height:1; color:var(--accent,var(--indigo)); }
.ekgm-approach .prin .num small{ display:block; font-family:var(--mono); font-size:12px; letter-spacing:.14em; color:var(--sub); margin-top:8px; font-weight:600; }
.ekgm-approach .prin h3{ font-size:29px; margin:0 0 10px; }
.ekgm-approach .prin p{ color:var(--sub); font-size:16.5px; margin:0; max-width:36.2em; }
.ekgm-approach .prin p .say{ color:var(--ink); font-weight:500; }
.ekgm-approach .wont{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px 40px; margin-top:36px; }
.ekgm-approach .wont div{ display:flex; gap:14px; align-items:flex-start; font-size:16px; }
.ekgm-approach .wont .x{ flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:rgba(182,41,53,.12); color:var(--clay); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; margin-top:2px; }

@media (max-width:880px){
  .ekgm-approach .prin{ grid-template-columns:1fr; gap:10px; } .ekgm-approach .prin .num{ font-size:37px; } .ekgm-approach .wont{ grid-template-columns:1fr; }
}

/* ---- Moved out of the page body's inline styles (October 2026) ---- */
.ekgm-approach .ctaBand .lead{ max-width:27.1em; }                   /* was 48ch */