/* Native CMS component styles scoped to the nine EKR starter layouts. */
.ekr-starter { --ekr-ink:#182230; --ekr-muted:#667085; --ekr-line:#e3e7ed; --ekr-red:#e82020; max-width:1200px; margin:0 auto; padding:48px 24px; color:var(--ekr-ink); }
.ekr-starter > * + * { margin-top:40px; }
.ekr-starter .ekr-starter-heading { margin:0 0 16px; font-weight:700; letter-spacing:-.025em; line-height:1.2; }
.ekr-starter h1.ekr-starter-heading { font-size:clamp(32px,4vw,48px); max-width:900px; }
.ekr-starter h2.ekr-starter-heading { font-size:clamp(24px,2.5vw,30px); }
.ekr-starter h3.ekr-starter-heading { font-size:20px; }
.ekr-starter .ekr-starter-text { line-height:1.75; font-size:16px; }
.ekr-starter .ekr-starter-text p { margin:0 0 12px; }
.ekr-starter .ekr-starter-text > :last-child { margin-bottom:0; }
.ekr-starter .ekr-starter-text ul { padding-left:22px; list-style:disc; }
.ekr-starter .ekr-starter-text li + li { margin-top:10px; }
.ekr-starter .ekr-starter-text a { color:var(--ekr-red); text-decoration:underline; text-underline-offset:3px; }
.ekr-starter .ekr-starter-eyebrow { margin-bottom:16px; color:var(--ekr-red); font-size:12px; font-weight:700; letter-spacing:.1em; }
.ekr-starter .ekr-starter-lead { max-width:760px; font-size:19px; color:var(--ekr-muted); }
.ekr-starter .ekr-starter-meta { margin-top:20px; font-size:13px; color:var(--ekr-muted); }
.ekr-starter .ekr-starter-note { margin-top:16px; padding:12px 16px; background:#fff7ed; color:#854d0e; border-left:3px solid #f59e0b; font-size:13px; }
.ekr-starter .ekr-starter-grid { align-items:start; }
.ekr-starter .ekr-starter-grid > * { min-width:0; }
.ekr-starter .ekr-starter-card { padding:24px; background:#f3f5f8; border-radius:8px; height:100%; }
.ekr-starter .ekr-starter-document > * + * { margin-top:36px; padding-top:28px; border-top:1px solid var(--ekr-line); }
.ekr-starter .ekr-starter-toc { padding:24px; background:#f3f5f8; border-radius:8px; }
.ekr-starter .ekr-starter-toc ul { list-style:none; padding:0; }
.ekr-starter .ekr-starter-toc li + li { margin-top:16px; }
.ekr-starter .ekr-starter-toc a { color:var(--ekr-muted); text-decoration:none; }
.ekr-starter .ekr-starter-toc a:hover { color:var(--ekr-red); }
.ekr-starter [id] { scroll-margin-top:120px; }
.ekr-starter .ekr-starter-tabs { padding:20px 24px; background:#f3f5f8; border-radius:8px; }
.ekr-starter .ekr-starter-media { padding:48px 28px; min-height:230px; display:flex; flex-direction:column; justify-content:center; background:#26343d; border-radius:10px; color:#fff; }
.ekr-starter .ekr-starter-media-label { font-size:22px; font-weight:700; border-left:3px solid var(--ekr-red); padding-left:18px; }
.ekr-starter .ekr-starter-media .ekr-starter-text:not(.ekr-starter-media-label) { margin-top:12px; font-size:13px; color:#d0d5dd; }
.ekr-starter .ekr-starter-resource-card { overflow:hidden; border:1px solid var(--ekr-line); border-radius:10px; padding-bottom:24px; }
.ekr-starter .ekr-starter-resource-card > :not(.ekr-starter-media) { margin:20px 24px 0; }
.ekr-starter .ekr-starter-resource-card .ekr-starter-media { border-radius:0; min-height:190px; }
.ekr-starter .ekr-starter-step { display:grid; grid-template-columns:56px minmax(0,1fr); gap:20px; padding:26px 0; border-bottom:1px solid var(--ekr-line); }
.ekr-starter .ekr-starter-step-number { color:var(--ekr-red); font-size:28px; font-weight:700; }
.ekr-starter .ekr-starter-faq { border-radius:8px; background:#f8fafc; padding:12px 24px; }
.ekr-starter .ekr-starter-faq details { border-color:var(--ekr-line); }
.ekr-starter .ekr-starter-faq summary { padding:20px 0; }
.ekr-starter .ekr-starter-contact { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding-top:32px; border-top:1px solid var(--ekr-line); }
.ekr-starter .ekr-starter-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 24px; border:1px solid var(--ekr-red); border-radius:6px; background:var(--ekr-red); color:#fff; font-weight:600; line-height:1.4; text-decoration:none; }
.ekr-starter .ekr-starter-button:hover { background:#c81717; border-color:#c81717; }
.ekr-starter a:focus-visible,.ekr-starter summary:focus-visible { outline:2px solid var(--ekr-red); outline-offset:4px; }
.ekr-starter .ekr-starter-table { overflow-x:auto; }
.ekr-starter table { width:100%; border-collapse:collapse; font-size:15px; }
.ekr-starter caption { padding:0 0 14px; color:var(--ekr-muted); text-align:left; }
.ekr-starter th,.ekr-starter td { padding:16px 20px; border-bottom:1px solid var(--ekr-line); text-align:left; vertical-align:top; }
.ekr-starter thead,.ekr-starter tbody tr:nth-child(even) { background:#f3f5f8; }
.ekr-starter > .ekr-starter-heading { margin-top:40px; margin-bottom:0; }
.ekr-starter > .ekr-starter-heading + * { margin-top:18px; }
@media(min-width:1024px) { .ekr-starter--p1 .ekr-starter-toc { position:sticky; top:110px; } }
@media(max-width:639px) {
    .ekr-starter { padding:28px 16px; }
    .ekr-starter > * + * { margin-top:28px; }
    .ekr-starter > .ekr-starter-heading { margin-top:28px; }
    .ekr-starter > .ekr-starter-heading + * { margin-top:16px; }
    .ekr-starter .ekr-starter-lead { font-size:17px; }
    .ekr-starter .ekr-starter-card { padding:20px; }
    .ekr-starter .ekr-starter-media { min-height:180px; padding:28px 20px; }
    .ekr-starter .ekr-starter-step { grid-template-columns:36px minmax(0,1fr); gap:12px; }
    .ekr-starter th,.ekr-starter td { padding:12px; }
    .ekr-starter .ekr-starter-contact { align-items:stretch; flex-direction:column; }
}
