@layer foundation-layout, foundation-weather, foundation-page, foundation-design, foundation-default, components-default, components-design, components-page, components-weather, components-layout;
@layer foundation-layout{:root{--site-card-title-size: 24px}
body:has(main > .site-page-tools) main.shell{--site-section-picker-gap: 10px;--site-section-picker-parent-gap: 20px}
body.page-weather:has(main > .site-page-tools) main.shell{--site-section-picker-gap: 15px}
body.page-calendars:has(main > .site-page-tools) main.shell{--site-section-picker-parent-gap: 24px}
body.page-work-test:has(main > .site-page-tools) main.shell{--site-section-picker-parent-gap: 14px}}
@layer foundation-default{:root{--ui-site-logo-image: url("../assets/home/site-logo-cloud-sunset.svg?v=a9577319d510");--site-top-card-max-width: 820px}
body{font-family: var(--ui-font);background: var(--ui-bg);color: var(--ui-text)}
button, input, select, textarea{font-family: inherit}
html{scroll-padding-top: calc(var(--nav-height, 94px) + 18px)}
body .ambient{display: none}}
@layer components-default{body > .skip-link{position: fixed;z-index: 11000;left: 12px;top: -80px;margin: 0}
body > .skip-link:focus{top: 10px}}
@layer components-design{body.site-ui-legacy.page-phases #phaseOrderDayNightPhases #periodScale .is-daylight-block > .daylight-phase-heading{color: #68bff2;-webkit-text-fill-color: currentColor;text-shadow: 0 0 10px rgba(104, 191, 242, .34)}
body.site-ui-legacy.page-phases #phaseOrderDayNightPhases #periodScale .is-night-block > .daylight-phase-heading{color: #8580c7;-webkit-text-fill-color: currentColor;text-shadow: 0 0 10px rgba(133, 128, 199, .34)}
html, body{--nav-height: 68px;--nav-item-height: 32px;--nav-row-height: 32px}
body.site-ui-legacy:not(.page-weather){background: var(--ui-bg);color: var(--ui-text);font-family: var(--ui-font);--site-font-title: var(--ui-font);--site-font-body: var(--ui-font);--site-font-interface: var(--ui-font);--site-title-color: var(--ui-text);--site-subtitle-color: var(--ui-text);--site-body-color: var(--ui-text);--site-label-color: var(--ui-muted);--site-value-color: var(--ui-text)}
body.site-ui-legacy:not(.page-weather) main :is(h1,h2,h3,h4,h5,p,label,button,input,select,th,td){font-family: var(--ui-font);text-shadow: none;-webkit-text-stroke: 0}
body.site-ui-legacy:not(.page-weather) main :is(h1,h2,h3,h4,h5){font-style: normal;color: var(--ui-heading);-webkit-text-fill-color: currentColor}
body .ambient{display: none}
body .top-nav[data-shared-nav]{box-sizing: border-box;position: fixed;inset: 0 0 auto;z-index: 10000;display: grid;grid-template-columns: 48px minmax(0, 1fr) 48px;grid-template-rows: var(--nav-row-height) 22px;gap: 4px 8px;align-content: center;width: 100%;min-width: 0;height: var(--nav-height);min-height: var(--nav-height);max-height: var(--nav-height);padding: 4px 8px;border: 0;border-bottom: 1px solid var(--ui-border);border-radius: 0;background: var(--ui-nav-bg);box-shadow: none;color: var(--ui-text);font-family: var(--ui-font);transform: none;backdrop-filter: none;overflow: visible}
body .top-nav[data-shared-nav] :is(a,button,label,span,select,input){font-family: var(--ui-font);text-shadow: none;-webkit-text-stroke: 0;-webkit-text-fill-color: currentColor}
body .top-nav[data-shared-nav] > .nav-site-logo{position: static;grid-area: 1 / 1;display: grid;place-items: center;place-self: center;width: 40px;height: 40px;min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;margin: 0;padding: 0;transform: none}
body .top-nav[data-shared-nav] .site-logo-mark{width: 39px;height: 39px;inline-size: 39px;block-size: 39px;min-inline-size: 39px;min-block-size: 39px;max-inline-size: 39px;max-block-size: 39px;filter: none;box-shadow: none}
body .site-logo-artwork{display: inline-block;flex: 0 0 auto;background: transparent var(--ui-site-logo-image) center / contain no-repeat;border: 0;border-radius: 0;box-shadow: none}
body.page-home .home-hero > .site-logo-artwork{width: 84px;height: 84px;inline-size: 84px;block-size: 84px;margin: 0 auto 12px}
body .site-footer .site-footer-logo{position: static;grid-column: 1 / -1;justify-self: center;width: 42px;height: 42px;inline-size: 42px;block-size: 42px;margin: 0}
body .top-nav[data-shared-nav] #navMainLinks{position: static;inset: auto;grid-area: 1 / 2;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 6px;width: 100%;min-width: 0;max-width: none;height: var(--nav-item-height);min-height: 0;max-height: none;margin: 0;padding: 0;background: none;border: 0;box-shadow: none;transform: none;overflow: visible;z-index: 3}
body .top-nav[data-shared-nav] #navMainLinks > .nav-section-item{position: relative;inset: auto;display: block;flex: 0 1 140px;width: auto;min-width: 0;max-width: 150px;height: var(--nav-item-height);min-height: var(--nav-item-height);max-height: none;margin: 0;padding: 0;border: 0;border-radius: 9px;background: transparent;box-shadow: none;transform: none;isolation: auto}
body .top-nav[data-shared-nav] #navMainLinks .page-nav-link{position: static;display: flex;align-items: center;justify-content: center;width: 100%;min-width: 0;max-width: none;height: var(--nav-item-height);min-height: var(--nav-item-height);max-height: none;grid-area: 1 / 1;padding: 3px 8px;margin: 0;border: 1px solid var(--ui-border);border-radius: 9px;background: var(--ui-nav-item-bg);color: #d6e5f2;-webkit-text-fill-color: currentColor;font-size: 15px;font-weight: 500;line-height: 1.25;white-space: nowrap;text-decoration: none;box-shadow: none;transform: none}
body .top-nav[data-shared-nav] #navMainLinks .page-nav-link:hover{background: var(--ui-nav-item-hover);color: var(--ui-text)}
body .top-nav[data-shared-nav] #navMainLinks .page-nav-link[aria-current="page"]{background: var(--ui-nav-active);color: var(--ui-text);border-color: var(--ui-button-border);font-weight: 600}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-toggle{box-sizing: border-box;position: static;inset: auto;display: flex;align-items: center;justify-content: center;gap: 7px;width: 100%;min-width: 0;max-width: none;height: var(--nav-item-height);min-height: var(--nav-item-height);max-height: var(--nav-item-height);padding: 3px 8px;margin: 0;border: 1px solid var(--ui-border);border-radius: 9px;box-shadow: none;opacity: 1;transform: none;cursor: pointer}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-item:not(.nav-section-direct) .nav-section-page-link{display: none}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-toggle svg{width: 14px;height: 14px;flex: 0 0 14px;pointer-events: none;transform: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-toggle[aria-expanded="true"]:not([aria-current="page"]){background: var(--ui-raised);color: var(--ui-text);border-color: var(--ui-button-border)}
body .top-nav[data-shared-nav] #navMainLinks .page-nav-link:focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 3px}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-item.is-section-open{z-index: 5}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-dropdown{box-sizing: border-box;position: absolute;inset: calc(100% + 8px) auto auto 50%;display: flex;flex-direction: column;gap: 2px;grid-area: auto;width: 280px;min-width: 0;max-width: calc(100vw - 32px);height: auto;min-height: 0;max-height: calc(100dvh - 112px);margin: 0;padding: 8px;border: 1px solid var(--ui-nav-menu-border);border-radius: 12px;background: var(--ui-nav-menu-bg);box-shadow: var(--ui-nav-menu-shadow);overflow: auto;overscroll-behavior: contain;transform: translateX(-50%);animation: none;z-index: 100}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-item:first-of-type .nav-section-dropdown{left: 0;transform: none}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-item:nth-last-child(-n + 2) .nav-section-dropdown{left: auto;right: 0;transform: none}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-dropdown[hidden]{display: none}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-dropdown-link{box-sizing: border-box;position: static;display: block;flex: 0 0 auto;width: 100%;min-width: 0;max-width: 100%;height: auto;min-height: 36px;max-height: none;margin: 0;padding: 9px 12px;border: 0;border-radius: 6px;background: transparent;color: #fff;-webkit-text-fill-color: #fff;font: 400 14px/1.4 var(--ui-font);text-align: left;white-space: normal;text-decoration: none;box-shadow: none;transform: none}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-dropdown-link:is(:hover, :focus-visible){background: var(--ui-nav-menu-hover);color: #fff;-webkit-text-fill-color: #fff}
@media (min-width: 651px) and (max-width: 1100px){body .top-nav[data-shared-nav] #navMainLinks .nav-section-toggle{gap: 4px}
body .top-nav[data-shared-nav] #navMainLinks .page-nav-link{font-size: 13px;padding-inline: 2px;letter-spacing: -.02em}}
body .top-nav[data-shared-nav] #navMainLinks :is(.page-nav-link,.nav-section-item)::before, body .top-nav[data-shared-nav] #navMainLinks :is(.page-nav-link,.nav-section-item)::after{content: none}
body .top-nav[data-shared-nav] > .nav-live-summary{position: static;inset: auto;grid-area: 2 / 1 / 3 / 4;/**/ z-index: 1;display: flex;justify-content: center;align-items: center;gap: clamp(10px, 1.5vw, 18px);width: 100%;min-width: 0;max-width: none;height: 22px;min-height: 0;max-height: none;padding: 0;margin: 0;border: 0;background: transparent;box-shadow: none;transform: none;color: var(--ui-muted);overflow: hidden;white-space: nowrap}
body .top-nav[data-shared-nav] .nav-live-summary span{position: static;flex: 0 1 auto;width: auto;min-width: 0;max-width: none;font-size: 13px;font-weight: 400;line-height: 18px;color: var(--ui-muted);-webkit-text-fill-color: currentColor;transform: none;text-overflow: ellipsis}
body .top-nav[data-shared-nav] .nav-live-summary #navCurrentTime{color: var(--ui-nav-time);font-variant-numeric: tabular-nums}
body .top-nav[data-shared-nav] .nav-live-summary #navCurrentDate{color: var(--ui-nav-date)}
body .top-nav[data-shared-nav] .nav-live-summary .nav-weather-temp{color: #e6d394;font-variant-numeric: tabular-nums}
body .top-nav[data-shared-nav] .nav-live-summary .nav-weather-condition{color: #d8c483}
body .top-nav[data-shared-nav] .nav-live-summary .nav-weather-summary{display: inline-flex;align-items: center;justify-content: flex-start;gap: 8px;min-width: 0;opacity: 1;transition: opacity 180ms ease}
body .top-nav[data-shared-nav] .nav-live-summary .nav-weather-summary.is-loading{opacity: .62}
body .top-nav[data-shared-nav] .nav-live-summary .nav-weather-temp:empty{display: none}
body .top-nav[data-shared-nav] .nav-live-summary > span::before{color: var(--ui-muted)}
body .top-nav[data-shared-nav] :is(#navCurrentDate, #navWeatherSummary)::before{content: none;display: none;margin: 0}
body .top-nav[data-shared-nav] > .global-format-controls{position: static;inset: auto;grid-area: 1 / 3;place-self: center;width: 40px;min-width: 0;height: 40px;max-width: 40px;min-height: 40px;max-height: 40px;margin: 0;padding: 0;transform: none}
body .top-nav[data-shared-nav] .nav-options-menu{position: static;display: block;width: 40px;height: 40px;min-height: 0;min-width: 40px;max-width: 40px;max-height: 40px;margin: 0;padding: 0;border: 0;background: transparent;box-shadow: none}
body .top-nav[data-shared-nav] #optionsMenuButton{box-sizing: border-box;position: static;inset: auto;display: grid;place-items: center;width: 40px;min-width: 40px;max-width: 40px;height: 40px;min-height: 40px;max-height: 40px;padding: 6px;margin: 0;border: 0;border-radius: 0;background: transparent;color: var(--ui-nav-icon);box-shadow: none;filter: none;transform: none}
body .top-nav[data-shared-nav] #optionsMenuButton:is(:hover, [aria-expanded="true"]){background: transparent;border-color: transparent;color: var(--ui-text)}
body .top-nav[data-shared-nav] :is(#optionsMenuButton, .nav-mobile-toggle)::before, body .top-nav[data-shared-nav] :is(#optionsMenuButton, .nav-mobile-toggle)::after{content: none;display: none}
body .top-nav[data-shared-nav] .options-gear-icon{display: grid;place-items: center;width: 32px;height: 32px;inline-size: 32px;block-size: 32px;min-inline-size: 32px;min-block-size: 32px;max-inline-size: 32px;max-block-size: 32px;background: none;text-indent: 0;font-size: 0;line-height: 0;color: currentColor;filter: none;text-shadow: none;transform: none}
body .top-nav[data-shared-nav] .options-gear-icon svg{display: block;width: 32px;height: 32px;fill: none;stroke: currentColor;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round}
body .top-nav[data-shared-nav] #optionsMenuPanel{display: grid;position: absolute;inset: calc(100% - 26px) 16px auto auto;width: min(390px, calc(100% - 32px));min-width: 0;max-width: calc(100vw - 32px);max-height: calc(100dvh - var(--nav-height) + 10px);padding: 12px;gap: 8px;overflow: auto;border: 1px solid var(--ui-nav-menu-border);border-radius: 12px;background: var(--ui-nav-menu-bg);box-shadow: var(--ui-nav-menu-shadow);transform: none;color: var(--ui-text);font: 12.5px/1.35 var(--ui-font)}
body .top-nav[data-shared-nav] #optionsMenuPanel .options-button-row{display: grid;grid-template-columns: minmax(108px, .9fr) minmax(0, 1.5fr);align-items: center;gap: 8px;width: 100%;min-width: 0;margin: 0;padding: 0;border: 0;border-radius: 0;background: none;box-shadow: none}
body .top-nav[data-shared-nav] #optionsMenuPanel .options-button-row > span:first-child{font: 500 12.5px/1.3 var(--ui-font);color: var(--ui-muted);-webkit-text-fill-color: currentColor;text-align: left;white-space: nowrap}
body .top-nav[data-shared-nav] #optionsMenuPanel .options-segmented-control{display: flex;gap: 5px;padding: 0;border: 0;background: none;width: 100%;justify-content: stretch;box-shadow: none}
body .top-nav[data-shared-nav] #optionsMenuPanel .options-segmented-control > button{flex: 1;width: auto;max-width: none;padding-inline: 3px;font-size: 11px}
body .top-nav[data-shared-nav] #optionsMenuPanel button[aria-pressed="true"]{background: var(--ui-nav-active);outline: 2px solid var(--ui-accent);outline-offset: -3px}
body .top-nav[data-shared-nav] #optionsMenuPanel .weather-override-stepper{display: grid;grid-template-columns: 34px 1fr 34px;gap: 6px;align-items: center}
body .top-nav[data-shared-nav] #weatherOverrideValue{font: 500 12.5px/1.35 var(--ui-font);text-align: center;background: none;box-shadow: none;color: var(--ui-text)}
body .top-nav[data-shared-nav] #optionsMenuPanel [hidden]{display: none}
body .top-nav[data-shared-nav] #optionsMenuPanel .options-location-cache-actions{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 6px;padding: 0;border: 0;background: none;box-shadow: none}
body .top-nav[data-shared-nav] #optionsMenuPanel .options-action-only-row{display: grid;grid-template-columns: 1fr;gap: 3px}
body .top-nav[data-shared-nav] #optionsMenuPanel .options-location-cache-actions .options-action-only-row .options-action-button{justify-self: stretch;width: 100%;max-width: none;white-space: nowrap}
body .top-nav[data-shared-nav] #optionsMenuPanel .options-time-section{grid-template-columns: minmax(0, 1fr) 66px;gap: 6px;padding: 9px 0 0;border: 0;border-top: 1px solid var(--ui-border);border-radius: 0;background: none;box-shadow: none;width: 100%;min-width: 0;height: auto}
body .top-nav[data-shared-nav] #optionsMenuPanel .nav-time-field{display: grid;grid-template-columns: 70px minmax(0, 1fr);align-items: center;gap: 6px;min-width: 0;padding: 0;border: 0;background: none;box-shadow: none}
body .top-nav[data-shared-nav] #optionsMenuPanel .nav-time-field span{font: 500 12.5px/1.3 var(--ui-font);color: var(--ui-muted);-webkit-text-fill-color: currentColor}
body .top-nav[data-shared-nav] #optionsMenuPanel .nav-time-field input{width: 100%;min-width: 0;min-height: 34px;padding: 5px 7px;font: 12.5px/1.35 var(--ui-font);color: var(--ui-text);background: var(--ui-bg);border: 1px solid var(--ui-border);border-radius: 8px}
body .top-nav[data-shared-nav] #optionsMenuPanel .nav-time-field :is(#navTimeTravelDateInput, #navTimeTravelTimeInput){justify-self: start;width: 132px;max-width: 100%;appearance: none;-webkit-appearance: none}
body .top-nav[data-shared-nav] #optionsMenuPanel .nav-time-field :is(#navTimeTravelDateInput, #navTimeTravelTimeInput)::-webkit-calendar-picker-indicator{display: none;-webkit-appearance: none}
body .top-nav[data-shared-nav] #optionsMenuPanel .nav-time-arrows{display: flex;gap: 4px;align-self: center}
body .top-nav[data-shared-nav] #navPresentTimeButton{grid-column: 1 / -1}
body .top-nav[data-shared-nav] #optionsMenuPanel[hidden]{display: none}
body .top-nav[data-shared-nav] #optionsMenuPanel button{min-width: 34px;min-height: 34px;padding: 5px 8px;border: 1px solid var(--ui-button-border);border-radius: 8px;background: var(--ui-button-bg);color: var(--ui-text);-webkit-text-fill-color: currentColor;box-shadow: none;font-size: 12px}
body .top-nav[data-shared-nav] :is(a,button,input,select):focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 3px}
body .top-nav[data-shared-nav] :is(.nav-current-page,.nav-mobile-quick-links,.nav-location-search){display: none}
body .top-nav[data-shared-nav] #navMainLinks > .nav-mobile-only{display: none}
body main > .site-page-tools{position: relative;inset: auto;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 0;width: 100%;max-width: 100%;margin: 0 auto;padding: 0;border: 0;background: none;box-shadow: none;color: var(--ui-muted);transform: none;font-family: var(--ui-font)}
body .site-page-tools > label{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}
body .site-page-tools select{box-sizing: border-box;width: min(220px, 100%);max-width: 100%;min-width: 0;height: 30px;min-height: 30px;max-height: 30px;margin: 0;padding: 3px 25px 3px 9px;border: 1px solid var(--ui-border);border-radius: 6px;background: var(--ui-bg);color: var(--ui-muted);font: 400 12px/1.4 var(--ui-font);text-align: left;box-shadow: none;cursor: pointer}
body .site-page-tools select:focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 3px}
body .site-footer{background: var(--ui-nav-bg);border-color: var(--ui-border);box-shadow: none;color: var(--ui-muted);font-family: var(--ui-font)}
body .site-footer :is(a,strong,span,p){font-family: var(--ui-font);text-shadow: none}
body .site-footer a{color: var(--ui-muted)}
body .site-footer a:hover{color: var(--ui-accent)}
@media (max-width: 650px){html, body{--nav-height: 80px;--nav-item-height: 44px;--nav-row-height: 44px}
body main > .site-page-tools{display: flex}
body .top-nav[data-shared-nav]{grid-template-columns: 44px minmax(0, 1fr) 44px;column-gap: 4px;padding: 4px 8px}
body .top-nav[data-shared-nav] > .nav-site-logo{width: 44px;height: 44px;min-width: 44px;max-width: 44px;min-height: 44px;max-height: 44px}
body .top-nav[data-shared-nav] .nav-mobile-quick-links{grid-area: 1 / 2;display: flex;justify-content: center;align-items: center;gap: 4px;min-width: 0}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > :is(a,button){box-sizing: border-box;display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;gap: 4px;width: auto;min-width: 44px;max-width: none;height: var(--nav-desktop-button-height, 32px);min-height: var(--nav-desktop-button-height, 32px);margin: 0;padding: 4px 7px;border: 1px solid var(--ui-border);border-radius: 9px;background: var(--ui-nav-item-bg);color: #d6e5f2;font: 500 14px/1.2 var(--ui-font);white-space: nowrap;text-decoration: none;box-shadow: none;cursor: pointer}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > :is(a,button):hover{background: var(--ui-nav-item-hover);color: var(--ui-text)}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > :is([aria-current="page"],[aria-expanded="true"],.has-current-page){background: var(--ui-nav-active);color: var(--ui-text);border-color: var(--ui-button-border)}
body .top-nav[data-shared-nav] .global-format-controls, body .top-nav[data-shared-nav] .global-format-controls > .nav-options-menu, body .top-nav[data-shared-nav] #optionsMenuButton{width: 44px;height: 44px;min-width: 44px;max-width: 44px;min-height: 44px;max-height: 44px}
body .top-nav[data-shared-nav] #navMainLinks{grid-area: auto;position: absolute;z-index: 30;inset: 49px 12px auto auto;display: none;flex-direction: column;gap: 4px;width: min(220px, calc(100vw - 24px));min-width: 0;max-width: calc(100vw - 24px);height: auto;max-height: calc(100dvh - 64px);padding: 12px;overflow: auto;border: 1px solid var(--ui-nav-menu-border);border-radius: 12px;background: var(--ui-nav-menu-bg);box-shadow: 0 16px 38px rgb(0 0 0 / .42)}
body .top-nav[data-shared-nav].is-mobile-menu-open #navMainLinks{display: flex}
html:root body .top-nav[data-shared-nav] #navMainLinks{border-color: rgb(131 217 242 / .42);background: linear-gradient(155deg, #0b2538, #081b2b);box-shadow: inset 0 1px 0 rgb(230 248 255 / .05), 0 16px 38px rgb(0 0 0 / .48)}
body .top-nav[data-shared-nav] .nav-live-summary span{font-size: 13px}
body .top-nav[data-shared-nav] > .nav-live-summary{justify-content: center;gap: clamp(8px, 3vw, 18px);overflow: visible}
body .top-nav[data-shared-nav] > .nav-live-summary > :is(#navCurrentTime, #navCurrentDate, #navWeatherSummary){display: inline-flex;flex: 0 1 auto;min-width: 0;overflow: visible;text-overflow: clip}
body .top-nav[data-shared-nav] #navMainLinks > .nav-section-item{display: block;flex: 0 0 auto;width: 100%;max-width: none}
body .top-nav[data-shared-nav] #navMainLinks > :is([data-nav-section="home"],[data-nav-section="time"],[data-nav-section="weather"]){display: none}
body .top-nav[data-shared-nav] #navMainLinks .page-nav-link{justify-content: flex-start;padding-inline: 16px;border-right: 1px solid var(--ui-border);border-radius: 9px}
html body .top-nav[data-shared-nav].is-mobile-menu-open #navMainLinks .page-nav-link{color: #fff;-webkit-text-fill-color: #fff}
body .top-nav[data-shared-nav] #navMainLinks .page-nav-link[aria-current="page"]{border-right-color: var(--ui-button-border)}
body .top-nav[data-shared-nav] #navMainLinks .nav-section-page-link{display: flex}
body .top-nav[data-shared-nav] #navMainLinks :is(.nav-section-toggle, .nav-section-dropdown){display: none}}
@media (max-width: 480px){body .top-nav[data-shared-nav] .nav-live-summary span{font-size: 12px}
body .top-nav[data-shared-nav] > .nav-live-summary{gap: clamp(6px, 2.5vw, 12px)}
body .top-nav[data-shared-nav] #navCurrentDate{display: inline-flex}
body .top-nav[data-shared-nav] #navWeatherSummary{min-width: 0}}
@media (prefers-reduced-motion: reduce){body .top-nav[data-shared-nav] *, body .site-page-tools *{transition: none;animation: none}}
body .site-footer[data-shared-footer]{box-sizing: border-box;width: 100%;max-width: none;margin: 36px auto 0;padding: 24px 16px;border-top: 1px solid var(--ui-border);background: var(--ui-nav-bg)}
body .site-footer[data-shared-footer] .site-footer-inner{box-sizing: border-box;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 14px;width: 100%;max-width: none;min-height: 0;margin: 0;padding: 22px 24px;border: 0;border-radius: 0;background: transparent;box-shadow: none;text-align: center}
body .site-footer[data-shared-footer] .site-footer-logo{order: -1;flex: 0 0 auto;margin: 0 auto 2px}
body .site-footer[data-shared-footer] .site-footer-brand{display: grid;justify-items: center;gap: 5px;width: min(100%, 680px);margin: 0 auto;text-align: center}
body .site-footer[data-shared-footer] .site-footer-brand strong{color: var(--ui-text);font-size: 1.08rem;font-weight: 650}
body .site-footer[data-shared-footer] .site-footer-brand span{color: var(--ui-muted);line-height: 1.45}
body .site-footer[data-shared-footer] :is(.site-footer-links, .site-footer-meta){display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px;width: 100%;margin: 0 auto;justify-self: center}
body .site-footer[data-shared-footer] a{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;min-height: 34px;padding: 6px 12px;border: 1px solid var(--ui-border);border-radius: 8px;background: var(--ui-button-bg);color: var(--ui-text);line-height: 1.2;text-align: center;text-decoration: none}
body .site-footer[data-shared-footer] a:hover, body .site-footer[data-shared-footer] a:focus-visible{border-color: var(--ui-accent);color: var(--ui-accent);text-decoration: none}
body .site-footer[data-shared-footer] .site-footer-meta{width: auto}
body .site-footer[data-shared-footer] .site-footer-meta a{background: var(--ui-raised)}
body .site-footer[data-shared-footer] .site-footer-copy{width: 100%;margin: 2px auto 0;color: var(--ui-muted);font-size: .84rem;line-height: 1.4;text-align: center}
@media (max-width: 560px){body .site-footer[data-shared-footer]{margin-top: 26px;padding: 16px 10px}
body .site-footer[data-shared-footer] .site-footer-inner{gap: 12px;padding: 22px 14px;border-radius: 12px}
body .site-footer[data-shared-footer] .site-footer-links{gap: 7px}
body .site-footer[data-shared-footer] a{min-height: 32px;padding: 6px 10px;font-size: .9rem}}}
@layer components-layout{body.page-home main .home-tool > h2, body.page-time main :is( .weather-cycle-wrapper > .cycle-group-title, .cycle-panel > .weather-period-scale-title, .today-weather-simple-head > h2, .age-title-inside > h2, #timezoneChangesTitle, #timezoneDifferenceTitle, .other-city-times-head > .card-title, #timekeepingDevicesTitle, #customTimeIntervalTitle, #pageApiCreditsCard > #pageApiCreditsTitle ), body.page-weather main :is( #weatherByHourCard > .my-weather-head > h3, #localForecastSection > h3, #myWeatherCard > .my-weather-head > h3, #rainfallCard > .precip-card-head > h3, #snowfallCard > .precip-card-head > h3, #otherWeatherTypesCard > .weather-rankings-head h3, #humidityCard > .humidity-card-head h3, #windCard > .weather-science-head .weather-card-heading-with-logo > h3, #airCard > .weather-science-head .weather-card-heading-with-logo > h3, #airPressureCard #airPressureCardTitle, #weatherExploreCard > .weather-explore-head #weatherExploreTitle, #oceanCurrentsCard .ocean-currents-head > h3, #earthWeatherCard > .earth-weather-head > h3, #majorWeatherEventsCard > .major-events-head > h3, #unitConverterGroup > .progress-section-title, #pageApiCreditsCard > #pageApiCreditsTitle ), body.page-geography main :is( .geography-card-head > h2, #pageApiCreditsCard > #pageApiCreditsTitle ), body.page-phases main :is( .phase-summary-head > h2, .phase-order-section > .phase-order-title, .seasonal-sun-topic-header > h3, #lunarMonthTitle, .moon-cycle-inner-header > h3, .age-title-inside > h2, #phaseOrbitSimulatorSection > .weather-period-scale-title, #phaseSimulatorSection > .weather-period-scale-title, #pageApiCreditsCard > #pageApiCreditsTitle ), body.page-calendars main :is( #calendarPageHero > #calendarPageTitle, .egyptian-calendar-full-header > #egyptianCalendarTitle, #pageApiCreditsCard > #pageApiCreditsTitle ), body.page-work-time main :is( .work-dashboard-title, .work-test-view-title, .work-test-progress-overview-title, #workLifeBalanceTitle, .finance-entry-panel > .finance-compact-title, #budgetCalculatorBody > .finance-compact-title, #pageApiCreditsCard > #pageApiCreditsTitle ){font-size: var(--site-card-title-size);line-height: 1.18}
body.page-weather main #weatherExploreCard:is(*,#_#_#_) > .weather-explore-head #weatherExploreTitle:is(*,#_#_), body.page-weather main #unitConverterGroup:is(*,#_#_#_#_#_) > .progress-section-title, body.page-work-time main #workTestProgressOverview:is(*,#_#_) > .work-test-progress-overview-title{font-size: var(--site-card-title-size);line-height: 1.18}
body.page-phases main :is(.moon-position-path-card > h4, .moon-angle-slider > h4, .moon-direction-graph > h4, #moonEclipsesTitle, #definingDayTitle, .week-origins-head > h3){font-size: var(--site-card-title-size);line-height: 1.18}
body.page-time main .title-value-stack > .card-title, body.page-phases main :is(.title-value-stack > .card-title, .other-calendar-item-heading > h3), body.page-weather main :is(.today-weather-simple-head > h2, .age-title-inside > h2), body.page-calendars main .phase-order-section > .phase-order-title{font-size: var(--site-card-title-size);line-height: 1.18}
body main.shell :is( #homeOverviewCard, #weatherGeographySection, #phaseSummaryDashboard, #calendarPageHero, #workTestSliderCard, #aboutPageCard ){box-sizing: border-box;width: min(100%, var(--site-top-card-max-width));max-width: var(--site-top-card-max-width);margin-inline: auto;justify-self: center}
body:has(main > .site-page-tools) main.shell{padding-top: calc(var(--nav-height, 94px) + 10px)}
body main > .site-page-tools{position: relative;inset: auto;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 100%;height: 30px;min-height: 0;margin: 0 auto calc(var(--site-section-picker-gap) - var(--site-section-picker-parent-gap));padding: 0;border: 0;background: transparent;box-shadow: none;line-height: 0;transform: none}
body main > .site-page-tools > label.site-page-tools-label{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}
body main > .site-page-tools > select#sitePageSections{box-sizing: border-box;display: block;width: min(220px, 100%);max-width: 100%;min-width: 0;height: 30px;min-height: 30px;max-height: 30px;margin: 0;padding: 3px 25px 3px 9px;border: 1px solid var(--ui-border);border-radius: 6px;appearance: auto;background: var(--ui-bg);color: var(--ui-muted);-webkit-text-fill-color: currentColor;box-shadow: none;font: 400 12px/1.2 var(--ui-font);letter-spacing: normal;text-align: center;text-indent: 0;text-transform: none;transform: none;cursor: pointer}
body main > .site-page-tools > select#sitePageSections:focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 2px}
body main > .site-page-tools > select#sitePageSections :is(option, optgroup){background: var(--ui-bg);color: var(--ui-text);-webkit-text-fill-color: currentColor;font: 400 12px/1.25 var(--ui-font);text-align: left}
body .top-nav[data-shared-nav].has-section-picker{grid-template-columns: 48px minmax(0, 1fr) 0px}
body .top-nav[data-shared-nav].has-section-picker > .global-format-controls, body .top-nav[data-shared-nav].has-section-picker .nav-options-menu{width: 0;min-width: 0;max-width: 0;height: 0;min-height: 0;max-height: 0;overflow: visible}
body .top-nav[data-shared-nav].has-section-picker #optionsMenuPanel{position: fixed;inset: calc(var(--nav-height) + 48px) auto auto 50%;width: min(390px, calc(100vw - 16px));max-width: calc(100vw - 16px);transform: translateX(-50%)}
body main > .site-page-tools:has(> #optionsMenuButton){gap: 0}
body main > .site-page-tools:has(> #optionsMenuButton) > select#sitePageSections{width: min(220px, calc(100% - 120px))}
body main > .site-page-tools > #optionsMenuButton{box-sizing: border-box;position: absolute;top: 50%;right: 0;display: grid;place-items: center;width: 44px;min-width: 44px;max-width: 44px;height: 44px;min-height: 44px;max-height: 44px;margin: 0;padding: 9px;border: 0;border-radius: 0;background: transparent;box-shadow: none;color: var(--ui-nav-icon);-webkit-text-fill-color: currentColor;transform: translateY(-50%);cursor: pointer}
body main > .site-page-tools > #optionsMenuButton:is(:hover,[aria-expanded="true"]){color: var(--ui-text);background: transparent}
body main > .site-page-tools > #optionsMenuButton:focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 2px}
body main > .site-page-tools > #optionsMenuButton .options-gear-icon, body main > .site-page-tools > #optionsMenuButton svg{display: block;width: 25px;height: 25px;color: inherit;-webkit-text-fill-color: currentColor}
body main > .site-page-tools > #optionsMenuButton svg{fill: none;stroke: currentColor;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round}
@media (max-width: 650px){body .top-nav[data-shared-nav].has-section-picker{grid-template-columns: 44px minmax(0, 1fr) 0px}
body .top-nav[data-shared-nav] .nav-mobile-quick-links{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));width: 100%;gap: 3px}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > :is(a,button){width: 100%;min-width: 0;height: var(--nav-desktop-button-height, 32px);min-height: var(--nav-desktop-button-height, 32px);padding-inline: 4px;border-color: rgba(142, 190, 218, .62);font-size: 13px;pointer-events: auto}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > a:first-child{grid-column: 1;grid-row: 1}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > a:nth-child(2){grid-column: 2;grid-row: 1}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > #navMobileToggle{grid-column: 3;grid-row: 1;display: inline-flex;justify-self: stretch;min-width: 0;max-width: none;gap: 5px;border: 1px solid rgba(142, 190, 218, .62);border-radius: 9px;background: var(--ui-nav-item-bg);color: var(--ui-text);-webkit-text-fill-color: currentColor;font-size: 13px;font-weight: 500;box-shadow: none}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > #navMobileToggle span{color: #b8e8fa;-webkit-text-fill-color: currentColor;font-size: 16px;line-height: 1}
body .top-nav[data-shared-nav] .nav-mobile-quick-links > #navMobileToggle[aria-expanded="true"]{background: var(--ui-nav-active)}}
@media (max-width: 650px){html, body{--nav-height: 80px;--nav-item-height: 44px;--nav-row-height: 44px}
body main > .site-page-tools{display: flex}}
@media (max-width: 600px){html body{--app-standard-page-side-gutter: 0px;--app-section-side-gutter: 0px;--section-side-gutter: 0px;--mobile-page-pad: 0px;--phone-shell-padding: 0px;--phone-page-gutter: 0px;--phone-card-inset: 0px}
body main:is(.shell,.home-shell,.home-test-shell,.orbit-simulator-app,.phase-simulator-app){box-sizing: border-box;min-width: 0;max-width: 100%;padding-inline: 0}
body main :is([data-main-card-unit],[data-main-card-stack]){min-width: 0}
body .site-footer[data-shared-footer]{padding-inline: 0}}
@media (max-width: 400px){body.page-time{--time-phone-circle-scale: .94}}
@media (max-width: 380px){body.page-time{--time-phone-circle-scale: .9}}
@media (max-width: 360px){body.page-time{--time-phone-circle-scale: .84}}
@media (max-width: 340px){body.page-time{--time-phone-circle-scale: .78}}
html:has(body .top-nav.has-section-picker), body:has(.top-nav.has-section-picker){--nav-height: 100px}
body main > .site-page-tools[data-site-page-tools-placeholder]{display: none}
html body .top-nav[data-shared-nav]{border-bottom: 1px solid rgba(126, 214, 244, .35);box-shadow: 0 2px 8px rgba(28, 134, 174, .08)}
html body .top-nav[data-shared-nav].has-section-picker{grid-template-rows: var(--nav-row-height) 22px 30px;row-gap: 4px;align-content: center;border-bottom: 1px solid rgba(126, 214, 244, .35);box-shadow: 0 2px 8px rgba(28, 134, 174, .08)}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools{box-sizing: border-box;position: relative;grid-column: 1 / -1;grid-row: 3;display: flex;align-items: center;justify-content: center;width: 100%;min-width: 0;height: 30px;min-height: 30px;max-height: 30px;margin: 0;padding: 0;border: 0;background: transparent;box-shadow: none;line-height: normal}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > select#sitePageSections{box-sizing: border-box;display: block;width: min(220px, calc(100% - 80px));min-width: 0;max-width: 100%;height: 24px;min-height: 24px;max-height: 24px;margin: 0;padding: 1px 24px 1px 8px;border: 1px solid var(--ui-border);border-radius: 6px;appearance: auto;background: var(--ui-bg);color: var(--ui-muted);font: 400 12px/1.2 var(--ui-font);text-align: center;cursor: pointer}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #optionsMenuButton{box-sizing: border-box;position: absolute;top: 0;right: 0;display: grid;place-items: center;width: 34px;min-width: 34px;max-width: 34px;height: 34px;min-height: 34px;max-height: 34px;margin: 0;padding: 5px;border: 0;border-radius: 0;background: transparent;color: var(--ui-nav-icon);box-shadow: none;transform: none;cursor: pointer}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #optionsMenuButton:is(:hover,[aria-expanded="true"]){color: var(--ui-text)}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #optionsMenuButton:focus-visible, html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > select#sitePageSections:focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 2px}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #optionsMenuButton svg{display: block;width: 23px;height: 23px;fill: none;stroke: currentColor;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #optionsMenuButton .options-gear-icon{height: 24px;min-height: 24px;max-height: 24px;block-size: 24px;min-block-size: 24px;max-block-size: 24px}
html body .top-nav[data-shared-nav].has-section-picker #optionsMenuPanel{position: fixed;inset: calc(var(--nav-height) + 4px) auto auto 50%;max-height: calc(100dvh - var(--nav-height) - 12px);transform: translateX(-50%)}
@media (max-width: 650px){html:has(body .top-nav.has-section-picker), body:has(.top-nav.has-section-picker){--nav-height: 112px}}
html body .top-nav[data-shared-nav] .nav-options-menu{position: relative}
html body input:is(#navWeatherLocationInput, #weatherZipInput, #timezoneLocationInput, #phaseOverviewLocationInput, #geoLocationSearchInput, #distanceEndLocationInput, #teleportLocationInput):not(:placeholder-shown){text-align: left}
html body:has(.top-nav.has-section-picker) main.shell.shell:is(*,#_){padding-top: calc(var(--nav-height, 94px) + 8px)}
html body:is(.page-home,.page-about) main:is(.home-shell,.shell):is(*,#_){padding-top: 8px}
html body.page-home:has(.top-nav.has-section-picker) main.home-shell.shell:is(*,#_){padding-top: 26px}
@media (max-width: 520px){html body.page-home:has(.top-nav.has-section-picker) main.home-shell.shell:is(*,#_){padding-top: 18px}}
html body.page-work-test main.shell.shell #primaryProgress #workDashboard:is(*,#_){margin-top: 0}
body .top-nav[data-shared-nav] > .nav-live-summary{translate: 0 5px}
html:has(body .top-nav.has-section-picker), body:has(.top-nav.has-section-picker){--nav-height: 80px}
html body .top-nav[data-shared-nav].has-section-picker{grid-template-rows: var(--nav-row-height) 32px;row-gap: 4px;height: var(--nav-height);min-height: var(--nav-height);max-height: var(--nav-height);align-content: center}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{box-sizing: border-box;grid-column: 1 / -1;grid-row: 2;justify-content: center;justify-self: center;width: 100%;height: 32px;min-height: 32px;max-height: 32px;margin: 0;padding: 2px 7px;gap: 24px;overflow: hidden;translate: none;transform: none}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools{position: absolute;inset: auto 8px 1px auto;display: flex;align-items: center;justify-content: flex-end;gap: 4px;width: 118px;min-width: 118px;max-width: 118px;height: 40px;min-height: 40px;max-height: 40px;margin: 0;padding: 0}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > select#sitePageSections{flex: 0 0 68px;width: 68px;min-width: 68px;max-width: 68px;height: 26px;min-height: 26px;max-height: 26px;padding: 1px 18px 1px 6px;font-size: 10.5px;text-align: left}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #optionsMenuButton{position: static;flex: 0 0 40px;width: 40px;min-width: 40px;max-width: 40px;height: 40px;min-height: 40px;max-height: 40px;padding: 7px;transform: none}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #optionsMenuButton svg{width: 22px;height: 22px}
html body .top-nav[data-shared-nav].has-section-picker #optionsMenuPanel{top: calc(var(--nav-height) + 4px);max-height: calc(100dvh - var(--nav-height) - 12px)}
@media (max-width: 650px){html:has(body .top-nav.has-section-picker), body:has(.top-nav.has-section-picker){--nav-height: 92px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{gap: 4px;padding-inline: 4px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > :is(#navCurrentTime,#navCurrentDate,#navWeatherSummary){font-size: 10px;white-space: nowrap}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary #navWeatherSummary .nav-weather-condition{display: none}}
@media (max-width: 360px){html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > select#sitePageSections{font-size: 10px}}
@media (max-width: 466px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{padding-right: clamp(4px, calc(470px - 100vw), 140px)}}
@media (max-width: 760px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{pointer-events: none}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools{z-index: 2}}
@media (max-width: 299px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{justify-content: flex-start;gap: 2px;padding-right: 110px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navCurrentTime{flex-basis: 48px;width: 48px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navCurrentDate{flex-basis: 32px;width: 32px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navWeatherSummary{flex-basis: 34px;width: 34px}}
body :is(.language-clock-location-card,.phase-overview-location,#weatherGeographySection) > .location-quick-actions{box-sizing: border-box;display: grid;grid-template-columns: minmax(0,1fr);grid-column: 1 / -1;gap: 7px;width: min(180px,100%);min-width: 0;margin: 7px auto 0;justify-self: center}
body.page-geography #weatherGeographySection > .location-quick-actions{order: 5}
body .location-quick-actions > button{box-sizing: border-box;display: flex;align-items: center;justify-content: center;gap: 5px;width: 100%;min-width: 0;min-height: 32px;margin: 0;padding: 5px 8px;border: 1px solid rgba(96,160,190,.48);border-radius: 7px;background: #19344b;color: #d4e9f1;-webkit-text-fill-color: currentColor;font: 500 11px/1.2 var(--ui-font);white-space: nowrap;box-shadow: none;cursor: pointer}
body .location-quick-actions > button:hover:not(:disabled), body .location-quick-actions > button:focus-visible{border-color: rgba(132,203,228,.75);background: #214562;color: #f0fbff}
body .location-quick-actions > button[aria-pressed="true"]{border-color: rgba(128,200,225,.85);background: #244d66;color: #f0fbff}
body .location-quick-actions > button:disabled{opacity: .65;cursor: wait}
body .location-quick-actions .location-quick-refresh span{font-size: 16px;line-height: .8}
body .location-quick-actions .location-quick-device svg{flex: 0 0 15px;width: 15px;height: 15px;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round}
@media (max-width: 380px){body .location-quick-actions > button{gap: 3px;padding-inline: 4px;font-size: 10px}}}
@layer components-design{html body .top-nav[data-shared-nav] .nav-site-logo .site-logo-mark.site-logo-artwork{background-image: none}
html body .top-nav[data-shared-nav] .nav-site-logo .site-logo-inline{display: block;width: 100%;height: 100%}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > :is(#navCurrentTime,#navCurrentDate,#navWeatherSummary){box-sizing: border-box;flex-grow: 0;flex-shrink: 0;min-width: 0;max-width: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navCurrentTime{flex-basis: 90px;width: 90px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navCurrentDate{flex-basis: 164px;width: 164px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navWeatherSummary{flex-basis: 132px;width: 132px}
@media (min-width: 651px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > :is(#navCurrentTime,#navCurrentDate,#navWeatherSummary){flex-basis: auto;width: max-content;min-width: max-content;padding-inline: 5px;overflow: visible;text-overflow: clip}}
html body .top-nav[data-shared-nav].has-section-picker #navWeatherSummary .nav-weather-condition{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
@media (min-width: 651px){html body .top-nav[data-shared-nav] #navWeatherSummary .nav-weather-condition{display: inline-flex}}
@media (max-width: 650px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navCurrentTime{flex-basis: 56px;width: 56px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navCurrentDate{flex-basis: 42px;width: 42px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navWeatherSummary{flex-basis: 52px;width: 52px}}}
@media (max-width: 650px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > :is(#navCurrentTime, #navCurrentDate, #navWeatherSummary), html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary #navWeatherSummary :is(.nav-weather-temp, .nav-weather-condition){font-size: 11px;}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > :is(#navCurrentTime, #navCurrentDate, #navWeatherSummary){margin: 0;padding-inline: 0;}}
@media (max-width: 320px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{justify-content: flex-start;gap: 2px;padding-left: 0;}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > :is(#navCurrentTime, #navCurrentDate, #navWeatherSummary), html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary #navWeatherSummary .nav-weather-temp{font-size: 10px;}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navCurrentTime{flex-basis: 46px;width: 46px;}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navCurrentDate{flex-basis: 29px;width: 29px;}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > #navWeatherSummary{flex-basis: 34px;width: 34px;}}
html body main.shell > h1.page-body-title.site-page-title-sr-only{position: absolute; inset: 0 auto auto 0; width: 1px; min-width: 1px; max-width: 1px; height: 1px; min-height: 1px; max-height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; pointer-events: none;}
html body:is(.page-time,.page-weather,.page-geography,.page-phases,.page-work-test) > main.shell{animation-duration: .24s; animation-delay: 0s;}
html body.page-about:has(.top-nav.has-section-picker) main.shell.shell:is(*,#_){padding-top: 8px;}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{pointer-events: none;}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > select#sitePageSections{background: #252d38; border-color: #708398; color: #e9f1fa; -webkit-text-fill-color: currentColor; font-size: 11px; font-weight: 650;}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > select#sitePageSections[hidden]{display: none}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsButton{box-sizing: border-box;position: relative;flex: 0 0 74px;display: grid;place-items: center;width: 74px;min-width: 74px;max-width: 74px;height: 28px;min-height: 28px;max-height: 28px;margin: 0;padding: 2px 15px 2px 7px;border: 1px solid #536e85;border-radius: 7px;background: #26384a;color: #eef5fc;font: 400 13px/1.2 var(--ui-font);text-align: center;cursor: pointer}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsButton::after{content: "⌄";position: absolute;top: 50%;right: 8px;float: none;font-size: 14px;line-height: 1;transform: translateY(-50%)}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsButton:hover{border-color: #809bb1;background: #31485e}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsButton[aria-expanded="true"]{background: #3b536a;border-color: #a7bfd3;color: #fff;box-shadow: inset 0 0 0 1px rgba(189,205,239,.15)}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsButton:focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 2px}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsMenu{box-sizing: border-box;position: absolute;top: calc(100% + 5px);right: 34px;z-index: 10020;display: grid;gap: 2px;width: min(260px, calc(100vw - 16px));max-height: calc(100dvh - var(--nav-height, 86px) - 12px);margin: 0;padding: 6px;border: 1px solid #818aa8;border-radius: 9px;background: #252b3d;box-shadow: 0 12px 28px rgba(5,8,20,.4);overflow-y: auto;overscroll-behavior: contain}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsMenu[hidden]{display: none}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsMenu > button{display: block;width: 100%;min-height: 33px;margin: 0;padding: 6px 9px;border: 0;border-radius: 5px;background: transparent;color: #e9ecf7;font: 500 12px/1.3 var(--ui-font);text-align: left;cursor: pointer}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsMenu > button[hidden]{display: none}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsMenu > button:is(:hover,:focus-visible){background: rgba(156,167,215,.2);outline: none}
html body .top-nav[data-shared-nav].has-section-picker > .site-page-tools > #sitePageSectionsMenu > button:disabled{opacity: .45;cursor: not-allowed}
html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu{position: relative; inset: auto; display: block; flex: 0 0 40px; width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; max-height: 40px; margin: 0; padding: 0; overflow: visible;}
html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuButton:is(*,#_){position: static; display: grid; place-items: center; width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; max-height: 40px; padding: 7px; transform: none;}
html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuButton[aria-expanded="true"]:is(*,#_){border: 0; border-radius: 0; background: transparent; color: #e9fbf8; box-shadow: none;}
html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuButton .options-gear-icon, html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuButton .options-gear-icon svg{width: 24px; min-width: 24px; max-width: 24px; height: 24px; min-height: 24px; max-height: 24px; inline-size: 24px; min-inline-size: 24px; max-inline-size: 24px; block-size: 24px; min-block-size: 24px; max-block-size: 24px;}
html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuPanel.options-menu-panel{box-sizing: border-box; position: absolute; inset: calc(100% + 6px) 0 auto auto; width: min(340px, calc(100vw - 32px)); min-width: 0; max-width: min(340px, calc(100vw - 32px)); max-height: calc(100dvh - var(--nav-height) - 14px); padding: 10px; gap: 7px; border: 1px solid #658d90; background: #192d33; color: #e6f0ef; box-shadow: 0 12px 28px rgba(4,16,19,.42); overflow-y: auto; transform: none;}
html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuPanel.options-menu-panel > .options-menu-heading{grid-column: 1 / -1;margin: 0 0 2px;padding: 0 3px 7px;border-bottom: 1px solid rgba(148,197,193,.28);color: #cce3df;font: 600 13px/1.25 var(--ui-font);letter-spacing: .04em}
html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuPanel.options-menu-panel > .options-button-row.options-button-row{grid-template-columns: 112px minmax(0, 1fr); min-height: 32px; padding: 4px 6px; gap: 6px;}
@media (max-width: 380px){html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuPanel.options-menu-panel > .options-button-row.options-button-row{grid-template-columns: 94px minmax(0, 1fr);}
html body nav.top-nav[data-shared-nav].top-nav.has-section-picker > .site-page-tools > .nav-options-menu.nav-options-menu > #optionsMenuPanel.options-menu-panel > .options-button-row.options-button-row > span:first-child{white-space: normal; font-size: 11px;}
}
@media (max-width: 650px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{justify-content: center;gap: clamp(8px, 2.4vw, 12px);padding-left: 0;padding-right: 122px;overflow: visible}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > :is(#navCurrentTime,#navCurrentDate,#navWeatherSummary){flex: 0 0 auto;width: auto;max-width: none;overflow: visible;text-overflow: clip;font-size: 14px}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary #navWeatherSummary :is(.nav-weather-temp,.nav-weather-condition){font-size: 14px}}
@media (max-width: 300px){html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary{justify-content: flex-start;gap: 2px;padding-right: 116px;}
html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary > :is(#navCurrentTime,#navCurrentDate,#navWeatherSummary),html body .top-nav[data-shared-nav].has-section-picker > .nav-live-summary #navWeatherSummary :is(.nav-weather-temp,.nav-weather-condition){font-size: 10px;}}
@layer components-layout{html body.has-bottom-placeholder-ad main.shell{padding-bottom: 24px;}}

/* Even dark inset shading on every side, without changing themed borders. */
html body :is(button, input[type="button"], input[type="submit"], input[type="reset"], a[class*="button"], a[role="button"]):not(#optionsMenuButton):is(*,#_#_#_#_#_#_){
  box-shadow:
    inset 0 0 9px 1px rgba(0, 0, 0, .46),
    inset 0 0 3px rgba(0, 0, 0, .28);
}
html body :is(button, input[type="button"], input[type="submit"], input[type="reset"], a[class*="button"], a[role="button"]):not(#optionsMenuButton):not(:disabled):active:is(*,#_#_#_#_#_#_){
  box-shadow:
    inset 0 0 11px 2px rgba(0, 0, 0, .62),
    inset 0 0 4px rgba(0, 0, 0, .32);
}

/* Location actions are rounded buttons; city and ZIP fields remain inputs. */
html body :is(#navWeatherLocationButton, #timezoneLocationButton, #geoLocationSearchButton,
  #phaseOverviewLocationButton, #showWeatherButton, #refreshLocationOptionButton,
  #refreshWeatherLocationButton, #weatherRecentCitiesButton, #weatherBrowseCitiesButton,
  .location-quick-refresh){border-radius: 14px;}
html body input:is(#navWeatherLocationInput, #timezoneLocationInput, #geoLocationSearchInput,
  #phaseOverviewLocationInput, #weatherZipInput){border-radius: 5px;}