/* Canonical public enrollment presentation. Portaal supplies shared primitives. */
body.page-template-template-secondary{margin:0;padding:0;background:#fff}
body.page-template-template-secondary .kw-header--site:not(.is-scrolled):not(.menu-open){background:transparent;box-shadow:none}
.kw-secondary-page{margin:0;padding-top:0;background:#fff}
.kw-secondary-page__content{padding-top:34px;padding-bottom:38px}
@media(max-width:760px){
	.kw-secondary-page__content{padding-top:22px;padding-bottom:24px}
}
.kw-enrollment-layout{scroll-margin-top:calc(84px + var(--kw-safe-top));display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:start;padding-top:34px}
.kw-enrollment-layout .kw-secondary-page__content{padding:0}
.kw-enrollment-layout .kwispelplanning-enrollment .bella-ui-page{max-width:none}
.kwispelplanning-enrollment form{scroll-margin-top:calc(84px + var(--kw-safe-top))}
.kw-enrollment-knowledge{padding:28px;border:1px solid color-mix(in srgb,var(--pink) 18%,var(--line));border-radius:var(--kw-radius-card);background:color-mix(in srgb,var(--pink-soft) 38%,#fff)}
.kw-enrollment-knowledge .kw-script,.kw-enrollment-knowledge h2{margin:0 0 10px}
.kw-enrollment-knowledge>p:not(.kw-script){color:var(--muted);line-height:1.55}
.kw-enrollment-knowledge .kw-btn{width:100%;margin-top:16px;text-align:center}
.kw-enrollment-contact{font-weight:800}
.kw-enrollment-dog-corner{display:none}
.kw-enrollment-footer-dog{display:none}
.kwispelplanning-enrollment .kwispelplanning-choice-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;width:100%;min-height:58px;border-color:color-mix(in srgb,var(--pink) 18%,var(--line));background:#fff;box-shadow:none}
.kwispelplanning-enrollment .kwispelplanning-choice-card>span:last-child:has(>strong){display:grid;gap:4px;min-width:0}
.kwispelplanning-enrollment .kwispelplanning-choice-card small{display:block;line-height:1.4}
.kwispelplanning-enrollment .bella-ui-checklist{grid-template-columns:1fr!important}
.kwispelplanning-enrollment .kwispelplanning-step-actions{display:flex;align-items:stretch;justify-content:center;gap:12px;width:auto;margin:24px auto 0}
.kwispelplanning-enrollment .kwispelplanning-step-actions .bella-button{width:auto;min-width:150px;min-height:44px}
.kwispelplanning-enrollment .kwispelplanning-step-actions .bella-button[hidden]{display:none}
.kwispelplanning-enrollment .kwispelplanning-step-actions .bella-button--primary:only-child{grid-column:1/-1}
.kwispelplanning-enrollment .kwispelplanning-step-question{max-width:620px;margin:0 auto 22px;color:var(--ink);font-size:clamp(25px,6.4vw,40px);font-weight:800;line-height:1.08;letter-spacing:-.035em;text-align:center}
@media(min-width:761px){
	body.kw-enrollment-page{--kw-enrollment-backdrop:#fff}
	body.kw-enrollment-page .kw-header--site{height:72px;background:color-mix(in srgb,var(--kw-header-scroll-bg) 94%,transparent);color:var(--kw-header-scroll-text);box-shadow:0 10px 34px rgba(30,25,24,.09);backdrop-filter:blur(16px)}
	body.kw-enrollment-page .kw-header--site :is(.kw-brand,.kw-nav){color:var(--kw-header-scroll-text);text-shadow:none}
	body.kw-enrollment-page .kw-header--site .kw-brand__paw{color:var(--pink);filter:none}
	body.kw-enrollment-page .kw-enrollment-layout{padding-top:106px}
	body.kw-enrollment-page .kw-enrollment-dog-corner{position:relative;z-index:2;display:block;width:100%;height:clamp(250px,18vw,330px);margin-top:10px;overflow:visible;background:var(--kw-enrollment-backdrop);pointer-events:none}
	body.kw-enrollment-page .kw-enrollment-footer-dog{position:absolute;right:clamp(5vw,11vw,220px);bottom:clamp(-100px,-5.2vw,-72px);display:block;width:auto;max-width:none;height:clamp(330px,25vw,470px);object-fit:contain;filter:drop-shadow(0 16px 18px rgba(72,27,24,.16))}
}
.kwispelplanning-range-dialog{box-sizing:border-box;width:min(calc(100% - 32px),480px);max-height:calc(100dvh - 32px);padding:22px;border:0;border-radius:var(--kw-radius-card);box-shadow:0 24px 70px rgba(30,25,24,.24);overflow:auto}
.kwispelplanning-range-dialog::backdrop{background:rgba(30,25,24,.5)}
.kwispelplanning-range-dialog form{display:grid;gap:14px}
.kwispelplanning-range-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center}
.kwispelplanning-range-head button{height:44px;border:0;border-radius:50%;background:var(--pink-soft);color:var(--pink);font-size:28px;cursor:pointer}
.kwispelplanning-range-week,.kwispelplanning-range-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.kwispelplanning-range-week{color:var(--muted);font-weight:800}
.kwispelplanning-range-days button{aspect-ratio:1;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.kwispelplanning-range-days button:is(:hover,:focus-visible),.kwispelplanning-range-days button.is-endpoint{background:var(--pink);color:#fff}
.kwispelplanning-range-days button.is-between{border-radius:0;background:var(--pink-soft);color:var(--ink)}
.kwispelplanning-range-dialog [data-range-help]{margin:0;text-align:center;font-weight:700}
.kwispelplanning-range-dialog .bella-ui-actions{position:sticky;bottom:-22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:0 -22px -22px;padding:14px 22px;border-top:1px solid var(--line);background:#fff}
.kwispelplanning-range-dialog .bella-ui-actions .bella-button{width:100%;min-width:0;min-height:44px;padding-inline:14px}
.kwispelplanning-range-dialog .bella-ui-actions .bella-button--primary{border-color:var(--pink);background:var(--pink);color:#fff}
.kwispelplanning-range-dialog .bella-ui-actions .bella-button--primary:disabled{opacity:.55}
@media(max-width:480px){
	.kwispelplanning-range-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:12px}
	.kwispelplanning-range-dialog form{gap:9px}
	.kwispelplanning-range-dialog .bella-ui-actions{bottom:-12px;grid-template-columns:1fr;margin:0 -12px -12px;padding:10px 12px}
	.kwispelplanning-range-days{gap:2px}
}
@media(max-width:900px){
	.kw-enrollment-layout{grid-template-columns:1fr}
	.kw-enrollment-knowledge{width:min(100%,600px);margin-inline:auto}
}
@media(max-width:760px){
	.kw-enrollment-layout{width:min(calc(100% - 32px),680px);padding-top:var(--kw-hero-card-buffer);padding-bottom:38px}
	.kw-enrollment-knowledge{display:none}
	.kwispelplanning-enrollment .bella-ui-page{margin:0}
	.kwispelplanning-enrollment .bella-ui-section__header h2,.kwispelplanning-enrollment .kwispelplanning-step h3{display:block}
	.kwispelplanning-enrollment .bella-ui-wizard__progress{display:none}
	.kwispelplanning-enrollment .kwispelplanning-step select{min-height:52px}
	.kwispelplanning-enrollment .bella-ui-grid,.kwispelplanning-enrollment .bella-ui-grid--2,.kwispelplanning-enrollment .bella-ui-grid--3,.kwispelplanning-enrollment .kwispelplanning-owner-address,.kwispelplanning-enrollment .kwispelplanning-owner-city{grid-template-columns:1fr}
	.kwispelplanning-enrollment input,.kwispelplanning-enrollment select,.kwispelplanning-enrollment textarea{width:100%;min-width:0}
	body.kw-enrollment-page{--kw-enrollment-backdrop:var(--pink-soft);background:var(--kw-enrollment-backdrop)}
	body.kw-enrollment-page .kw-secondary-page{background:var(--kw-enrollment-backdrop)}
	body.kw-enrollment-page .kw-secondary-page__content{padding:0}
	body.kw-enrollment-page .kwispelplanning-enrollment .bella-ui-surface{padding:0;border:0;background:transparent;box-shadow:none}
	body.kw-enrollment-page .kwispelplanning-enrollment .kwispelplanning-owner-summary{padding-inline:0;border:0;background:transparent;box-shadow:none}
	body.kw-enrollment-page .kwispelplanning-enrollment .kwispelplanning-owner-summary>div{grid-template-columns:1fr;gap:0;padding:8px 0}
	body.kw-enrollment-page .kwispelplanning-enrollment .kwispelplanning-owner-summary strong{display:none}
	body.kw-enrollment-page .kwispelplanning-enrollment .bella-ui-choice-chips--course-grid{justify-content:center;margin-inline:auto}
	body.kw-enrollment-page .kwispelplanning-enrollment .bella-ui-section__header{display:none}
	body.kw-enrollment-page .kwispelplanning-enrollment{width:100%}
	body.kw-enrollment-page.kw-enrollment-step-one .kwispelplanning-enrollment :is(.bella-ui-page,.bella-ui-stack,.bella-ui-surface,form){gap:0}
	body.kw-enrollment-page .kwispelplanning-enrollment .kwispelplanning-step[data-step="1"] h3{max-width:620px;margin:0 auto 5px;color:var(--ink);font-size:clamp(25px,6.4vw,40px);line-height:1.03;letter-spacing:-.035em;text-align:center}
	body.kw-enrollment-page .kwispelplanning-enrollment .kwispelplanning-step[data-step="1"] h3 .kwispelplanning-enrollment-title-line{display:block;color:var(--ink)}
	body.kw-enrollment-page .kwispelplanning-enrollment .kwispelplanning-step[data-step="1"] h3 .kwispelplanning-enrollment-title-accent{display:inline;color:var(--pink)}
	.kwispelplanning-enrollment .kwispelplanning-step-actions{display:grid;grid-template-columns:minmax(112px,.65fr) minmax(0,1.35fr);width:min(100%,560px)}
	.kwispelplanning-enrollment .kwispelplanning-step-actions .bella-button{width:100%;min-width:0;min-height:48px}
}
.kwispelplanning-enrollment .kwispelplanning-choice-card>span[aria-hidden=true]{display:none}
.kwispelplanning-enrollment :is([data-birthdate-flow],[data-arrival-flow]).is-answered>div[role=radiogroup]>.kwispelplanning-choice-card:not(:has(input:checked)){display:none}
.kwispelplanning-enrollment [data-birthdate-panel],.kwispelplanning-enrollment [data-arrival-panel],.kwispelplanning-enrollment [data-arrival-present-panel]{margin-top:16px}
.kwispelplanning-enrollment .kwispelplanning-step[data-step="6"] .bella-ui-checklist{display:flex;flex-wrap:wrap;gap:10px}
.kwispelplanning-enrollment .kwispelplanning-step[data-step="6"] .bella-ui-checklist__item{width:auto;min-height:44px;border:1px solid #43a66e;border-radius:999px;background:#e9f8ef;color:#185c37;box-shadow:none}
.kwispelplanning-enrollment .kwispelplanning-step[data-step="6"] .bella-ui-checklist__item:has(input:not(:checked)){border-color:#d85656;background:#fff0f0;color:#9c2929}
.kw-enrollment-knowledge [data-enrollment-faq-answer]{line-height:1.6}
.kwispelplanning-enrollment .kwispelplanning-owner-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 14px;max-width:900px;margin-inline:auto}
.kwispelplanning-enrollment .kwispelplanning-owner-email{grid-column:1/-1;width:min(100%,630px);margin-inline:auto;text-align:center}
.kwispelplanning-enrollment .kwispelplanning-owner-email input{text-align:left}
.kwispelplanning-enrollment .kwispelplanning-owner-address{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(100px,.55fr) minmax(90px,.45fr);gap:14px}
.kwispelplanning-enrollment .kwispelplanning-owner-city{display:grid;grid-column:1/-1;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:14px}
.kwispelplanning-enrollment .kwispelplanning-owner-phone,.kwispelplanning-enrollment .kwispelplanning-owner-email-final{grid-column:1/-1;width:min(100%,630px);margin-inline:auto}
.kwispelplanning-enrollment [data-owner-status]{margin:0 auto 22px;text-align:center;font-weight:800}
.kwispelplanning-enrollment input[readonly]{background:#fff;color:inherit;opacity:1}
.kwispelplanning-enrollment [data-unavailable-list]{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}
.kwispelplanning-enrollment .kwispelplanning-unavailable-chip{display:inline-flex;align-items:center;gap:9px;width:auto;padding:8px 10px 8px 15px;border:1px solid #d85656;border-radius:999px;background:#fff0f0;color:#9c2929;font-weight:700}
.kwispelplanning-enrollment .kwispelplanning-unavailable-chip button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:999px;background:#d85656;color:#fff;cursor:pointer}
.kw-enrollment-pillars{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin-top:28px;margin-bottom:68px;padding:22px 30px;border:1px solid color-mix(in srgb,var(--pink) 12%,var(--line));border-radius:var(--kw-radius-card);background:#fff}
.kw-enrollment-pillars>div{display:grid;grid-template-columns:42px 1fr;gap:2px 12px;padding:0 18px}
.kw-enrollment-pillars>div+div{border-left:1px solid var(--line)}
.kw-enrollment-pillars__icon{grid-row:1/3;width:34px;color:var(--pink)}
.kw-enrollment-pillars__icon svg{width:100%;height:auto;fill:none;stroke:currentColor}
.kw-enrollment-pillars strong,.kw-enrollment-pillars small{display:block}
.kw-enrollment-pillars small{color:var(--muted)}
.kwispelplanning-dog-fields .kwispelplanning-gender-choices{grid-column:1/-1;margin:0;padding:0;border:0;text-align:center;display:grid;justify-items:center;width:100%}
.kwispelplanning-gender-choices legend{width:100%;margin-bottom:10px;font-weight:800}
@media(max-width:760px){
	.kw-enrollment-pillars{display:none}
	.kwispelplanning-enrollment input[type=email]{min-height:58px;font-size:18px}
	.kwispelplanning-dog-fields{grid-template-columns:1fr}
}
.kw-enrollment-knowledge h3{margin:0 0 10px;font-size:var(--kw-type-h4-size);line-height:1.3}
.kwispelplanning-enrollment .kwispelplanning-choice-card:hover{border-color:color-mix(in srgb,var(--pink) 28%,var(--line));background:color-mix(in srgb,var(--pink) 3%,#fff)}
.kwispelplanning-enrollment .kwispelplanning-choice-card:has(input:checked){border-color:color-mix(in srgb,var(--pink) 38%,var(--line));background:color-mix(in srgb,var(--pink) 6%,#fff)}
.kwispelplanning-enrollment .kwispelplanning-access-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kwispelplanning-enrollment .kwispelplanning-access-choices .kwispelplanning-choice-card{height:100%}
.kwispelplanning-enrollment [data-homework-account-step] [data-homework-account-fields]{width:min(100%,680px);margin-inline:auto}
.kwispelplanning-gender-choices .bella-ui-choice-chips{justify-content:center;width:100%}
.kwispelplanning-gender-choices .bella-ui-choice-chip span{min-width:120px;border-color:color-mix(in srgb,var(--pink) 30%,transparent);background:color-mix(in srgb,var(--kw-enrollment-backdrop,#f8ccd0) 88%,#fff);box-shadow:none}
@media(max-width:760px){
	.kwispelplanning-enrollment .kwispelplanning-access-choices{grid-template-columns:1fr}
	.kwispelplanning-enrollment .kwispelplanning-choice-card{border-color:color-mix(in srgb,var(--pink) 30%,transparent);background:color-mix(in srgb,var(--kw-enrollment-backdrop,#f8ccd0) 88%,#fff)}
	.kwispelplanning-enrollment .kwispelplanning-choice-card:hover{border-color:color-mix(in srgb,var(--pink) 55%,transparent);background:color-mix(in srgb,var(--pink-soft) 74%,transparent)}
	.kwispelplanning-enrollment .kwispelplanning-choice-card:has(input:checked){border-color:var(--pink);background:color-mix(in srgb,var(--pink-soft) 58%,transparent)}
	.kwispelplanning-gender-choices .bella-ui-choice-chip span{min-width:0}
}