/* Approved refinement preview only. */
@media(min-width:900px){
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard .lv3Hint{font-size:16px!important;line-height:22px!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard .lv3QuickDate{width:78px!important;height:78px!important;min-width:78px!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard .lv3QuickDay{font-size:38px!important;line-height:42px!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard .lv3QuickWeekday{font-size:12px!important;line-height:17px!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard [data-sheet=timeline] .lv3CardContents{padding-top:25px!important;box-sizing:border-box!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard #lv3-chart-value{transform:translateY(-24px)!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard .klTileCalendarTitle{font-size:12px!important;line-height:17px!important;margin-bottom:6px!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard .ckWorldMapTile .ckWmCanvas{width:156px!important;height:156px!important;max-width:100%!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard .ckMoladGlyph{width:240px!important;height:70px!important;max-width:95%!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard #l4WeatherMap:not(.wm-expanded) .wm-mapwrap{height:399px!important;aspect-ratio:auto!important;min-height:0!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard #l4WeatherMap:not(.wm-expanded) #l4WeatherBase{height:100%!important;min-height:0!important;aspect-ratio:auto!important}
}
html body #l4CompactForecast .l4fr.l4mk-seven .l4marker{font-weight:400!important}
.klCalendarVisibleKey .reviewKeyRow{display:flex;align-items:center;gap:8px;margin:7px 0;line-height:1.5}
.klCalendarVisibleKey .reviewKeyPill{display:inline-block;flex:none;max-width:55%;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.5;color:#17342b;background:#9edcca}
.klCalendarVisibleKey .reviewKeyPill.elapsed{background:#c2ccd5;color:#33404c}
.klCalendarVisibleKey .reviewKeyRow span{font-size:11px}
.klCalendarVisibleKey .reviewKeyMark{display:inline-block;width:12px;height:12px;box-sizing:border-box;flex:none;margin:0!important}
.klCalendarVisibleKey .reviewKeyMark.passed{background:linear-gradient(135deg,transparent 44%,#ff6a73 45%,#ff6a73 56%,transparent 57%)}
.klCalendarVisibleKey .reviewKeyMark.today{border:2px solid #f4e0b9;background:transparent}
#lv3Sheet .wmYou[data-state=notactive] .wmSt{color:#8ba9c4!important;-webkit-text-fill-color:#8ba9c4!important;-webkit-text-stroke:0!important}
#lv3Sheet .wmYou[data-state=notactive] .wmCd{font-weight:700!important;color:#8ba9c4!important;-webkit-text-fill-color:#8ba9c4!important}

#lv3Sheet .klCalendarVisibleKey .reviewKeyPill{color:#17342b!important;-webkit-text-fill-color:#17342b!important}#lv3Sheet .klCalendarVisibleKey .reviewKeyPill.elapsed{color:#33404c!important;-webkit-text-fill-color:#33404c!important}
@media(min-width:900px){html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard .lv3Hint{height:22px!important;min-height:22px!important;bottom:14px!important}}
#lv3Sheet .klCalendarVisibleKey .reviewKeyMark.today{width:26px!important;height:24px!important;border:3px solid #f4e0b9!important;border-radius:3px!important;background:transparent!important}

/* Follow exactly the existing milestone legend typography and flow. */
#lv3Sheet .klCalendarVisibleKey .inlineLegendRow .reviewKeyPill{display:inline-block;max-width:100%;padding:3px 7px;font-size:9px;line-height:1.25;font-weight:700;margin-right:5px;vertical-align:baseline;white-space:normal;overflow-wrap:break-word}
#lv3Sheet .klCalendarVisibleKey .inlineLegendRow span{display:inline;font-size:10px;line-height:1.35;margin:0;vertical-align:baseline;color:#abc5d8}
#lv3Sheet .wmRow.wmYou{padding:10px 12px!important;box-sizing:border-box;grid-template-columns:12px minmax(0,1fr) auto}

@media(min-width:900px){
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard [data-sheet=timeline] .lv3CardContents{padding-top:10px!important}
html.v2.klHatched.lv3-redesign body #ckCardsViewport #lv3Dashboard #lv3-chart-value{transform:translateY(-38px)!important}
html body #l4AnswerBar .l4w,html body #l4AnswerBar .l4sub{text-align:center!important;justify-content:center!important}
}
#lv3Sheet .mcKey i[data-now]{outline:1px solid #fff;outline-offset:0}

#lv3Sheet .mcKey i[style*="rgba"]{outline:1px solid white;outline-offset:0}