/* Coaching page facts card (Cost / Sessions / Where ...) and FAQ links. Added with the coaching FAQ + price wording. */
.coach-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 32px;max-width:980px}
.coach-facts div{background:#fff;border-radius:22px;padding:22px 24px;border-top:6px solid #171717;box-shadow:0 14px 30px rgba(0,0,0,.08)}
.coach-facts div:first-child{border-top-color:#c8102e}
.coach-facts dt{font:900 13px/1.2 'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c8102e;margin:0 0 8px}
.coach-facts dd{margin:0;font-size:17px;line-height:1.5;color:#2b2b2b}
.content>section details a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.coach-facts{grid-template-columns:1fr;gap:12px}.coach-facts div{padding:18px 20px}}
/* Hero H1 bottoms out at 58px, so "conversation." (swimming) needs 343px and was clipped on phones under 392px wide.
   Scale it with the screen there instead; 6.1 = the longest word's width per px of font, plus a little room. */
@media(max-width:392px){.hero h1{font-size:min(58px,calc((100vw - 48px) / 6.1))}}