.simplePage .brand{font-size:13px;font-weight:700;letter-spacing:-.04em;color:#dbeaf5}
.simplePage .brand i{font-style:normal;font-weight:300}
.simplePage .heading{font-size:9px;letter-spacing:.21em;font-weight:750;color:#a9c9dc;margin-top:18px}
.simplePage .month{display:flex;justify-content:center;align-items:center;gap:12px;margin:4px 0 12px}
.simplePage .month h1{font-size:30px;line-height:1.12;font-weight:400;margin:0;letter-spacing:-.055em;white-space:nowrap}
.simplePage .month button{background:transparent;border:1px solid #5685a5;color:#dcecf6;width:30px;height:30px;border-radius:50%;font-weight:450;font-size:19px;line-height:1}
.simplePage .month button:disabled{opacity:.32}
.simplePage .srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.simplePage .groupTitle{font-size:10px;letter-spacing:.16em;font-weight:750;color:#b5d0e2;margin:20px 0 8px 4px}
.simplePage .card{border-radius:21px;background:linear-gradient(160deg,#124065,#0b304f);border:1px solid rgba(190,223,244,.28);box-shadow:0 14px 28px rgba(0,17,37,.13);padding:0 16px}
.simplePage .item{padding:12px 0 11px;border-bottom:1px solid rgba(204,225,240,.18)}
.simplePage .item:last-child{border:0}
.simplePage .item h2{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#a8c8dc;font-weight:750;margin:0 0 5px}
.simplePage .item p{font-size:14px;line-height:1.25;margin:0;color:#fff;font-weight:630;letter-spacing:-.02em}
.simplePage .item small{display:block;font-size:10px;line-height:1.25;color:#b9cede;margin-top:4px}
.simplePage .foot{font-size:10px;line-height:1.35;color:#c4d9e8;margin:13px 3px 0}
.simplePage .foot a{color:#fff;text-decoration:underline;text-underline-offset:2px}
html.kl-simple-active body{background:#f8f3e8!important}
html.kl-simple-active .scene{display:none!important}
html:not(.kl-simple-active) .simplePage{display:none!important}
.simplePage{box-sizing:border-box;width:min(100%,430px);margin:0 auto;min-height:calc(100svh - 94px);padding:0 16px 24px;background:#f8f3e8;color:#153653;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.simplePage *{box-sizing:border-box}
.simplePage .hero{text-align:center;border-bottom:1px solid #d9d2c6;padding:13px 0 11px}
.simplePage .brand{color:#37566c}
.simplePage .heading,.simplePage .groupTitle{color:#456983}
.simplePage .month h1{color:#153653}
.simplePage .month button{color:#254e69;border-color:#9cb2be}
.simplePage .locationPicker{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c9d4da;background:#fffdf7;color:#153653;border-radius:20px;padding:0 11px 0 12px;min-height:36px;font:600 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.simplePage .locationPicker:before{display:none}
.simplePage .locationPicker .locationPin{font-size:17px;color:#4c7790}
.simplePage .locationPicker .locationChevron{font-size:15px;color:#4c7790}
.simplePage .locationPicker:focus-visible{outline:2px solid #285d7d;outline-offset:2px}
.simplePage .foot{color:#486478}.simplePage .foot a{color:#173f60}
.simplePage .card{background:linear-gradient(155deg,#15436b,#0b3154);box-shadow:0 11px 25px rgba(43,69,84,.12)}
.simplePage .intro{color:#415e73;text-align:left;font-size:11px;line-height:1.4;margin:17px 5px 0}
.simplePage .intro a{color:#19496c;text-decoration:underline;text-underline-offset:2px}
.simplePage .monthContext{height:19px;display:flex;align-items:center;justify-content:center;margin:3px 0 0}
.simplePage .thisMonthMarker{font-size:9px;letter-spacing:.16em;font-weight:750;color:#4d7189}
.simplePage .monthContext button{border:0;background:transparent;color:#285d7d;text-decoration:underline;text-underline-offset:2px;font:600 10px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.simplePage [hidden]{display:none!important}
#ckTopNav .ckSimpleChooser{position:relative;min-width:0}
#ckTopNav .ckSimpleChooser button{width:100%;height:100%;cursor:pointer}
#ckTopNav .ckSimpleMenu{position:absolute;top:calc(100% + 4px);left:0;min-width:130px;z-index:10060;background:#164363;border:1px solid #8caabe;border-radius:9px;padding:5px;box-shadow:0 8px 18px #061324bb}
#ckTopNav .ckSimpleMenu[hidden]{display:none!important}
#ckTopNav .ckSimpleMenu button{height:34px!important;justify-content:flex-start!important;color:#fff!important;background:transparent!important;border:0!important;padding:6px 8px!important;text-align:left}
#ckTopNav .ckSimpleMenu button:focus-visible,#ckTopNav .ckSimpleMenu button:hover{background:#30658b!important}
@media(max-width:340px){.simplePage .hero{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand location" "heading heading" "month month" "intro intro";align-items:center;text-align:left;padding:8px 0}.simplePage .hero .brand{grid-area:brand}.simplePage .hero .heading{grid-area:heading;text-align:center;margin-top:12px}.simplePage .hero .month{grid-area:month;margin:3px 0 0}.simplePage .hero .locationPicker{grid-area:location;justify-self:end;min-height:29px;font-size:11px}.simplePage .monthContext{height:15px;margin:1px 0 0}.simplePage .intro{grid-area:intro;font-size:10px;line-height:1.25;margin:5px 2px 0}.simplePage .groupTitle{margin-top:7px}.simplePage .item{padding:4px 0 3px}.simplePage .item small{margin-top:2px}.simplePage .card{padding:0 12px}.simplePage .foot{margin-top:3px}}

html.v2 .simplePage .hero{display:block!important;position:static!important;visibility:visible!important;opacity:1!important;min-height:0!important;max-height:none!important}
html.v2 .simplePage .brand{display:block!important;visibility:visible!important}
@media(max-width:340px){html.v2 .simplePage .hero{display:grid!important}.simplePage .month h1{font-size:25px}.simplePage .month{gap:9px}.simplePage .item p{font-size:12px}.simplePage .item h2{font-size:8.5px}.simplePage .item small{font-size:9px}}
@media(max-width:340px){html.kl-simple-active #ckTopNav #dedicationStripOnly .he,html.kl-simple-active #ckTopNav #dedicationStripOnly .en{font-size:9px!important}html.kl-simple-active #ckTopNav #dedicationStripOnly{gap:3px!important;overflow:visible!important}}

.simplePage .groupTitle{margin:15px 0 8px 4px}
.simplePage .item{padding:8px 0 7px}
.simplePage .item h2{margin-bottom:5px}
#ckTopNav .ckSimpleChooser button[aria-expanded="false"]{background:#061b33!important;border-color:rgba(255,255,255,.9)!important;color:#fff!important}
@media(max-width:340px){.simplePage .groupTitle{margin:8px 0 5px 3px}.simplePage .item{padding:4px 0 3px}.simplePage .item h2{margin-bottom:4px}}

/* v2: one nav rectangle; the outer chooser fills the cell, its inner control has no chrome. */
html.v2 #ckTopNav .ckSimpleChooser{display:block!important;border:1px solid #fff!important;border-radius:6px!important;background:#061b33!important;padding:0!important;overflow:visible!important;height:36px!important;box-shadow:none!important}
html.v2 #ckTopNav .ckSimpleChooser>button#ckModeTrigger{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:0 6px!important;margin:0!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:13px!important;font-weight:700!important}
html.v2 #ckTopNav .ckSimpleChooser>button#ckModeTrigger:focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}
/* The baseline's html{scrollbar-gutter:stable} creates a phantom 16px scroll height even when body fits. */
html.v2.kl-simple-active{scrollbar-gutter:auto!important;overflow-y:hidden!important;overflow-x:hidden!important}
html.v2.kl-simple-active body{min-height:100svh!important}
html.v2.kl-simple-active .simplePage{min-height:calc(100svh - 94px)!important}
html.v2.kl-simple-active .simplePage .hero{padding-top:8px!important;padding-bottom:8px!important}
html.v2.kl-simple-active .simplePage .month{margin-top:4px;margin-bottom:9px}
html.v2.kl-simple-active .simplePage .intro{margin-top:10px}
html.v2.kl-simple-active .simplePage .groupTitle{margin-top:10px;margin-bottom:6px}
html.v2.kl-simple-active .simplePage .item{padding-top:6px;padding-bottom:5px}
html.v2.kl-simple-active .simplePage .item small{margin-top:3px}
html.v2.kl-simple-active .simplePage .foot{margin-top:8px}
@media(max-width:340px){html.v2.kl-simple-active .simplePage .hero{padding-top:7px!important;padding-bottom:7px!important}html.v2.kl-simple-active .simplePage .month{margin-top:3px;margin-bottom:0}html.v2.kl-simple-active .simplePage .intro{margin-top:5px}html.v2.kl-simple-active .simplePage .groupTitle{margin-top:7px;margin-bottom:5px}html.v2.kl-simple-active .simplePage .item{padding-top:4px;padding-bottom:3px}html.v2.kl-simple-active .simplePage .item small{margin-top:2px}html.v2.kl-simple-active .simplePage .foot{margin-top:3px}}

/* Suppress baseline's forced 100vh scene contribution while SIMPLE is visible. */
html.v2.kl-simple-active .scene{display:none!important;min-height:0!important;height:0!important;overflow:hidden!important}

html.v2.kl-simple-active,html.v2.kl-simple-active body{height:100svh!important;max-height:100svh!important;overflow:hidden!important}
html.v2.kl-simple-active #ckTopNav{position:relative!important}
html.v2.kl-simple-active .simplePage{min-height:0!important;height:calc(100svh - 94px)!important;max-height:calc(100svh - 94px)!important;overflow:hidden!important}

html.v2.kl-simple-active{scrollbar-gutter:stable!important}
html.v2.kl-simple-active .simplePage{height:calc(100svh - 110px)!important;max-height:calc(100svh - 110px)!important;padding-bottom:0!important}
@media(max-width:340px){html.v2.kl-simple-active .simplePage .hero{grid-template-areas:"brand location" "month month" "context context" "intro intro"!important}.simplePage .hero .monthContext{grid-area:context;justify-self:stretch}}
/* One controlled stacking context lets the actual shared search dialog cover the SIMPLE page. */
html.v2.kl-simple-active body{overflow:hidden!important}
html.v2.kl-simple-active #restoredLocationSearch:not([hidden]){z-index:20000!important}
/* Short iPhone webviews keep their own browser chrome outside the CSS viewport. Condense before clipping. */
@media(max-height:700px){
 html.v2.kl-simple-active .simplePage .hero{padding-top:4px!important;padding-bottom:4px!important}
 html.v2.kl-simple-active .simplePage .brand{font-size:12px!important}
 html.v2.kl-simple-active .simplePage .month{margin-top:1px!important;margin-bottom:4px!important}
 html.v2.kl-simple-active .simplePage .month h1{font-size:26px!important}
 html.v2.kl-simple-active .simplePage .month button{width:27px;height:27px}
 html.v2.kl-simple-active .simplePage .locationPicker{min-height:30px!important}
 html.v2.kl-simple-active .simplePage .monthContext{height:15px!important;margin-top:1px!important}
 html.v2.kl-simple-active .simplePage .intro{margin-top:5px!important;line-height:1.22!important;font-size:10px!important}
 html.v2.kl-simple-active .simplePage .groupTitle{margin-top:5px!important;margin-bottom:4px!important;font-size:9px!important}
 html.v2.kl-simple-active .simplePage .card{border-radius:17px}
 html.v2.kl-simple-active .simplePage .item{padding-top:3px!important;padding-bottom:2px!important}
 html.v2.kl-simple-active .simplePage .item h2{font-size:8px!important;margin-bottom:3px!important}
 html.v2.kl-simple-active .simplePage .item p{font-size:12px!important;line-height:1.16!important}
 html.v2.kl-simple-active .simplePage .item small{font-size:9px!important;line-height:1.12!important;margin-top:2px!important}
 html.v2.kl-simple-active .simplePage .foot{margin-top:3px!important;line-height:1.2!important;font-size:9px!important}
}
@media(max-width:340px) and (max-height:700px){
 html.v2.kl-simple-active .simplePage .hero{padding-top:3px!important;padding-bottom:3px!important}
 html.v2.kl-simple-active .simplePage .month h1{font-size:23px!important}
 html.v2.kl-simple-active .simplePage .intro{font-size:9px!important;line-height:1.15!important;margin-top:3px!important}
 html.v2.kl-simple-active .simplePage .card{padding:0 10px!important}
 html.v2.kl-simple-active .simplePage .item p{font-size:11px!important}
 html.v2.kl-simple-active .simplePage .item small{font-size:8px!important}
}
/* If the device is even shorter than a phone webview, never silently clip the footnote. */
@media(max-height:499px){html.v2.kl-simple-active,html.v2.kl-simple-active body{height:auto!important;max-height:none!important;overflow-y:auto!important}html.v2.kl-simple-active .simplePage{height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:16px!important}}
/* Leave a real bottom buffer inside short browser viewports. */
@media(max-height:700px){html.v2.kl-simple-active .simplePage .hero{padding-bottom:2px!important}html.v2.kl-simple-active .simplePage .intro{margin-top:3px!important}html.v2.kl-simple-active .simplePage .groupTitle{margin-top:3px!important;margin-bottom:3px!important}}
/* v4: spread the opportunity panels over the available SIMPLE height.
   Tight webviews retain the measured compact layout; roomier ones gain air. */
@media(min-height:540px){
 html.v2.kl-simple-active .simplePage{display:flex!important;flex-direction:column!important;padding-bottom:13px!important}
 html.v2.kl-simple-active .simplePage .hero{flex:0 0 auto!important}
 html.v2.kl-simple-active .simplePage .groupTitle{flex:0 0 auto!important}
 html.v2.kl-simple-active .simplePage .card{display:flex!important;flex-direction:column!important;justify-content:space-evenly!important;min-height:0!important}
 html.v2.kl-simple-active .simplePage .card:nth-of-type(1){flex:3 1 auto!important}
 html.v2.kl-simple-active .simplePage .card:nth-of-type(2){flex:2 1 auto!important}
 html.v2.kl-simple-active .simplePage .foot{flex:0 0 auto!important;margin-top:8px!important}
}