/* home-focus.css — Home page after the teaching-first change (Eric 2026-11-01).
   The hero is text only (slogan + training); the software picture moves to the next section. */
.hero-text-only .hero-message,.hero-text-only .hero-message h1,.hero-text-only .hero-message p{max-width:none;width:100%}
.hero-text-only .hero-message h1{white-space:normal}
.hero-text-only{padding-bottom:3rem}
.clarity-intro-section{background:#fff;border-top:1px solid #d6e2e8}
.clarity-intro-section h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:.25rem 0 1rem}
.clarity-intro-section .hero-message p{font-size:1.15rem;line-height:1.65}
/* Three doors on the home page (2026-11-02): one card per kind of visitor. One column on phones. */
.start-doors-section{background:#f4f9f2;border-top:1px solid #d6e2e8}
.start-doors-section h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 1.5rem;color:#0b2033}
.start-doors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.5rem}
.start-doors>.start-door{margin:0}
.start-door{display:flex;flex-direction:column;gap:.75rem;background:#fff;border:1px solid #b2c8d2;border-radius:.75rem;padding:1.75rem}
.start-door h3{font-size:1.5rem;margin:0;color:#0b2033}
.start-door p{font-size:1.15rem;line-height:1.6;margin:0;color:#1d2f3d;flex:1}
.start-door .button{align-self:flex-start;min-height:44px}
.door-icon svg{width:2.5rem;height:2.5rem;color:#186000;fill:none;stroke:currentColor;stroke-width:2}
/* Clarity page: its intro is the page's first section, so it carries the H1. */
.clarity-page .clarity-intro-section{border-top:0}
.clarity-page .clarity-intro-section h1{font-size:clamp(2rem,3.5vw,2.9rem);margin:.25rem 0 1rem;color:#0b2033}
/* Home page Gov508 Verify spotlight (Eric 2026-11-04 20:14). */
.verify-spotlight{background:#fff;border-top:1px solid #d6e2e8}
.verify-spotlight .verify-logo{margin:0 0 1rem}
.verify-spotlight .verify-logo img{display:block;width:min(24rem,100%);height:auto}
.verify-spotlight h2{font-size:clamp(1.9rem,3.2vw,2.6rem);margin:0 0 .5rem;color:#0b2033}
.verify-spotlight .spotlight-lead{font-size:1.35rem;line-height:1.5;color:#1d2f3d;margin:0 0 1.5rem}
.verify-spotlight .actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.verify-spotlight .actions .button{min-height:44px}