/* Guide page: /guide/ and /guide/thanks/ (ekg-marketing 0.7.3).
   Loaded by ekgm_page_styles() when a page's wrapper carries `ekgm-page ekgm-guide` (Chrome-Layout Standard,
   "Page styles live in the theme"). Moved here verbatim from style.css, where 0.6.2 first put it. This file
   loads after pages.css, so its rules win over the shared layer where the two meet (links, heading margins). */
/* ===== Guide =====
   Block pages; these classes sit on core groups/columns/images so the pages stay editable.
   Mockup + spec: EKG Marketing\Site Mockups\Guide Page 2026-10-14\. The hero reuses the work/reference
   ink screen treatment; everything else is plain sections on the paper ground. */
.ekgm-guideHero{ background:var(--wp--preset--color--ink); position:relative; overflow:hidden; }
.ekgm-guideHero::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--ekg-screen-grid); background-size:var(--ekg-screen-grid-size);   /* the ink screen (0.8.0, guide §9) */
}
.ekgm-guideHero > *{ position:relative; z-index:1; }
.ekgm-guideHero .ekgm-guideEyebrow{
  font-family:var(--wp--preset--font-family--head); font-weight:600; font-size:13px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--wp--preset--color--on-dark-dim); margin:0 0 14px;
}
.ekgm-guideHero h1{ font-size:clamp(40px,6vw,64px); line-height:1.04; color:var(--wp--preset--color--on-dark); margin:0; }
.ekgm-guideHero .ekgm-guideSub{ font-family:var(--wp--preset--font-family--head); font-weight:500; font-size:22px; color:var(--wp--preset--color--on-dark-dim); margin:10px 0 24px; }
.ekgm-guideHero .ekgm-guideLede{ font-size:19px; line-height:1.6; color:var(--wp--preset--color--on-dark); max-width:34em; margin:0; }
.ekgm-guideHero .ekgm-guideFacts{ font-family:var(--wp--preset--font-family--head); font-weight:500; font-size:15px; color:var(--wp--preset--color--on-dark-dim); margin:26px 0 0; }
.ekgm-guideHero a{ color:var(--wp--preset--color--cyan); }
.ekgm-guideCover img{
  max-width:330px; margin-inline:auto; border-radius:4px; transform:rotate(-1.2deg);
  box-shadow:0 2px 4px rgba(0,0,0,.25), 0 28px 50px -18px rgba(0,0,0,.6);
}
@media (max-width:781px){ .ekgm-guideCover img{ max-width:240px; } }

.ekgm-guideKicker{
  font-family:var(--wp--preset--font-family--head); font-weight:600; font-size:13px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--wp--preset--color--clay); margin:0 0 12px;
}
.ekgm-guideBand{ padding:72px 32px; }
.ekgm-guideBand.is-sand{ background:var(--wp--preset--color--section); border-top:1px solid var(--wp--preset--color--line); border-bottom:1px solid var(--wp--preset--color--line); }
.ekgm-guideBand h2{ font-size:clamp(28px,3.6vw,38px); line-height:1.1; margin:0 0 18px; }
.ekgm-guideBand > * + *{ margin-top:1em; }
@media (max-width:781px){ .ekgm-guideBand{ padding:56px 20px; } }

.ekgm-guideCard{ background:var(--wp--preset--color--panel); border:1px solid var(--wp--preset--color--line); border-radius:8px; padding:20px 22px; }
.ekgm-guideCard h3{ font-size:23px; margin:4px 0 6px; }
.ekgm-guideCard p{ margin:0; color:var(--wp--preset--color--sub); font-size:17px; }
.ekgm-guideCard .ekgm-guideNum{ font-family:var(--wp--preset--font-family--head); font-weight:600; font-size:13px; letter-spacing:.12em; color:var(--wp--preset--color--sub); }

.ekgm-guidePages img{ border:1px solid var(--wp--preset--color--line); border-radius:4px; box-shadow:0 12px 28px -18px rgba(21,25,30,.35); }
.ekgm-guidePages figcaption{ font-size:15px; color:var(--wp--preset--color--sub); text-align:left; margin-top:10px; }

.ekgm-guideFit > .wp-block-column{ border-top:3px solid var(--wp--preset--color--ink); padding-top:14px; }
.ekgm-guideFit > .wp-block-column.is-not{ border-top-color:var(--wp--preset--color--line); }
.ekgm-guideFit h3{ font-size:21px; margin:0 0 8px; }

.ekgm-guideForm{ background:var(--wp--preset--color--panel); border:1px solid var(--wp--preset--color--line); border-radius:10px; padding:28px; box-shadow:0 14px 34px -24px rgba(21,25,30,.3); }
.ekgm-guideForm .ff-btn-submit{ font-family:var(--wp--preset--font-family--head); font-weight:600; font-size:18px; border-radius:5px; padding:14px 24px; }
.ekgm-guideFine{ font-size:14px; color:var(--wp--preset--color--sub); margin:14px 0 0; }
.ekgm-guideSmall{ font-size:16px; color:var(--wp--preset--color--sub); }

.ekgm-guideSteps{ padding-left:1.4em; }
.ekgm-guideSteps li{ margin:0 0 14px; }
.ekgm-guideNext .wp-block-column{ background:var(--wp--preset--color--panel); border:1px solid var(--wp--preset--color--line); border-radius:8px; padding:18px 20px; }
.ekgm-guideNext h3{ font-size:21px; margin:4px 0; }
.ekgm-guideNext h3 a{ color:var(--wp--preset--color--ink); text-decoration:none; }
.ekgm-guideNext h3 a:hover{ text-decoration:underline; }
.ekgm-guideNext p{ font-size:16px; color:var(--wp--preset--color--sub); margin:0; }
/* paragraph rhythm inside guide columns (nested groups get no block gap on this theme) */
.ekgm-guideBand .wp-block-column > * + *{ margin-top:1em; }
.ekgm-guideBand .wp-block-column > .ekgm-guideKicker + h2{ margin-top:0; }