/* Preview-only changes; approved school and calendar row styles remain untouched. */
#kinder-home-integrated .kh-switch::after{transform:translateX(calc(var(--kh-progress,0)*100%));transition:none}
#kinder-home-integrated .kh-group>h3{border:0;border-inline-start:3px solid var(--group-ink);border-radius:4px;background:var(--group-bg);padding:9px 11px;margin-bottom:4px;font-size:calc(14px * var(--ui-scale));font-weight:650;letter-spacing:0;color:var(--ink)}
#kinder-home-integrated .kh-group+.kh-group{margin-top:24px}
#kinder-home-integrated .kh-group:nth-child(1){--group-ink:#96631f;--group-bg:#f1e7d4}
#kinder-home-integrated .kh-group:nth-child(2){--group-ink:#28716c;--group-bg:#e2eeea}
#kinder-home-integrated .kh-group:nth-child(3){--group-ink:#465c88;--group-bg:#e5e9f1}
#kinder-home-integrated .kh-group:nth-child(4){--group-ink:#805775;--group-bg:#eee5ec}
#kinder-home-integrated .kh-filter-trigger{position:relative;width:100%;text-align:left;font:inherit;font-size:calc(14px * var(--ui-scale));color:var(--secondary);min-height:44px;border:0;padding:10px 22px 10px 0;background:transparent;touch-action:manipulation;cursor:pointer}
#kinder-home-integrated .kh-filter-trigger::after{content:"";position:absolute;right:3px;top:17px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
#kinder-home-integrated .kh-facet[data-active=true] .kh-filter-trigger{color:var(--ink);font-weight:600;box-shadow:inset 0 -1px #b6782f}
#kinder-home-integrated .kh-filter-trigger[aria-expanded=true]::after{transform:rotate(225deg);top:20px}
#kinder-home-integrated .kh-custom-menu{position:fixed;z-index:30;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px #1e2a451c;overflow-y:auto;overscroll-behavior:contain}
#kinder-home-integrated .kh-custom-menu [role=option]{position:relative;display:block;width:100%;min-height:44px;text-align:left;padding:10px 30px 10px 12px;font:inherit;color:var(--ink);border:0;border-radius:7px;background:transparent;cursor:pointer;touch-action:manipulation}
#kinder-home-integrated .kh-custom-menu [role=option][aria-selected=true]{background:#f2ecdf;font-weight:600}
#kinder-home-integrated .kh-custom-menu [role=option][aria-selected=true]::after{content:"✓";position:absolute;right:11px;color:var(--focus)}
#kinder-home-integrated .kh-custom-menu [role=option]:hover{background:#f4f0e7}
#kinder-home-integrated .kh-custom-menu [role=option]:focus-visible{outline-offset:-2px}
#kinder-home-integrated .kh-school-name-en{display:block;margin-top:5px;font-size:calc(13px * var(--ui-scale));line-height:1.45;font-weight:400;color:var(--secondary);overflow-wrap:anywhere}

@supports (animation-timeline: --kh-refinement-scroll) and (timeline-scope: --kh-refinement-scroll){
 #kinder-home-integrated{timeline-scope:--kh-refinement-scroll}
 #kinder-home-integrated .kh-panels{scroll-timeline-name:--kh-refinement-scroll;scroll-timeline-axis:x}
 #kinder-home-integrated .kh-switch::after{animation:kh-refinement-progress 1s linear both;animation-timeline:--kh-refinement-scroll;animation-duration:auto}
}
@keyframes kh-refinement-progress{from{transform:translateX(0)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){#kinder-home-integrated .kh-switch::after{animation:none}}

/* P02 candidate: title aligns to event content; date remains a separate rail. */
#kinder-home-integrated .kh-group>h3{margin-inline-start:calc(3.86em + 12px - 14px)}
/* Reserve common slots; body metadata may grow, never clipped. */
#kinder-home-integrated .kh-school{grid-template-rows:minmax(28px,auto) calc(70px * var(--ui-scale)) minmax(calc(38px * var(--ui-scale)),auto) minmax(calc(40px * var(--ui-scale)),auto)}
#kinder-home-integrated .kh-school-name{align-self:start;min-width:0;height:calc(70px * var(--ui-scale));text-wrap:wrap}
#kinder-home-integrated .kh-school-name-main{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kinder-home-integrated .kh-school-name-main[lang=en]{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#kinder-home-integrated .kh-school-name-en{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* P03: restore compact metadata rhythm; full-width neighborhood below the name/logo zone. */
#kinder-home-integrated .kh-school{grid-template-rows:minmax(28px,auto) calc(70px * var(--ui-scale)) auto auto}
#kinder-home-integrated .kh-school-logo{grid-row:2}
#kinder-home-integrated .kh-school-area{grid-column:1/-1;line-height:1.45;white-space:nowrap}
#kinder-home-integrated .kh-programmes{line-height:1.5;white-space:nowrap}
@media(min-resolution:1dppx){#kinder-home-integrated[data-large-text=true] .kh-school-area,#kinder-home-integrated[data-large-text=true] .kh-programmes{white-space:normal}}