/* Only main-screen presentation. Tefillah/chart/timelines untouched. */
#ckTopNav .ckApplePreviewNav{display:flex;align-items:center;justify-content:space-between;height:54px;background:#061c33;padding:0 22px;position:relative;z-index:20}
.ckPreviewWordmark{color:white;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}.ckPreviewWordmark span{font-weight:300}
.ckApplePreviewNav button{background:none;border:0;color:#e6edf5;font-size:27px;width:44px;height:44px;padding:0}
#ckTopNav #ckPreviewMenu[hidden]{display:none!important}#ckTopNav #ckPreviewMenu{position:absolute!important;top:100%;left:0!important;width:100%!important;margin:0!important;z-index:30;background:#09263f;padding:14px;box-sizing:border-box}
html.v2 .scene #v2Brand{display:none!important}
html.v2 .scene #v2Hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;padding:30px 22px 26px!important;gap:0!important;min-height:0!important;height:auto!important;margin:0!important}
html.v2 .scene #v2Place{order:0!important;display:block!important;width:100%!important;margin:0!important;align-self:auto!important;text-align:left!important}
html.v2 .scene #v2LocationRow{justify-content:flex-start!important;margin:0!important;text-align:left!important;font-size:28px!important;height:auto!important;padding:0!important}
#ckPreviewMeta{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:start;margin-top:22px}
html.v2 .scene #v2LocalTime{font-size:16px!important;line-height:1.65!important;letter-spacing:0!important;white-space:normal!important;text-align:left!important;margin:0!important;font-weight:400!important}
html.v2 .scene #v2CurrentCondition{font-size:17px!important;font-weight:400!important;line-height:1.5!important;text-align:right!important;margin:0!important;max-width:120px}
html.v2 .scene #v2Question{order:1!important;margin:60px 0 0!important;font-size:18px!important;font-weight:400!important;line-height:1.5!important;text-align:center!important;width:100%!important;letter-spacing:0!important}
html.v2 .scene #v2Title{order:2!important;margin:14px 0 0!important;font-size:clamp(100px,37vw,170px)!important;line-height:1.1!important;font-weight:200!important;letter-spacing:-.06em!important;text-align:center!important;width:100%!important;align-self:center!important}
html.v2 .scene #v2Title .qual{display:none!important}
#ckPreviewStatus{order:3;font-size:18px;font-weight:400;line-height:1.5;text-align:center;margin:18px auto 18px;max-width:310px;color:#f2f5fa}
html.v2 .scene #v2Sub{order:4!important;display:block!important;font-size:18px!important;line-height:1.5!important;text-align:center!important;margin:0 auto 10px!important;width:100%!important;max-width:310px!important}html.v2 .scene #v2Sub:empty{display:none!important}html.v2 .scene #v2Count{order:4!important;text-align:center!important;margin:8px 0!important}
html.v2 .scene.liveLoading #ckPreviewStatus{visibility:hidden}
@media(max-width:350px){html.v2 .scene #v2Hero{padding-left:18px!important;padding-right:18px!important}html.v2 .scene #v2LocalTime{font-size:14px!important}html.v2 .scene #v2CurrentCondition{font-size:15px!important;max-width:90px}html.v2 .scene #v2Question,#ckPreviewStatus{font-size:16px!important}}
/* Preview keeps the sky animation, but removes the separate moon disc behind metadata. */
html.v2 .scene .moonArt{display:none!important}
@media(max-width:350px){html.v2 .scene #v2Sub{font-size:16px!important}}
/* v61: narrower header and closer hero copy. */
#ckTopNav .ckApplePreviewNav{height:40px;padding:0 16px;align-items:flex-start}
.ckPreviewWordmark{font-size:21px;line-height:32px;letter-spacing:-.7px}.ckApplePreviewNav button{height:36px;font-size:23px;line-height:30px}
html.v2 .scene #v2LocationRow{font-size:16px!important;font-weight:700!important;line-height:1.65!important}
html.v2 .scene #v2LocationName{font-size:16px!important;font-weight:700!important}
html.v2 .scene #v2Question{margin-top:48px!important}
html.v2 .scene #v2Title{margin-top:2px!important;line-height:.94!important}
#ckPreviewStatus{margin-top:7px}
#ckPreviewWeather{display:flex;align-items:flex-start;gap:7px}
#ckPreviewWeatherIcon{width:26px;height:26px;flex:none;color:#f2f6ff}
#ckPreviewWeatherIcon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:350px){html.v2 .scene #v2LocationRow,html.v2 .scene #v2LocationName{font-size:14px!important}#ckPreviewWeatherIcon,#ckPreviewWeatherIcon svg{width:23px;height:23px}#ckPreviewWeather{gap:5px}}

html.v2 .scene #v2LocalTime{white-space:pre-line!important}
/* v62: move hero content up without moving the snapshot below it. */
#ckTopNav .ckApplePreviewNav{height:32px}
.ckPreviewWordmark{line-height:28px}.ckApplePreviewNav button{height:30px;line-height:26px}
html.v2 .scene #v2Hero{padding-bottom:34px!important}
html.v2 .scene #v2Hero > #v2Place,html.v2 .scene #v2Hero > #v2Question,html.v2 .scene #v2Hero > #v2Title,html.v2 .scene #v2Hero > #ckPreviewStatus,html.v2 .scene #v2Hero > #v2Sub,html.v2 .scene #v2Hero > #v2Count{transform:translateY(-22px)!important}
#ckPreviewMeta{min-height:52.8px}
html.v2 .scene #v2LocalTime{line-height:1.3!important}
@media(max-width:350px){#ckPreviewMeta{min-height:46.2px}}
html.v2 .scene #v2Hero{padding-bottom:42px!important}
html.v2 .scene #v2Hero::after{content:"";display:block;flex:none;height:8px;order:99}
#ckTopNav #ckPreviewMenu{left:auto!important;right:16px!important;top:calc(100% - 2px)!important;width:210px!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:14px 0!important;border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 10px 30px #0008}
#ckPreviewMenu #ckModeTrigger{display:none!important}
#ckPreviewMenu .ckSimpleChooser{position:static!important;width:100%!important}
#ckPreviewMenu .ckPreviewViewLabel{font-size:16px;color:white;padding:7px 20px;text-align:left}
#ckPreviewMenu .ckSimpleMenu{display:block!important;position:static!important;border:0!important;background:none!important;box-shadow:none!important;margin:0!important;padding:0!important;min-width:0!important;width:100%!important}
#ckTopNav #ckPreviewMenu .ckSimpleMenu button{display:block!important;width:100%!important;background:none!important;border:0!important;border-radius:0!important;padding:7px 20px 7px 45px!important;font-size:13px!important;text-align:left!important;color:#dce5ed!important;height:auto!important;min-height:32px!important;font-weight:400!important;position:relative}
#ckPreviewMenu .ckSimpleMenu button[aria-checked="true"]::after{content:"✓";position:absolute;right:20px;top:7px}
#ckTopNav #ckPreviewMenu > a,#ckTopNav #ckPreviewMenu > #ckNavTefillah{display:block!important;font-size:16px!important;text-align:left!important;padding:10px 20px!important;border:0!important;border-radius:0!important;background:none!important;color:white!important;min-height:0!important;height:auto!important;font-weight:400!important;box-sizing:border-box}
html.v2 #ckTopNav #ckPreviewMenu .ckSimpleChooser{position:static!important;display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
html.v2 #ckTopNav #ckPreviewMenu #ckModeTrigger{display:none!important}
html.v2 #ckTopNav #ckPreviewMenu .ckSimpleMenu{display:block!important;position:static!important;transform:none!important;inset:auto!important;height:auto!important;border:0!important;background:none!important;box-shadow:none!important;margin:0!important;padding:0!important;min-width:0!important;width:100%!important}
html.v2 #ckTopNav #ckPreviewMenu .ckSimpleMenu [data-mode]{display:block!important;width:100%!important;background:none!important;border:0!important;border-radius:0!important;padding:7px 20px 7px 45px!important;font-size:13px!important;text-align:left!important;color:#dce5ed!important;height:32px!important;min-height:32px!important;font-weight:400!important;position:relative!important;box-sizing:border-box!important;margin:0!important;line-height:18px!important}
html.v2 #ckTopNav #ckPreviewMenu .ckSimpleMenu [data-mode]::after{display:none!important}
html.v2 #ckTopNav #ckPreviewMenu .ckSimpleMenu [data-mode][aria-checked="true"]::before{left:25px!important}
html.v2 #ckTopNav #ckPreviewMenu > #ckNavTefillah,html.v2 #ckTopNav #ckPreviewMenu > a{position:static!important;height:40px!important;line-height:20px!important;margin:0!important}
html.v2 #ckTopNav #ckPreviewMenu{height:auto!important;min-height:0!important;max-height:none!important;align-items:stretch!important;justify-content:flex-start!important;overflow:visible!important}
/* Latest steering: bar ends just below the logo; location directly beneath it. */
#ckTopNav .ckApplePreviewNav{height:24px}
.ckPreviewWordmark{line-height:22px}.ckApplePreviewNav button{height:24px;line-height:22px}
html.v2 .scene #v2Hero > #v2Place,html.v2 .scene #v2Hero > #v2Question,html.v2 .scene #v2Hero > #v2Title,html.v2 .scene #v2Hero > #ckPreviewStatus,html.v2 .scene #v2Hero > #v2Sub,html.v2 .scene #v2Hero > #v2Count{transform:translateY(-54px)!important}
html.v2 .scene #v2Hero::after{height:16px}
/* v64: metadata is a paired two-row layout, with original flow height retained. */
#ckTopNav .ckApplePreviewNav{align-items:center}
html.v2 .scene #v2Place{position:relative!important}
#ckPreviewMeta{display:block;margin-top:22px}
html.v2 .scene #v2LocalTime{position:absolute!important;right:0!important;top:0!important;text-align:right!important;line-height:1.65!important;white-space:pre-line!important}
#ckPreviewWeather{position:absolute;left:0;top:26.4px;align-items:center;gap:6px}
html.v2 .scene #v2CurrentCondition{font-size:16px!important;line-height:1.65!important;text-align:left!important;max-width:none}
#ckPreviewWeatherIcon,#ckPreviewWeatherIcon svg{width:20px;height:20px}
@media(max-width:350px){#ckPreviewWeather{top:23.1px}html.v2 .scene #v2CurrentCondition{font-size:14px!important}#ckPreviewWeatherIcon,#ckPreviewWeatherIcon svg{width:18px;height:18px}}
html.v2 .scene #v2LocalTime{top:16px!important}
#ckPreviewWeather{top:42.4px;max-width:145px;flex-wrap:wrap;align-items:center}
#ckPreviewWeatherIcon svg{display:block}
#ckPreviewWeather #ckWeatherRetry{flex-basis:100%;margin:2px 0 0!important;font-size:11px;padding:3px 6px}
@media(max-width:350px){#ckPreviewWeather{top:39.1px;max-width:110px}}
html.v2 .scene #v2LocalTime{top:10px!important}
#ckPreviewWeather{top:36.4px;flex-wrap:nowrap}
html.v2 .scene #v2CurrentCondition{white-space:nowrap!important}
.scene.weatherUnverified #ckPreviewWeather{flex-wrap:wrap}
.scene.weatherUnverified #ckPreviewWeatherIcon{display:none}
.scene.weatherUnverified #v2CurrentCondition{white-space:normal!important}
@media(max-width:350px){#ckPreviewWeather{top:33.1px}}