/* check.css: styles for .ekgm-check (page 89, /marketing-check/).
   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-check (functions.php, ekgm_page_styles). Edit here, never in the page. */
.ekgm-check p{ margin:0; }

.ekgm-check section{ padding:78px 0; }

.ekgm-check .sect-dark p{ color:rgba(255,255,255,.76); }

/* hero */
.ekgm-check .pheroIn{ padding-top:84px; padding-bottom:88px; }
.ekgm-check .phero h1{ font-size:clamp(42px,6.16vw,70px); max-width:8.1em; }
.ekgm-check .phero h1 em{ font-style:italic; color:var(--clay); }

.ekgm-check .phero .lead + .lead{ margin-top:14px; }
/* heartbeat: once per page, big, in the hero, Clay — per the EKG theme brand rule */
.ekgm-check .heroPulse{ height:190px; opacity:.3; }

/* rules list */
.ekgm-check .rules{ list-style:none; padding:0; margin:26px 0 0; max-width:35em; }
.ekgm-check .rules li{ padding:12px 0 12px 26px; border-top:1px solid var(--line); font-size:17px; position:relative; }
.ekgm-check .rules li:last-child{ border-bottom:1px solid var(--line); }
.ekgm-check .rules li::before{ content:"—"; position:absolute; left:0; color:var(--teal); }

/* the four questions */
.ekgm-check .q{ padding:44px 0; border-top:1px solid var(--line); }
.ekgm-check .q:last-of-type{ border-bottom:1px solid var(--line); }
.ekgm-check .qhead{ display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:start; }
.ekgm-check .qnum{ font-family:var(--head); font-size:48px; font-weight:600; line-height:.9; color:var(--accent,var(--indigo)); }
.ekgm-check .qnum small{ display:block; font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--sub); margin-top:9px; font-weight:600; white-space:nowrap; }
.ekgm-check .q h3{ font-size:clamp(25px,2.86vw,33px); max-width:11.2em; }
.ekgm-check .qsub{ font-size:17px; color:var(--sub); margin-top:12px; max-width:35em; }
.ekgm-check .tells{ margin:22px 0 0 0; padding:0; list-style:none; max-width:36.2em; }
.ekgm-check .tells li{ position:relative; padding:7px 0 7px 30px; font-size:16.5px; }
.ekgm-check .tells li::before{ content:""; position:absolute; left:8px; top:16px; width:7px; height:7px; border-radius:50%; background:var(--accent,var(--indigo)); opacity:.75; }
.ekgm-check .why{ margin-top:20px; font-size:16.5px; color:var(--sub); max-width:36.2em; }
.ekgm-check .why b{ color:var(--ink); font-weight:500; }
.ekgm-check .fine{ margin-top:18px; padding:14px 18px; background:var(--surface); border-left:3px solid var(--accent,var(--indigo)); font-size:16px; max-width:36.2em; }
.ekgm-check .fine span{ font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--sub); display:block; margin-bottom:5px; font-weight:600; }
.ekgm-check .doit{ margin:20px 0 0; padding:18px 20px; background:var(--panel); border:1px solid var(--line); border-radius:10px; font-size:16.5px; max-width:36.2em; }
.ekgm-check .doit b{ font-weight:600; }

/* reads */
.ekgm-check .reads{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px 40px; margin-top:34px; }
.ekgm-check .reads div{ border-top:2px solid var(--line); padding-top:16px; }
.ekgm-check .reads h4{ font-family:var(--head); font-weight:600; font-size:20px; margin:0 0 7px; }
.ekgm-check .reads p{ font-size:16px; color:var(--sub); }

.ekgm-check .signed{ font-family:var(--head); font-style:italic; font-size:20px; color:var(--sub); margin-top:26px; }

.ekgm-check .btn-primary{ background:var(--gold); }
.ekgm-check .btn-primary:hover{ background:#c68d33; }
.ekgm-check .doors{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:38px; text-align:left; }
.ekgm-check .door{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:12px; padding:26px; }
.ekgm-check .door h4{ font-family:var(--head); font-weight:600; font-size:22px; margin:0 0 10px; color:#fff; }
.ekgm-check .door p{ font-size:15.5px; color:rgba(255,255,255,.72); margin:0 0 14px; }
.ekgm-check .door a{ color:var(--wp--preset--color--cyan); font-weight:500; text-decoration:none; border-bottom:1px solid rgba(89,233,231,.4); }

@media (max-width:880px){
  .ekgm-check .qhead{ grid-template-columns:1fr; gap:8px; }
    .ekgm-check .qnum{ font-size:35px; }
    .ekgm-check .qnum small{ display:inline; margin-left:10px; }
    .ekgm-check .reads,
  .ekgm-check .doors{ grid-template-columns:1fr; }
}

/* ---- Moved out of the page body's inline styles (October 2026) ---- */
.ekgm-check h2.sectHead{ font-size:clamp(26px,3.3vw,37px); max-width:10.2em; }   /* was clamp(24px,3vw,34px), 20ch */
.ekgm-check h2.sectHead-wide{ max-width:11.2em; }                    /* was 22ch */
.ekgm-check .lead .headEm{ font-family:var(--head); font-style:italic; color:var(--ink); }
.ekgm-check .sect-dark .narrow{ max-width:900px; }