/* Original presentation, with scroll behavior isolated. */
html.v2.klHatched,html.v2.klHatched .scene,html.v2.klHatched .scene .wrap{overflow:visible!important;overflow-anchor:none!important}
html.v2 .scene #v2Hero.ckCombinedHero{position:sticky!important;top:var(--ckNavOffset,60px)!important;z-index:40!important;overflow:visible!important;overflow-anchor:none!important}
html.v2 .scene .ckCombinedBox{overflow:visible!important}
html.v2 .scene .ckCombinedHead{position:sticky!important;top:var(--ckStickyOffset,260px)!important;z-index:20!important}
html.v2 .scene #v2Hero.ckCompact{padding:10px 22px 12px!important;background:var(--ckHeaderSurface,#559ac7)!important;border-radius:24px 24px 0 0!important}
html.v2 .scene #v2Hero.ckCompact>*{transform:none!important}
html.v2 .scene #v2Hero.ckCompact #v2Place{left:0!important;width:100%!important;margin:0!important}
html.v2 .scene #v2Hero.ckCompact #ckPreviewMeta{min-height:0!important;margin-top:54px!important}
html.v2 .scene #v2Hero.ckCompact #v2Question{font-size:12px!important;margin:0!important}
html.v2 .scene #v2Hero.ckCompact #v2Title{font-size:26px!important;margin:3px 0!important;line-height:1.06!important}
html.v2 .scene #v2Hero.ckCompact #ckPreviewStatus,html.v2 .scene #v2Hero.ckCompact #v2Sub{font-size:15px!important;margin:3px 0!important;line-height:1.3!important}
html.v2 .scene #v2Hero.ckCompact #v2Count:empty{margin:0!important}
html.v2 .scene #v2Hero.ckCompact::after{height:0!important}
html.v2.klHatched .scene .moonArt{left:var(--ckMoonLeft)!important;right:auto!important;top:var(--ckMoonTop)!important;width:var(--ckMoonSize)!important;height:var(--ckMoonSize)!important;opacity:var(--ckMoonScrollAlpha,1)!important;transition:none!important;z-index:41!important}
html.v2.klHatched .scene .moonArt.below,html.v2.klHatched .scene.locationWeatherPending .moonArt{opacity:0!important}

html.v2 .scene #v2Hero.ckCompact #v2Place{height:52px!important;min-height:52px!important;flex:none!important;position:relative!important}
html.v2 .scene #v2Hero.ckCompact #ckPreviewMeta{margin:0!important;height:52px!important;min-height:52px!important}
html.v2 .scene #v2Hero.ckCompact #v2LocationRow{top:0!important}
html.v2 .scene #v2Hero.ckCompact #v2LocalTime{top:0!important}
html.v2 .scene #v2Hero.ckCompact #ckPreviewWeather{top:26.4px!important}
html.v2 .scene #v2Hero.ckCompact #v2Question{flex:none!important}

/* Scroll keeps the same sky; card headers and card body travel together. */
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact{background:transparent!important}
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact>*{transform:none!important;translate:none!important}
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact #v2Place{position:relative!important;top:auto!important;left:0!important;height:58px!important;min-height:58px!important;transform:none!important}
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact #v2LocationRow,html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact #v2LocalTime{top:0!important;transform:none!important}
html.v2 .scene .ckCombinedHead{position:relative!important;top:auto!important}

html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact>#v2Question,html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact>#v2Title,html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact>#ckPreviewStatus,html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact>#v2Sub,html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact>#v2Count{transform:none!important;translate:none!important}
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact{background:var(--ckScrollSky,#62b9ed)!important}

html.v2 .scene .ckCombinedHead{position:static!important;top:auto!important}
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact{background:var(--ckScrollSky,#62b9ed)!important}

/* Room to lift the last source disclosures clear of the phone controls. */
html.v2.klHatched body{padding-bottom:max(240px,35vh)!important}

/* Question and answer caption always share the same type size. */
html.v2.klHatched .scene #v2Hero.ckCombinedHero{--ckQuestionSize:18px}
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckCompact{--ckQuestionSize:12px}
html.v2.klHatched .scene #v2Hero.ckCombinedHero>#v2Question,html.v2.klHatched .scene #v2Hero.ckCombinedHero>#ckPreviewStatus,html.v2.klHatched .scene #v2Hero.ckCombinedHero>#v2Sub{font-size:var(--ckQuestionSize)!important}
@media(max-width:350px){html.v2.klHatched .scene #v2Hero.ckCombinedHero:not(.ckCompact){--ckQuestionSize:16px}}

/* Continuous scroll presentation. Space remains reserved as the hero shrinks. */
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckMoving{padding:calc(30px - 20px * var(--ckP)) 22px calc(42px - 30px * var(--ckP))!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html.v2.klHatched .scene #v2Hero.ckMoving::before{content:"";position:absolute;inset:0 calc((100vw - 100%) / -2);background:var(--ckScrollSky,#62b9ed);opacity:var(--ckP);z-index:-1;pointer-events:none}
html.v2.klHatched .scene #v2Hero.ckMoving>#v2Place{transform:translateY(calc(-49px * (1 - var(--ckP))))!important;height:calc(118.8px - 60.8px * var(--ckP))!important;min-height:0!important;left:calc(-22px * (1 - var(--ckP)))!important;width:calc(100% + 44px * (1 - var(--ckP)))!important}
html.v2.klHatched .scene #v2Hero.ckMoving>#v2Question,html.v2.klHatched .scene #v2Hero.ckMoving>#v2Title,html.v2.klHatched .scene #v2Hero.ckMoving>#ckPreviewStatus,html.v2.klHatched .scene #v2Hero.ckMoving>#v2Sub,html.v2.klHatched .scene #v2Hero.ckMoving>#v2Count{transform:translateY(calc(-63.5px * (1 - var(--ckP))))!important}
html.v2.klHatched .scene #v2Hero.ckMoving #v2Question{font-size:var(--ckSmoothQuestion)!important;margin-top:calc(40px * (1 - var(--ckP)))!important}
html.v2.klHatched .scene #v2Hero.ckMoving #v2Title{font-size:var(--ckSmoothTitle)!important;line-height:.94!important;margin-top:2px!important}
html.v2.klHatched .scene #v2Hero.ckMoving #ckPreviewStatus,html.v2.klHatched .scene #v2Hero.ckMoving #v2Sub{font-size:var(--ckSmoothQuestion)!important}
html.v2 .scene .klSnapshotToggle,html.v2 .scene .klQuickToggle,html.v2 .scene .klForecastToggle{display:none!important}

/* The four metadata items stay fixed while the verdict shrinks beneath them. */
html.v2.klHatched .scene #v2Hero.ckMoving{padding-top:30px!important}
html.v2.klHatched .scene #v2Hero.ckMoving>#v2Place{transform:translateY(-49px)!important;left:-22px!important;width:calc(100% + 44px)!important}

html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckFixed{position:fixed!important;top:76px!important;left:var(--ckHeroLeft,16px)!important;width:var(--ckHeroWidth,358px)!important;margin:0!important;box-sizing:border-box!important}
html.v2.klHatched .scene #v2Hero.ckFixed>#v2Place{transform:translateY(-49px)!important}

html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckFixed.ckMoving{padding-top:30px!important}
html.v2.klHatched .scene #v2Hero.ckCombinedHero.ckFixed.ckMoving>#v2Place{transform:translateY(-49px)!important;left:-22px!important;width:calc(100% + 44px)!important}
html.v2.klHatched body{background:#a5def3!important}

html.v2.klHatched footer,html.v2.klHatched .scene footer{text-shadow:0 1px 3px rgba(5,30,58,.7)!important}

html.v2 .scene #v2Hero.ckMoving::before{background-size:100vw var(--ckSkyHeight,4000px)!important;background-position:center top!important}

html.v2.klHatched .scene #v2Hero.ckMoving::before{top:-16px!important;opacity:1!important}
html.v2.klHatched .scene #v2Hero.ckMoving::before{bottom:calc(90px * (1 - var(--ckP)))!important;opacity:var(--ckP)!important}

/* One viewport-fixed sky surface across the entire scroll. */
html.v2.klHatched body{background:var(--ckFixedSky,#155b98)!important;background-attachment:fixed!important;background-size:100vw 100vh!important;padding-bottom:24px!important}
html.v2.klHatched .scene{background:transparent!important}
html.v2.klHatched .scene #v2Hero.ckMoving::before{background:var(--ckFixedSky,#155b98)!important;background-attachment:fixed!important;background-size:100vw 100vh!important;background-position:0 0!important;opacity:var(--ckP)!important}
html.v2.klHatched .scene::before,html.v2.klHatched .scene::after{display:none!important}
html.v2.klHatched .scene .ckCombinedBox{background:rgba(16,97,140,.48)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;overflow:visible!important}
html.v2.klHatched .scene .ckCombinedHead{position:sticky!important;top:280px!important;z-index:5!important;background:rgba(16,97,140,.85)!important;border-radius:6px;padding:5px 0!important}
html.v2.klHatched footer{margin-top:max(240px,35vh)!important;margin-bottom:0!important;padding-bottom:16px!important}
html.v2.klHatched .scene #v2Hero.ckMoving #v2Place *,html.v2.klHatched .scene #v2Hero.ckMoving #v2Question,html.v2.klHatched .scene #v2Hero.ckMoving #v2Title,html.v2.klHatched .scene #v2Hero.ckMoving #ckPreviewStatus{text-shadow:0 2px calc(6px * (1 - var(--ckP))) rgba(4,22,42,calc(.42 * (1 - var(--ckP))))!important}

html.v2.klHatched .scene #v2Hero.ckMoving::before{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:var(--ckFixedSky)!important;background-size:100vw 100vh!important;clip-path:inset(60px 0 calc(100vh - var(--ckHeroBottom,280px)) 0)!important;opacity:var(--ckP)!important}
html.v2.klHatched .scene #ckSunGlare,html.v2.klHatched .scene #ckSunHalo,html.v2.klHatched .scene #ckAppleSun,html.v2.klHatched .scene #ckSun{display:none!important}
html.v2.klHatched .scene .ckCombinedHead{background:transparent!important;padding:0!important}
html.v2.klHatched body{padding-bottom:0!important}
html.v2.klHatched footer{padding-bottom:0!important;line-height:16px!important}

html.v2.klHatched .scene{padding-bottom:0!important;margin-bottom:0!important}
html.v2.klHatched .scene #v2Hero.ckMoving::before{position:absolute!important;inset: -16px calc((100vw - 100%) / -2) auto!important;width:100vw!important;height:calc(100% + 16px - 90px * (1 - var(--ckP)))!important;clip-path:none!important;background:var(--ckFixedSky)!important;background-size:100vw 100vh!important;background-position:0 -60px!important;background-attachment:scroll!important}

html.v2.klHatched .scene .wrap{padding-bottom:0!important;margin-bottom:0!important}
html.v2.klHatched footer{padding-top:0!important;margin-bottom:0!important}

html.v2.klHatched .scene #v2Hero.ckMoving::before{background-image:var(--ckFixedSky)!important;background-attachment:fixed!important;background-position:0 0!important;transform:none!important}
html.v2.klHatched .scene #ckSunCss+*,html.v2.klHatched .scene .ckSunBeam,html.v2.klHatched .scene .ckSunRay{display:none!important}

html.v2.klHatched .scene #v2Hero.ckMoving::before{display:none!important}
#ckSkyHeaderMask{position:fixed;left:0;right:0;top:60px;pointer-events:none;z-index:8;background:var(--ckFixedSky);background-size:100vw 100vh;background-position:0 -60px}
html.v2.klHatched .scene #v2Hero.ckMoving{z-index:9!important}
html.v2.klHatched .scene [class*=flare],html.v2.klHatched .scene [class*=Flare],html.v2.klHatched .scene [class*=sunRay],html.v2.klHatched .scene [class*=SunRay]{display:none!important}

html.v2.klHatched .scene #v2Hero.ckMoving>#v2Question,html.v2.klHatched .scene #v2Hero.ckMoving>#v2Title,html.v2.klHatched .scene #v2Hero.ckMoving>#ckPreviewStatus,html.v2.klHatched .scene #v2Hero.ckMoving>#v2Sub,html.v2.klHatched .scene #v2Hero.ckMoving>#v2Count{transform:translateY(calc(-63.5px * (1 - var(--ckP)) - 44px * var(--ckP)))!important}
html.v2.klHatched .scene .ckCombinedHead{top:236px!important}
html.v2.klHatched .scene #ckSkyHeaderMask{z-index:8!important}
html.v2.klHatched .scene{isolation:isolate!important}

#ckObstructionNote{font:12px/18px -apple-system,BlinkMacSystemFont,sans-serif;position:absolute;left:22px;right:22px;bottom:44px;text-align:center;color:white}#ckObstructionNote[hidden]{display:none!important}

html.v2.klHatched .scene #ckSkyHeaderMask{position:fixed!important;top:60px!important;left:0!important;right:0!important;pointer-events:none!important;z-index:8!important;background:var(--ckFixedSky)!important;background-size:100vw 100vh!important;background-position:0 -60px!important}
html.v2.klHatched body #ckSun .rays{display:none!important}

html.v2.klHatched .scene .state .panel>.kicker.ckCombinedHead{top:236px!important;position:sticky!important}
html.v2.klHatched .scene .ckCombinedHead{background:rgba(31,122,167,.96)!important;box-shadow:0 5px 8px rgba(31,122,167,.5)!important;border-radius:3px!important}
html.v2.klHatched .scene #v2Hero.ckMoving>#ckObstructionNote:not([hidden]){display:block!important;position:absolute!important;top:calc(316px * (1 - var(--ckP)) + 112px * var(--ckP))!important;bottom:auto!important;left:22px!important;right:22px!important;font-size:12px!important;line-height:18px!important;color:white!important;visibility:visible!important;opacity:1!important;text-align:center!important}

html.v2.klHatched .scene .state .panel>.kicker.ckCombinedHead{top:284px!important}
html.v2.klHatched .scene .ckCombinedHead{background:rgb(41,133,176)!important;box-shadow:0 5px 5px rgb(41,133,176)!important}

/* Keep one real atmospheric backdrop, never paint a second sky above it. */
html.v2.klHatched .scene #ckSkyHeaderMask{display:none!important}
html.v2.klHatched .scene .ckCombinedBox{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-color:transparent!important;isolation:isolate!important;clip-path:inset(var(--ckCardClip,0px) 0 0 round 27px 27px 0 0)!important}
html.v2.klHatched .scene .ckCombinedHead{top:258px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;isolation:isolate!important}
html.v2.klHatched .scene .state .panel>.kicker.ckCombinedHead{top:306px!important}
html.v2.klHatched .scene .ckCombinedHead::before{content:"";position:absolute;z-index:-1;top:calc(-1 * var(--ckCardPadTop,22px) - 1px);left:calc(-1 * var(--ckCardPadX,22px) - 1px);right:calc(-1 * var(--ckCardPadX,22px) - 1px);bottom:-12px;border-radius:27px 27px 0 0;background:rgb(49,136,178);pointer-events:none}
html.v2.klHatched .scene .moonArt{mix-blend-mode:normal!important;filter:none!important}
html.v2.klHatched .scene .ckCombinedHead::before{display:none!important}
html.v2.klHatched .scene .ckCombinedHead{top:236px!important;margin-top:calc(-1 * var(--ckCardPadTop,22px))!important;margin-left:calc(-1 * var(--ckCardPadX,22px))!important;margin-right:calc(-1 * var(--ckCardPadX,22px))!important;padding:var(--ckCardPadTop,22px) var(--ckCardPadX,22px) 12px!important;margin-bottom:0!important;border-radius:27px 27px 0 0!important;background:rgb(49,136,178)!important;width:auto!important;min-height:0!important;box-sizing:content-box!important}
html.v2.klHatched .scene .state .panel>.kicker.ckCombinedHead{top:284px!important}
html.v2.klHatched .scene #v2Hero.ckMoving::after{display:none!important}
html.v2.klHatched .scene #v2Hero.ckMoving{clip-path:inset(-16px -100vw calc(90px * (1 - var(--ckP)) + 44px * var(--ckP)) -100vw)!important}
html.v2.klHatched .scene .ckCombinedHead{background:var(--ckCardCap,rgb(49,136,178))!important}