@layer foundation-layout, foundation-weather, foundation-page, foundation-design, foundation-default, components-default, components-design, components-page, components-weather, components-layout;
@layer foundation-default{html body.page-calendars{padding-top: 0}
html body.page-calendars #phaseManualOrderSection > .phase-order-section > .phase-order-title{font-style: normal;letter-spacing: normal;margin-top: 12px;text-transform: none}
html body.page-calendars .calendar-section-title-emblem{--calendar-emblem-main: #7ed5e2;--calendar-emblem-secondary: #9ebfd7;--calendar-emblem-accent: #a6e8c7;--calendar-emblem-soft: rgba(64, 156, 174, .18);display: grid;place-items: center;width: 36px;height: 36px;margin: 0 auto}
html body.page-calendars .calendar-section-title-emblem-gregorian{--calendar-emblem-main: #74d7e7;--calendar-emblem-secondary: #95bddb;--calendar-emblem-accent: #9ce0b8;--calendar-emblem-soft: rgba(58, 143, 174, .18)}
html body.page-calendars .calendar-section-title-emblem-seasons{--calendar-emblem-main: #77d7cf;--calendar-emblem-secondary: #9ec9e8;--calendar-emblem-accent: #ead078;--calendar-emblem-soft: rgba(219, 177, 73, .17)}
html body.page-calendars .calendar-section-title-emblem-zodiac{--calendar-emblem-main: #9bcfe7;--calendar-emblem-secondary: #9fa9dc;--calendar-emblem-accent: #77d9c9;--calendar-emblem-soft: rgba(106, 115, 191, .16)}
html body.page-calendars .calendar-section-title-emblem-lunar{--calendar-emblem-main: #d5deeb;--calendar-emblem-secondary: #9eacc1;--calendar-emblem-accent: #eee2be;--calendar-emblem-soft: rgba(199, 211, 227, .18)}
html body.page-calendars .calendar-section-title-emblem-chineseLunar{--calendar-emblem-main: #7ad2cc;--calendar-emblem-secondary: #e0b873;--calendar-emblem-accent: #d8dca2;--calendar-emblem-soft: rgba(224, 184, 115, .18)}
html body.page-calendars .calendar-section-title-emblem-fixed{--calendar-emblem-main: #79cfe0;--calendar-emblem-secondary: #91d9b3;--calendar-emblem-accent: #d4dc8c;--calendar-emblem-soft: rgba(76, 155, 173, .17)}
html body.page-calendars .calendar-section-title-emblem-julian{--calendar-emblem-main: #d8bf7a;--calendar-emblem-secondary: #85c6bd;--calendar-emblem-accent: #f0d99a;--calendar-emblem-soft: rgba(183, 145, 70, .17)}
html body.page-calendars .calendar-title-emblem{display: block;width: 36px;height: 36px;overflow: visible;filter: none}
html body.page-calendars .calendar-title-emblem :is(.calendar-emblem-main, .calendar-emblem-secondary, .calendar-emblem-accent){fill: none;stroke-linecap: round;stroke-linejoin: round}
html body.page-calendars .calendar-title-emblem .calendar-emblem-main{stroke: var(--calendar-emblem-main);stroke-width: 2.7}
html body.page-calendars .calendar-title-emblem .calendar-emblem-secondary{stroke: var(--calendar-emblem-secondary);stroke-width: 2.15}
html body.page-calendars .calendar-title-emblem .calendar-emblem-accent{stroke: var(--calendar-emblem-accent);stroke-width: 2.75}
html body.page-calendars .calendar-title-emblem .calendar-emblem-solid{fill: var(--calendar-emblem-soft);stroke: var(--calendar-emblem-main);stroke-width: 2.35}
html body.page-calendars .calendar-title-emblem .calendar-emblem-orbit-body{fill: var(--calendar-emblem-soft);stroke: var(--calendar-emblem-secondary);stroke-width: 1.8}
html body.page-calendars .calendar-title-emblem :is(.calendar-emblem-zodiac-ticks, .calendar-emblem-fixed-ticks){fill: none;stroke: var(--calendar-emblem-secondary);stroke-width: 2;stroke-linecap: round}
html body.page-calendars .calendar-title-emblem :is(.calendar-emblem-dot, .calendar-emblem-lunar-dots circle, .calendar-emblem-fixed-days circle){fill: var(--calendar-emblem-accent);stroke: none}
html body.page-calendars .calendar-title-emblem .calendar-emblem-roman{fill: var(--calendar-emblem-accent);font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: 12px;font-weight: 760}
html body.page-calendars .calendar-title-emblem .calendar-emblem-date-number{fill: var(--calendar-emblem-accent);font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: 22px;font-weight: 780;letter-spacing:-1px}
@media (max-width: 620px){html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) > .phase-order-section.phase-order-section > .phase-order-title.phase-order-title, .page-calendars #calendarPageTitle{font-size: 24px}
html body.page-calendars .calendar-section-title-emblem{width: 36px;height: 36px}
html body.page-calendars .calendar-title-emblem{width: 36px;height: 36px}}
html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-title-row.hemisphere-season-title-row{display: flex;align-items: center;justify-content: center;gap: 13px;width: min(100%, 430px);margin: 0 auto}
html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-title-row.hemisphere-season-title-row::before, html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-title-row.hemisphere-season-title-row::after{content: "";display: block;flex: 1 1 70px;max-width: 92px;height: 1px;border: 0;background: linear-gradient(90deg, transparent, currentColor);opacity: .62}
html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-title-row.hemisphere-season-title-row::after{background: linear-gradient(90deg, currentColor, transparent)}
html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-north.hemisphere-season-north .hemisphere-season-title-row.hemisphere-season-title-row{color: #86d2ed}
html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-south.hemisphere-season-south .hemisphere-season-title-row.hemisphere-season-title-row{color: #b4adf0}
html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-title-row.hemisphere-season-title-row > h3{flex: 0 0 auto;margin: 0;color: inherit;-webkit-text-fill-color: currentColor;font-style: italic;font-weight: 650}
@media (max-width: 620px){html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-title-row.hemisphere-season-title-row{gap: 9px;width: calc(100% - 8px)}
html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-title-row.hemisphere-season-title-row::before, html body.page-calendars.page-calendars #phaseOrderSeason:is(*,#_) .hemisphere-season-title-row.hemisphere-season-title-row::after{flex-basis: 38px;max-width: 58px}}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderGregorianCalendar:is(*,#_) .gregorian-current-month-bubble.gregorian-current-month-bubble{border: 1px solid rgba(131, 199, 231, .82);background: linear-gradient(180deg, #356985, #2b5874);box-shadow: inset 0 1px 0 rgba(239, 251, 255, .13), 0 7px 17px rgba(2, 15, 28, .2);color: #f2fbff;-webkit-text-fill-color: #f2fbff}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderGregorianCalendar:is(*,#_) .gregorian-month-progress-summary.gregorian-month-progress-summary{box-sizing: border-box;display: grid;justify-items: center;gap: 6px;width: min(100%, 520px);margin: 0 auto;padding: 13px 20px 14px;border: 1px solid rgba(103, 157, 190, .58);border-radius: 12px;background: #1b3449;box-shadow: inset 0 1px 0 rgba(216, 241, 255, .06);color: #dceaf4;-webkit-text-fill-color: #dceaf4;font-size: .96rem;line-height: 1.3;text-align: center}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderGregorianCalendar:is(*,#_) .gregorian-month-progress-summary.gregorian-month-progress-summary > :is(span, em){margin: 0;color: inherit;-webkit-text-fill-color: inherit}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderGregorianCalendar:is(*,#_) .gregorian-month-progress-summary.gregorian-month-progress-summary > em{color: #9fd8e9;-webkit-text-fill-color: #9fd8e9;font-style: italic}
@media (max-width: 620px){html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderGregorianCalendar:is(*,#_) .gregorian-month-progress-summary.gregorian-month-progress-summary{width: calc(100% - 12px);padding: 12px 10px 13px;font-size: .9rem}}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderThirteenCalendar:is(*,#_) .calendar-visible-summary.calendar-visible-summary{box-sizing: border-box;display: grid;justify-items: center;gap: 6px;width: min(100%, 520px);margin: 0 auto;padding: 13px 20px 14px;border: 1px solid #568b91;border-radius: 12px;background: #1e3948;box-shadow: inset 0 1px 0 rgba(200, 237, 228, .06);color: #e2f0ef;-webkit-text-fill-color: #e2f0ef;font-size: .96rem;line-height: 1.3;text-align: center}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderThirteenCalendar:is(*,#_) .calendar-visible-summary.calendar-visible-summary > :is(span, em){margin: 0;color: inherit;-webkit-text-fill-color: inherit}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderThirteenCalendar:is(*,#_) .calendar-visible-summary.calendar-visible-summary > em{color: #a9d6ca;-webkit-text-fill-color: #a9d6ca;font-style: italic}
@media (max-width: 620px){html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #phaseOrderThirteenCalendar:is(*,#_) .calendar-visible-summary.calendar-visible-summary{width: calc(100% - 12px);padding: 12px 10px 13px;font-size: .9rem}}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) :is(.calendar-current-bubble.calendar-current-bubble, .zodiac-current-bubble.zodiac-current-bubble){box-sizing: border-box;width: max-content;min-width: min(520px, calc(100% - 16px));max-width: min(680px, calc(100% - 16px));min-height: 48px;padding: 11px 26px;border-width: 1px;font-size: clamp(.86rem, 1.8vw, 1.08rem);font-weight: 650;line-height: 1.25;white-space: normal}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) #phaseOrderThirteenCalendar:is(*,#_) .calendar-current-bubble.calendar-current-bubble{border-color: #79a9a4;background: linear-gradient(145deg, #28525b, #203d4b);color: #f0f8f5;-webkit-text-fill-color: #f0f8f5;box-shadow: inset 0 1px 0 rgba(215, 248, 232, .09), 0 7px 17px rgba(2, 15, 28, .19)}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) #phaseOrderGregorianCalendar:is(*,#_) .calendar-current-bubble.calendar-current-bubble{width: max-content;min-width: min(520px, calc(100% - 16px));white-space: normal}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) :is(.calendar-header-summary.calendar-header-summary, .zodiac-header-summary.zodiac-header-summary){width: min(100%, 760px)}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .zodiac-current-bubble.zodiac-current-bubble{display: flex;align-items: center;justify-content: center;width: fit-content;min-width: 0;max-width: min(420px, calc(100% - 20px));padding: 10px 24px;border: 2px solid #7898bd;border-radius: 999px;background: #2b4260;color: #f2f6fb;box-shadow: 0 0 0 1px rgba(188, 216, 241, .08), 0 8px 18px rgba(4, 12, 24, .22);text-align: center}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .zodiac-visible-summary.zodiac-visible-summary{box-sizing: border-box;width: min(100%, 430px);max-width: calc(100% - 20px);margin: 2px auto 0;padding: 11px 18px;gap: 5px;border: 1px solid #526f90;border-radius: 12px;background: #1b2d43;box-shadow: 0 6px 15px rgba(4, 12, 24, .18)}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .zodiac-visible-summary.zodiac-visible-summary > :is(span, em){line-height: 1.35}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .zodiac-visible-summary.zodiac-visible-summary > em{color: #c9d9ea;font-style: italic}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) #zodiacCard:is(*,#_) #zodiacDetails:is(*,#_){margin-top: 28px}
@media (max-width: 620px){html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) :is(.calendar-current-bubble.calendar-current-bubble, .zodiac-current-bubble.zodiac-current-bubble){width: calc(100% - 12px);min-width: 0;max-width: calc(100% - 12px);padding-inline: 10px;font-size: 14px}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .zodiac-current-bubble.zodiac-current-bubble{width: fit-content;min-width: 0;max-width: calc(100% - 20px);padding-inline: 18px}}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .lunar-year-current-month-heading.lunar-year-current-month-heading{box-sizing: border-box;min-height: 92px;padding: 15px 26px;border-width: 2px}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .lunar-year-current-month-heading > span{font-size: .94rem}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .lunar-year-current-month-heading > strong{font-size: 1.72rem}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .lunar-year-current-month-heading > small{font-size: .96rem}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .generic-lunar-current-cycle-heading.generic-lunar-current-cycle-heading{width: min(100%, 360px)}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .hemisphere-current-season-bubble.hemisphere-current-season-bubble{min-height: 36px;padding: 7px 16px;border: 2px solid color-mix( in srgb, var(--hemisphere-season-color, var(--ui-border)) 56%, var(--hemisphere-season-ink, #ffffff) 44% )}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .hemisphere-current-season-bubble > span{font-size: .94rem;font-weight: 450;line-height: 1.2}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) .hemisphere-current-season-bubble > strong{color: var(--hemisphere-season-ink, var(--ui-text));font-size: .94rem;font-weight: 450;line-height: 1.2}
html body.page-calendars.page-calendars #genericLunarCard:is(*,#_) #genericLunarCircularSlider:is(*,#_) .natural-circle-label > b{border-color: rgba(174, 191, 212, .55);background: #354258;color: #e7edf5;-webkit-text-fill-color: #e7edf5;box-shadow: none}
html body.page-calendars.page-calendars #genericLunarCard:is(*,#_) #genericLunarCircularSlider:is(*,#_) .natural-circle-label.is-active > b{border-color: #dce5ef;background: linear-gradient(145deg, #7789a1, #51637e);color: #fff;-webkit-text-fill-color: #fff;box-shadow: 0 0 0 3px rgba(206, 222, 239, .18)}
html body.page-calendars.page-calendars #genericLunarCircularSlider:is(*,#_) .natural-circle-label:not(.is-active) > b, html body.page-calendars.page-calendars #lunarYearCircularSlider:is(*,#_) .natural-circle-label:not(.is-active) > b{min-height: 0;padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none}
html body.page-calendars.page-calendars #genericLunarCard:is(*,#_) #genericLunarCircularSlider:is(*,#_) .generic-lunar-boundary-date > b{border-color: var(--ui-border);background: var(--ui-raised);color: var(--ui-text);-webkit-text-fill-color: currentColor;box-shadow: none}
html body.page-calendars.page-calendars #genericLunarCard:is(*,#_) #genericLunarCircularSlider:is(*,#_) .generic-lunar-boundary-date{transform: translate(-50%, -50%) rotate(var(--generic-lunar-date-angle)) translateY(calc(-1 * var(--natural-circle-size) * .54)) rotate(calc(-1 * var(--generic-lunar-date-angle)))}
html body.page-calendars.page-calendars #genericLunarCard:is(*,#_) #genericLunarCircularSliderShell:is(*,#_){min-height: 515px;padding-block: 34px;overflow: visible}
html body.page-calendars.page-calendars #genericLunarCard:is(*,#_) #genericLunarCircularSlider:is(*,#_) .generic-lunar-boundary-date.is-year-start > b{border-color: #d6c79e;background: #303a4d;color: #f0dfb7;-webkit-text-fill-color: currentColor}
html body.page-calendars #phaseOrderGenericLunarCalendar.phase-order-section{border-color: #66758b;background: #1a2538}
html body.page-calendars #phaseOrderGenericLunarCalendar > .phase-order-title{color: #dce5ef}
html body.page-calendars #phaseOrderGenericLunarCalendar .generic-lunar-current-cycle-heading{border-color: #9cabc0;background: #354259}
html body.page-calendars #phaseOrderGenericLunarCalendar .generic-lunar-current-cycle-heading > span{color: #e1e9f3}
html body.page-calendars #phaseOrderGenericLunarCalendar .generic-lunar-current-cycle-heading > small{color: #c4d0df}
html body.page-calendars #phaseOrderGenericLunarCalendar .generic-lunar-calendar-introduction{border-color: #63738a;background: #263349;color: #dce5ef}
html body.page-calendars #genericLunarCircularSlider.natural-calendar-circle{border-color: #b3c2d6;box-shadow: 0 0 0 7px rgba(14, 22, 37, .8), 0 20px 38px rgba(0, 0, 0, .34), inset 0 0 34px rgba(13, 22, 36, .32)}
html body.page-calendars #genericLunarCircularSlider.natural-calendar-circle::before{border-color: #75869d;background: radial-gradient(circle at 36% 30%, rgba(193, 207, 226, .16), transparent 38%), linear-gradient(145deg, #354258, #1a273b)}
html body.page-calendars #genericLunarCircularSlider .natural-circle-center > strong{color: #f1f5fa}
html body.page-calendars #genericLunarCircularSlider .natural-circle-center > span:not(.natural-circle-center-progress){color: #d8e0eb}
html body.page-calendars #genericLunarCircularSlider .natural-circle-center-progress{background: conic-gradient(transparent 0 var(--natural-circle-progress), rgba(20, 31, 48, .95) var(--natural-circle-progress) 360deg), linear-gradient(135deg, #8e9fb7, #e0e7ef 53%, #aebbd0)}
@media (max-width: 720px){html body.page-calendars.page-calendars #genericLunarCard:is(*,#_) #genericLunarCircularSliderShell:is(*,#_){min-height: 440px;padding-block: 28px}}
html body.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #genericLunarCard:is(*,#_) #genericLunarCircularSliderShell:is(*,#_){min-height: 0;margin-block: 12px;padding-block: 27px}
html body.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #lunarYearCard:is(*,#_) #lunarYearCircularSliderShell:is(*,#_){min-height: 0;margin-block: 12px;padding-block: 38px}
html body.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_) #thirteenCard:is(*,#_) #thirteenCircularSliderShell:is(*,#_){min-height: 0;margin-block: 12px;padding-top: 29px;padding-bottom: 29px}
html body.page-calendars #phaseOrderSeason > .phase-order-body{display: block}
html body.page-calendars #seasonCard.astronomical-seasons-card{box-sizing: border-box;display: block;width: min(100%, 1180px);min-height: 0;margin: 0 auto;padding: 0;overflow: visible;background: transparent;border: 0}
html body.page-calendars .astronomical-season-current{display: grid;grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);align-items: center;gap: 14px;width: min(100%, 720px);margin: 0 auto 22px}
html body.page-calendars .astronomical-season-current > div{display: grid;gap: 3px;padding: 11px 16px;border: 1px solid var(--ui-border, #324458);border-radius: 12px;background: var(--ui-raised, #1e2d41);text-align: center}
html body.page-calendars .astronomical-season-current span{color: var(--ui-text);font-size: .84rem;font-weight: 650}
html body.page-calendars .astronomical-season-current strong{color: var(--ui-text);font-size: 1.28rem}
html body.page-calendars .astronomical-season-current > i{color: var(--ui-text);font-size: 1.35rem;font-style: normal}
html body.page-calendars .hemisphere-season-grid{display: grid;grid-template-columns: minmax(0, 1fr);gap: 30px;align-items: start;width: min(100%, 840px);margin: 0 auto}
html body.page-calendars .hemisphere-season-panel{min-width: 0;width: 100%;box-sizing: border-box;margin: 0 auto;padding: 24px clamp(14px, 4vw, 38px) 30px;border: 1px solid var(--ui-border, #324458);border-radius: 20px;background: var(--ui-raised, #1e2d41);box-shadow: none}
html body.page-calendars .hemisphere-season-south{border-color: var(--ui-border, #324458);background: var(--ui-raised, #1e2d41)}
html body.page-calendars .astronomical-season-data{width: min(100%, 900px);margin: 0 auto 24px;padding: 16px;box-sizing: border-box;border: 1px solid var(--ui-border, #324458);border-radius: 16px;background: var(--ui-raised, #1e2d41)}
html body.page-calendars .astronomical-season-data-current{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: center;gap: 7px 10px;margin-bottom: 14px;color: var(--ui-text);text-align: center}
html body.page-calendars .astronomical-season-data-current > span{width: 100%;color: var(--ui-text);font-size: .9rem;font-weight: 700}
html body.page-calendars .astronomical-season-data-current > strong{color: var(--ui-text);font-size: 1.24rem}
html body.page-calendars .astronomical-season-data-current small{color: var(--ui-muted);font-size: .72em;font-weight: 600}
html body.page-calendars .astronomical-season-data-current > i{color: var(--ui-text);font-size: 1.25rem;font-style: normal}
html body.page-calendars .astronomical-season-data-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 9px}
html body.page-calendars .astronomical-season-data-grid article{display: grid;align-content: center;gap: 3px;min-height: 64px;padding: 9px 10px;border: 1px solid var(--ui-border, #324458);border-radius: 10px;background: var(--ui-raised, #1e2d41);text-align: center}
html body.page-calendars .astronomical-season-data-grid span, html body.page-calendars .astronomical-season-data-grid small{color: var(--ui-muted);font-size: .78rem}
html body.page-calendars .astronomical-season-data-grid strong{color: var(--ui-text);font-size: 1rem}
html body.page-calendars .hemisphere-season-title-row{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;margin: 0}
html body.page-calendars .hemisphere-season-title-row > h3{margin: 0;color: var(--ui-heading, var(--ui-text));font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: clamp(1.25rem, 2.4vw, 1.58rem);font-style: italic;font-weight: 700;text-align: center}
html body.page-calendars .hemisphere-season-south .hemisphere-season-title-row > h3{color: var(--ui-heading, var(--ui-text))}
html body.page-calendars .hemisphere-location-subtitle{margin: 3px 0 15px;color: var(--ui-muted);font-size: .88rem;font-style: italic;font-weight: 600;text-align: center}
html body.page-calendars .hemisphere-season-south .hemisphere-location-subtitle{color: var(--ui-muted)}
html body.page-calendars .hemisphere-current-season-bubble{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: center;gap: 7px;width: fit-content;max-width: 100%;margin: 0 auto 10px;padding: 7px 15px;box-sizing: border-box;border: 1px solid var(--hemisphere-season-color, var(--ui-border));border-radius: 999px;background: var(--hemisphere-season-color, var(--ui-raised));color: var(--hemisphere-season-ink, var(--ui-text));box-shadow: 0 8px 18px color-mix(in srgb, var(--hemisphere-season-color, transparent) 24%, transparent);text-align: center}
html body.page-calendars .hemisphere-season-south .hemisphere-current-season-bubble{border-color: var(--hemisphere-season-color, var(--ui-border));background: var(--hemisphere-season-color, var(--ui-raised))}
html body.page-calendars .hemisphere-current-season-bubble span{font-size: .94rem;font-weight: 450}
html body.page-calendars .hemisphere-current-season-bubble strong{color: var(--hemisphere-season-ink, var(--ui-text));font-size: .94rem;font-weight: 450}
html body.page-calendars .hemisphere-season-title-row > h3 span{display: block;margin-top: 3px;color: var(--ui-text);font-size: .8em;font-weight: 600}
html body.page-calendars .hemisphere-season-summary{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 8px;width: min(100%, 620px);margin: 0 auto 16px}
html body.page-calendars .hemisphere-season-summary article{display: grid;align-content: center;gap: 3px;min-height: 62px;padding: 8px 9px;box-sizing: border-box;border: 1px solid var(--ui-border);border-radius: 10px;background: var(--ui-raised);text-align: center}
html body.page-calendars .hemisphere-season-summary .hemisphere-season-name{grid-column: 1 / -1;min-height: 70px;border-color: var(--ui-border);background: var(--ui-raised)}
html body.page-calendars .hemisphere-season-summary span, html body.page-calendars .hemisphere-season-summary small{color: var(--ui-muted);font-size: .76rem}
html body.page-calendars .hemisphere-season-summary strong{color: var(--ui-text);font-size: .96rem}
html body.page-calendars .hemisphere-season-summary .hemisphere-season-name strong{color: var(--ui-text);font-size: 1.4rem}
html body.page-calendars .hemisphere-season-simple-summary{--season-summary-accent: #78b6df;width: fit-content;max-width: min(100%, 420px);margin: 0 auto 30px;padding: 5px 18px;box-sizing: border-box;border: 1px solid color-mix(in srgb, var(--season-summary-accent) 55%, var(--ui-border));border-radius: 13px;background: color-mix(in srgb, var(--season-summary-accent) 12%, var(--ui-raised));text-align: center}
html body.page-calendars .hemisphere-season-simple-summary[data-season="spring"]{--season-summary-accent: #79baa0}
html body.page-calendars .hemisphere-season-simple-summary[data-season="summer"]{--season-summary-accent: #d1b66e}
html body.page-calendars .hemisphere-season-simple-summary[data-season="fall"]{--season-summary-accent: #cf956f}
html body.page-calendars .hemisphere-season-simple-summary p{width: 100%;box-sizing: border-box;margin: 0;padding: 9px 4px;color: var(--ui-muted);font-size: clamp(.94rem, 1.8vw, 1.06rem);line-height: 1.35}
html body.page-calendars .hemisphere-season-simple-summary p + p{border-top: 1px solid color-mix(in srgb, var(--season-summary-accent) 25%, var(--ui-border))}
html body.page-calendars .hemisphere-season-simple-summary strong{color: var(--ui-text);font-weight: 750}
html body.page-calendars .hemisphere-current-season{color: var(--ui-text);font-size: clamp(1.05rem, 2vw, 1.22rem)}
html body.page-calendars .hemisphere-current-season strong{color: var(--ui-text);font-size: 1.16em}
html body.page-calendars .hemisphere-season-simple-summary small{color: var(--ui-muted);font-size: .88em}
html body.page-calendars .hemisphere-season-wheel{position: relative;width: min(100%, 540px);margin: 0 auto;aspect-ratio: 1}
html body.page-calendars .hemisphere-season-wheel > svg{display: block;width: 100%;height: 100%;overflow: visible;shape-rendering: geometricPrecision}
html body.page-calendars .hemisphere-season-segment{stroke: rgba(7, 21, 30, .9);stroke-width: 1.25;stroke-linejoin: round;transition: fill .3s ease, stroke .3s ease, stroke-width .3s ease}
html body.page-calendars .hemisphere-season-segment.is-active{filter: brightness(1.04)}
html body.page-calendars .hemisphere-season-divider{stroke: rgba(202, 232, 236, .68);stroke-width: 1.25;vector-effect: non-scaling-stroke}
html body.page-calendars .hemisphere-season-outline, html body.page-calendars .hemisphere-season-inner{fill: none;stroke: rgba(157, 207, 215, .72);stroke-width: 1.7;vector-effect: non-scaling-stroke}
html body.page-calendars .hemisphere-season-progress-track, html body.page-calendars .hemisphere-season-progress{fill: none;stroke-width: 5.5}
html body.page-calendars .hemisphere-season-progress-track{stroke: rgba(4, 20, 31, .86)}
html body.page-calendars .hemisphere-season-progress{stroke: #68d2cf;stroke-linecap: butt}
html body.page-calendars .hemisphere-season-marker-disc{fill: #6b5011;stroke: #ffe46b;stroke-width: 2.6}
html body.page-calendars .hemisphere-season-label{font-family: inherit;font-size: 9px;font-weight: 650;paint-order: stroke;stroke: rgba(8, 30, 41, .65);stroke-width: 1.5px}
html body.page-calendars .hemisphere-season-label-spring{fill: #8ee9ad}
html body.page-calendars .hemisphere-season-label-summer{fill: #f3d787}
html body.page-calendars .hemisphere-season-label-fall{fill: #dfa17f}
html body.page-calendars .hemisphere-season-label-winter{fill: #9bcfeb}
html body.page-calendars .thirteen-calendar-math{width: min(100%, 780px);margin: 10px auto 24px;padding: 18px;border: 1px solid var(--ui-border);border-radius: 12px;background: var(--ui-raised)}
html body.page-calendars .thirteen-calendar-math > h4{margin: 0 0 14px;color: var(--ui-heading, var(--ui-text));font-family: Arial, Helvetica, sans-serif;font-size: 1.15rem;font-weight: 700;text-align: center}
html body.page-calendars .thirteen-calendar-math-table-wrap{overflow-x: auto;border: 1px solid var(--ui-border);border-radius: 9px}
html body.page-calendars .thirteen-calendar-math table{width: 100%;min-width: 580px;border-collapse: collapse;color: var(--ui-text);font-family: Arial, Helvetica, sans-serif;font-size: .95rem;line-height: 1.4}
html body.page-calendars .thirteen-calendar-math th, html body.page-calendars .thirteen-calendar-math td{padding: 11px 14px;border-bottom: 1px solid var(--ui-border);text-align: left;vertical-align: middle}
html body.page-calendars .thirteen-calendar-math th{background: var(--ui-raised);color: var(--ui-text);font-weight: 700}
html body.page-calendars .thirteen-calendar-math td:first-child{width: 46%;color: var(--ui-text)}
html body.page-calendars .thirteen-calendar-math tbody tr:nth-child(even){background: var(--ui-raised)}
html body.page-calendars .thirteen-calendar-math tbody tr:last-child td{border-bottom: 0}
html body.page-calendars .season-vector-icon{fill: none;stroke: currentColor;stroke-width: 1.55;stroke-linecap: round;stroke-linejoin: round;vector-effect: non-scaling-stroke}
html body.page-calendars .season-vector-solid{fill: currentColor;stroke: currentColor}
html body.page-calendars .season-vector-leaf{fill: currentColor;fill-opacity: .16}
html body.page-calendars .season-vector-petal, html body.page-calendars .season-vector-sun-disc{fill: currentColor;fill-opacity: .12}
html body.page-calendars .season-vector-spring{color: #b9edcd}
html body.page-calendars .season-vector-summer{color: #f4dda0}
html body.page-calendars .season-vector-fall{color: #e7b096}
html body.page-calendars .season-vector-winter{color: #bbdef2}
html body.page-calendars .hemisphere-season-boundary-label{fill: #a9d2d8;font-family: inherit;font-size: 5.8px;font-weight: 600;paint-order: stroke;stroke: rgba(5, 21, 32, .94);stroke-width: 1.8px;stroke-linejoin: round}
html body.page-calendars .hemisphere-season-boundary-label .hemisphere-season-boundary-name-line{fill: #d3eef0;font-size: 6.4px;font-weight: 750}
html body.page-calendars .boundary-season-spring .hemisphere-season-boundary-label, html body.page-calendars .boundary-season-spring .hemisphere-season-boundary-name-line{fill: #a9efc3}
html body.page-calendars .boundary-season-summer .hemisphere-season-boundary-label, html body.page-calendars .boundary-season-summer .hemisphere-season-boundary-name-line{fill: #ffd0a3}
html body.page-calendars .boundary-season-fall .hemisphere-season-boundary-label, html body.page-calendars .boundary-season-fall .hemisphere-season-boundary-name-line{fill: #f4b78c}
html body.page-calendars .boundary-season-winter .hemisphere-season-boundary-label, html body.page-calendars .boundary-season-winter .hemisphere-season-boundary-name-line{fill: #b9e3ff}
html body.page-calendars .hemisphere-season-center{position: absolute;inset: 50% auto auto 50%;display: grid;justify-items: center;width: 30%;transform: translate(-50%, -50%);color: #d8f0f2;text-align: center}
html body.page-calendars .hemisphere-season-center span, html body.page-calendars .hemisphere-season-center small{color: #90bcc7;font-size: clamp(.62rem, 1.35vw, .78rem);line-height: 1.15}
html body.page-calendars .hemisphere-season-center strong{margin: 0 0 4px;color: #e5f9ef;font-size: clamp(.9rem, 1.8vw, 1.16rem)}
html body.page-calendars .hemisphere-season-center b{color: #74d8d5;font-size: clamp(1rem, 2vw, 1.24rem)}
html body.page-calendars .season-event-schedule{width: min(100%, 980px);margin: 26px auto 0;padding-top: 20px;border-top: 1px solid var(--ui-border);text-align: center}
html body.page-calendars .season-event-schedule > h3{margin: 0 0 6px;color: var(--ui-heading, var(--ui-text));font-size: 1.18rem}
html body.page-calendars .season-event-schedule > p{max-width: 760px;margin: 0 auto 15px;color: var(--ui-muted);line-height: 1.5}
html body.page-calendars .season-event-schedule > div{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
html body.page-calendars .season-event-schedule article{display: grid;gap: 4px;padding: 12px;border: 1px solid var(--ui-border);border-radius: 11px;background: var(--ui-raised)}
html body.page-calendars .season-event-schedule article span{color: var(--ui-text);font-weight: 700}
html body.page-calendars .season-event-schedule article strong{color: var(--ui-text)}
html body.page-calendars .season-event-schedule article small{color: var(--ui-muted)}
html body.page-calendars .season-language-section{box-sizing: border-box;width: min(100%, 860px);margin: 24px auto 0;padding: 16px clamp(10px, 2vw, 18px);border: 1px solid var(--ui-border);border-radius: 14px;background: var(--ui-raised)}
html body.page-calendars .season-language-section > h3{margin: 0 0 5px;color: var(--ui-heading, var(--ui-text));font-size: 1.18rem;text-align: center}
html body.page-calendars .season-language-section > p{margin: 0 auto 14px;color: var(--ui-muted);font-size: .88rem;line-height: 1.4;text-align: center}
html body.page-calendars .season-language-table-wrap{max-width: 100%;overflow-x: auto;overscroll-behavior-inline: contain;scrollbar-width: thin;scrollbar-color: var(--ui-border) transparent}
html body.page-calendars .season-language-table{width: 100%;min-width: 600px;border-collapse: separate;border-spacing: 0;color: var(--ui-text);font-size: .79rem;line-height: 1.2;text-align: left}
html body.page-calendars .season-language-table th, html body.page-calendars .season-language-table td{padding: 6px 8px;border-bottom: 1px solid var(--ui-border);white-space: nowrap}
html body.page-calendars .season-language-table thead th{background: rgba(8, 26, 43, .64);font-weight: 700}
html body.page-calendars .season-language-table thead th:nth-child(2){color: #a9dfbd}
html body.page-calendars .season-language-table thead th:nth-child(3){color: #f0d494}
html body.page-calendars .season-language-table thead th:nth-child(4){color: #e4b191}
html body.page-calendars .season-language-table thead th:nth-child(5){color: #b1d8ee}
html body.page-calendars .season-language-table thead th span{margin-right: 4px}
html body.page-calendars .season-language-table tbody tr:nth-child(even){background: rgba(117, 172, 203, .06)}
html body.page-calendars .season-language-table tbody tr:last-child > *{border-bottom: 0}
html body.page-calendars .season-language-table tbody th{background: var(--ui-raised);font-weight: 650}
html body.page-calendars .season-language-table tbody tr:nth-child(even) th{background: color-mix(in srgb, var(--ui-raised) 94%, #75accb 6%)}
html body.page-calendars .season-language-section > .season-language-scroll-note{display: none;margin: 9px 0 0;font-size: .76rem}
@media (max-width: 680px){html body.page-calendars .season-language-section > .season-language-scroll-note{display: block}}
html body.page-calendars .egyptian-seasons-summary{margin: 18px auto 0;padding: 16px clamp(12px, 2vw, 20px);border: 1px solid rgba(218, 180, 91, .58);border-radius: 12px;background: linear-gradient(145deg, color-mix(in srgb, var(--ui-raised) 91%, #8a641e 9%), color-mix(in srgb, var(--ui-raised) 96%, #5f4313 4%));box-shadow: inset 0 1px 0 rgba(255, 225, 145, .1)}
html body.page-calendars .egyptian-seasons-summary h4{display: flex;align-items: center;justify-content: center;gap: 8px;margin: 0 0 5px;color: #e8c96f;font-size: 1rem;font-weight: 700;text-align: center}
html body.page-calendars .egyptian-seasons-summary-icon{width: 24px;height: 24px;flex: none;color: #d8ad4e}
html body.page-calendars .egyptian-seasons-summary > p{margin: 0 auto 10px;color: var(--ui-muted);font-size: .8rem;line-height: 1.4;text-align: center}
html body.page-calendars .egyptian-seasons-summary-table{width: min(100%, 460px);min-width: 0;margin: 0 auto;border: 1px solid rgba(218, 180, 91, .42);border-radius: 9px;border-collapse: separate;border-spacing: 0;overflow: hidden;color: var(--ui-text);font-size: .84rem;line-height: 1.35;text-align: left}
html body.page-calendars .egyptian-seasons-summary-table th{padding: 9px 14px;border-bottom: 1px solid rgba(218, 180, 91, .24);background: rgba(146, 104, 28, .09);font-weight: 500}
html body.page-calendars .egyptian-seasons-summary-table tbody tr:last-child > *{border-bottom: 0}
html body.page-calendars .egyptian-seasons-summary-table tbody tr:nth-child(even) th{background: rgba(197, 151, 55, .14)}
html body.page-calendars .egyptian-season-number{color: #d7b65f;font-weight: 700}
html body.page-calendars .egyptian-seasons-summary-table strong{color: #f0d98e;font-weight: 750}
html body.page-calendars .egyptian-season-divider{margin: 0 3px;color: #b99646}
html body.page-calendars .egyptian-season-meaning{color: var(--ui-text)}
html body.page-calendars .egyptian-seasons-summary > .egyptian-seasons-summary-source{margin: 10px 0 0;font-size: .76rem}
html body.page-calendars .egyptian-seasons-summary-source a{color: #dfc36f}
html body.page-calendars .astronomical-season-note{width: min(100%, 900px);margin: 18px auto 0;padding: 13px 16px;border-color: var(--ui-border);background: var(--ui-raised);text-align: center}
html body.page-calendars .astronomical-season-note p{margin: 0;color: var(--ui-muted);line-height: 1.5}
html body.page-calendars #phaseOrderSeason > .astronomical-seasons-subtitle{margin: 6px auto 20px;color: var(--ui-muted);font-size: clamp(.98rem, 2vw, 1.12rem);font-weight: 400;text-align: center}
html body.page-calendars .season-education{width: min(100%, 1040px);margin: 28px auto 0;padding: 24px clamp(14px, 3vw, 28px);box-sizing: border-box;border: 1px solid var(--ui-border);border-radius: 17px;background: var(--ui-raised)}
html body.page-calendars .season-education[hidden]{display: none}
html body.page-calendars .season-education-disclosure-controls{display: flex;justify-content: center;margin: 24px auto 0}
html body.page-calendars .season-education-toggle{min-height: 44px;padding: 10px 22px;border: 1px solid var(--ui-border);border-radius: 12px;background: var(--ui-button-bg);color: var(--ui-text);font: 650 1rem/1.3 Arial, sans-serif;cursor: pointer;transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease}
html body.page-calendars .season-education-toggle:hover, html body.page-calendars .season-education-toggle:focus-visible, html body.page-calendars .season-education-toggle[aria-expanded="true"]{border-color: var(--ui-border);background: var(--ui-button-hover);color: var(--ui-text)}
html body.page-calendars .season-education > h3{margin: 0 0 7px;color: var(--ui-heading, var(--ui-text));font-size: clamp(1.25rem, 2.6vw, 1.55rem);text-align: center}
html body.page-calendars .season-education-intro{max-width: 790px;margin: 0 auto 19px;color: var(--ui-muted);line-height: 1.55;text-align: center}
html body.page-calendars .season-education-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 11px}
html body.page-calendars .season-education-grid article{padding: 15px 16px;border: 1px solid var(--ui-border);border-radius: 12px;background: var(--ui-raised)}
html body.page-calendars .season-education-grid h4{margin: 0 0 7px;color: var(--ui-heading, var(--ui-text));font-size: 1rem}
html body.page-calendars .season-education-grid p{margin: 0;color: var(--ui-muted);line-height: 1.55}
html body.page-calendars .season-education-grid .season-education-sources{margin-top: 10px;font-size: .82rem}
html body.page-calendars .season-education-sources a{color: var(--ui-heading, var(--ui-text));text-decoration: underline;text-underline-offset: 2px;overflow-wrap: anywhere}
html body.page-calendars #phaseOrderJulianCalendar > .phase-order-body{display: block}
html body.page-calendars #julianComparisonCard.julian-comparison-card{display: block;box-sizing: border-box;width: min(100%, 920px);min-height: 0;margin: 0 auto;padding: 24px clamp(15px, 3vw, 30px) 26px;border: 1px solid var(--ui-border, #324458);border-radius: 20px;background: var(--ui-raised, #1e2d41)}
html body.page-calendars .julian-comparison-current{display: grid;justify-items: center;gap: 4px;width: min(100%, 560px);margin: 0 auto 20px;padding: 14px 18px;box-sizing: border-box;border: 1px solid var(--ui-border, #324458);border-radius: 13px;background: var(--ui-raised, #1e2d41);text-align: center}
html body.page-calendars .julian-comparison-current span{color: var(--ui-text);font-size: .88rem;font-weight: 700}
html body.page-calendars .julian-comparison-current strong{color: var(--ui-text);font-size: clamp(1.25rem, 3vw, 1.65rem)}
html body.page-calendars .julian-comparison-current small{color: var(--ui-muted);font-size: .84rem}
html body.page-calendars .julian-mini-progress{width: min(100%, 680px);margin: 0 auto 22px;padding: 14px 16px 12px;box-sizing: border-box;border: 1px solid var(--ui-border);border-radius: 12px;background: var(--ui-raised)}
html body.page-calendars .julian-mini-progress-head, html body.page-calendars .julian-mini-progress-labels{display: flex;align-items: center;justify-content: space-between;gap: 12px}
html body.page-calendars .julian-mini-progress-head{margin-bottom: 8px;color: var(--ui-text);font-size: .84rem}
html body.page-calendars .julian-mini-progress-head strong{color: var(--ui-text)}
html body.page-calendars .julian-mini-progress-track{height: 12px;overflow: hidden;border: 1px solid rgba(136, 199, 211, .38);border-radius: 999px;background: #071d2c}
html body.page-calendars .julian-mini-progress-track i{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, #2d78b9, #4fbfd1 58%, #68c99a)}
html body.page-calendars .julian-mini-progress-labels{margin-top: 6px;color: var(--ui-text);font-size: .72rem}
html body.page-calendars .julian-comparison-facts{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 11px}
html body.page-calendars .julian-comparison-facts article{display: grid;align-content: start;gap: 5px;padding: 14px;border: 1px solid var(--ui-border, #324458);border-radius: 12px;background: var(--ui-raised, #1e2d41)}
html body.page-calendars .julian-comparison-facts span{color: var(--ui-text);font-size: .78rem;font-weight: 750;letter-spacing: .025em;text-transform: uppercase}
html body.page-calendars .julian-comparison-facts strong{color: var(--ui-text);font-size: 1rem}
html body.page-calendars .julian-comparison-facts p, html body.page-calendars .julian-term-note p{margin: 0;color: var(--ui-muted);line-height: 1.5}
html body.page-calendars .julian-term-note{margin-top: 14px;padding: 12px 15px;border-left: 3px solid var(--ui-border);border-radius: 8px;background: var(--ui-raised, #1e2d41)}
html body.page-calendars .julian-term-note strong{display: block;margin-bottom: 4px;color: var(--ui-muted)}
@media (max-width: 760px){html body.page-calendars .hemisphere-season-grid, html body.page-calendars .season-event-schedule > div{grid-template-columns: minmax(0, 1fr)}
html body.page-calendars .hemisphere-season-wheel{width: 460px}
html body.page-calendars .astronomical-season-current{grid-template-columns: minmax(0, 1fr);gap: 7px}
html body.page-calendars .astronomical-season-current > i{transform: rotate(90deg)}
html body.page-calendars .astronomical-season-data-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
html body.page-calendars .hemisphere-season-summary{grid-template-columns: repeat(2, minmax(0, 1fr))}
html body.page-calendars .julian-comparison-facts{grid-template-columns: minmax(0, 1fr)}
html body.page-calendars .julian-mini-progress-head{align-items: flex-start;flex-direction: column;gap: 2px}
html body.page-calendars .season-education-grid{grid-template-columns: minmax(0, 1fr)}}
html body.page-calendars .calendar-runtime-anchor, html body.page-calendars .calendar-runtime-source{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);opacity: 0;pointer-events: none}
html body.page-calendars .calendar-page-hero{box-sizing: border-box;width: 100%;margin: 0 auto 14px;padding: 24px;text-align: center}
html body.page-calendars .calendar-page-hero-icon{display: block;margin: 0 auto 6px;color: var(--ui-text);font-size: 2.6rem;line-height: 1}
html body.page-calendars .calendar-page-hero h2{margin: 0}
html body.page-calendars .calendar-page-hero p{max-width: 760px;margin: 8px auto 0;color: var(--ui-muted)}
html body.page-calendars .calendar-page-content-stage{position: relative;min-height: clamp(380px, 54vh, 560px)}
html body.page-calendars .calendar-page-loading{position: absolute;z-index: 20;inset: 0 0 auto;box-sizing: border-box;display: grid;place-content: center;justify-items: center;gap: 14px;width: 100%;min-height: clamp(380px, 54vh, 560px);margin: 0;padding: 40px 24px;border: 1px solid var(--ui-border);background: var(--ui-raised);color: var(--ui-text);text-align: center;opacity: 1;transform: translateY(0);transition: opacity 420ms ease, transform 420ms ease, visibility 0s linear 420ms}
html body.page-calendars .calendar-page-loading-icon{display: block;color: var(--ui-text);font-size: 3rem;line-height: 1;filter: drop-shadow(0 0 12px rgba(242, 205, 115, .25));animation: calendar-loading-pulse 1.35s ease-in-out infinite}
html body.page-calendars .calendar-page-loading strong{color: var(--ui-text);font-size: 1.2rem;font-weight: 650;letter-spacing: .01em}
html body.page-calendars #phaseManualOrderSection, html body.page-calendars .calendar-page-supplementary{visibility: hidden;opacity: 0;transform: translateY(10px);transition: opacity 480ms ease, transform 480ms ease, visibility 0s linear 480ms}
html body.page-calendars.calendar-page-ready #phaseManualOrderSection, html body.page-calendars.calendar-page-ready .calendar-page-supplementary{visibility: visible;opacity: 1;transform: translateY(0);transition-delay: 90ms, 90ms, 0s}
html body.page-calendars.calendar-page-ready .calendar-page-loading{visibility: hidden;opacity: 0;transform: translateY(-8px)}
html body.page-calendars #phaseManualOrderSection > .calendar-reveal-item{opacity: 0;transform: translateY(16px);transition: opacity 520ms ease, transform 620ms cubic-bezier(.2, .72, .25, 1);transition-delay: calc(var(--calendar-reveal-index, 0) * 42ms)}
html body.page-calendars.calendar-runtime-ready #phaseManualOrderSection > .calendar-reveal-item{opacity: 1;transform: translateY(0)}
@media (prefers-reduced-motion: reduce){html body.page-calendars #phaseManualOrderSection > .calendar-reveal-item, html body.page-calendars .calendar-page-loading, html body.page-calendars #phaseManualOrderSection, html body.page-calendars .calendar-page-supplementary{transition-duration: 1ms;transition-delay: 0s;animation: none}}
html body.page-calendars .calendar-page-supplementary{display: grid;grid-template-columns: minmax(0, 1fr);gap: 14px;width: 100%}
html body.page-calendars .calendar-page-supplementary > *{box-sizing: border-box;width: 100%;max-width: 100%;margin-left: 0;margin-right: 0}
html body.page-calendars .phase-order-section > .calendar-basis-note-above-container{box-sizing: border-box;width: min(92%, 820px);margin: 8px auto 18px;padding: 0 16px;border: 0;background: transparent;box-shadow: none;color: var(--ui-muted);font-size: .98rem;font-weight: 400;line-height: 1.45;text-align: center}
html body.page-calendars .phase-order-section > .calendar-basis-note-above-container p{margin: 0}
@keyframes calendar-loading-pulse{0%, 100% { opacity: .58; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.04); }}
@media (prefers-reduced-motion: reduce){html body.page-calendars .calendar-page-loading, html body.page-calendars #phaseManualOrderSection, html body.page-calendars .calendar-page-supplementary{transition-duration: 1ms}
html body.page-calendars .calendar-page-loading-icon{animation: none}}
@media (max-width: 600px){html body.page-calendars .calendar-page-hero{padding: 20px 14px}}
html body.page-calendars .calendar-hero-browser{box-sizing:border-box;width:min(100%,500px);margin:20px auto 0;padding:13px;border:1px solid color-mix(in srgb,var(--calendar-blue,#79d8ee) 58%,var(--ui-border,#324458));border-radius:16px;background:linear-gradient(145deg,rgba(28,55,76,.96),rgba(18,37,57,.98) 54%,rgba(27,43,70,.96));box-shadow:0 14px 32px rgba(2,12,25,.22),inset 0 1px 0 rgba(255,255,255,.07);color:#edf8ff;text-align:left}
html body.page-calendars .calendar-hero-browser-header{display:grid;place-items:center;gap:2px;min-height:38px;margin:0 0 8px;padding:0}
html body.page-calendars .calendar-hero-browser-header > strong{max-width:100%;color:#f4fbff;font-size:1.05rem;font-weight:700;line-height:1.25;text-align:center;white-space:normal}
html body.page-calendars .calendar-hero-today-button{min-height:24px;padding:3px 10px;border:1px solid rgba(112,224,203,.7);border-radius:999px;background:rgba(44,116,118,.3);color:#bff8ec;font-size:.67rem;line-height:1}
html body.page-calendars .calendar-hero-today-button:hover{background:rgba(64,151,146,.42);border-color:#70e0cb}
html body.page-calendars .calendar-hero-controls{display:grid;grid-template-columns:34px minmax(110px,1fr) minmax(74px,88px) 34px;gap:6px;align-items:center;margin-bottom:10px}
html body.page-calendars .calendar-hero-controls :is(button,select,input){box-sizing:border-box;height:34px;min-height:34px;margin:0;border:1px solid rgba(119,200,232,.52);border-radius:9px;background:rgba(8,27,44,.72);color:#eef9ff;font:650 .8rem/1.2 var(--ui-font,Inter,"Segoe UI",sans-serif);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html body.page-calendars .calendar-hero-controls :is(select,input){width:100%;padding:5px 8px;color-scheme:dark}
html body.page-calendars .calendar-hero-controls input{text-align:center;font-variant-numeric:tabular-nums}
html body.page-calendars .calendar-hero-controls .calendar-hero-nav-button{display:grid;place-items:center;padding:0;color:#8ce6ff;font-size:1.35rem;line-height:1}
html body.page-calendars .calendar-hero-controls :is(button,select,input):hover{border-color:#72d6f1;background:rgba(22,54,76,.9)}
html body.page-calendars .calendar-hero-controls :is(button,select,input):focus-visible, html body.page-calendars .calendar-hero-today-button:focus-visible, html body.page-calendars .calendar-hero-day:focus-visible{outline:2px solid #71e2c8;outline-offset:2px}
html body.page-calendars .calendar-hero-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:7px;border:1px solid rgba(100,175,211,.35);border-radius:12px;background:rgba(5,20,34,.54);box-shadow:inset 0 0 20px rgba(20,68,94,.18)}
html body.page-calendars .calendar-hero-weekday{display:grid;place-items:center;min-width:0;height:22px;color:#84cfe8;font-size:.62rem;font-weight:750;letter-spacing:.07em;text-align:center;text-transform:uppercase}
html body.page-calendars .calendar-hero-day{position:relative;display:grid;place-items:center;min-width:0;min-height:32px;padding:2px;border:1px solid rgba(91,157,191,.2);border-radius:8px;background:rgba(31,61,82,.38);color:#e7f5fc;font-size:.78rem;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;box-shadow:none}
html body.page-calendars .calendar-hero-day:hover{z-index:1;border-color:rgba(102,222,207,.78);background:rgba(54,113,128,.56);transform:translateY(-1px)}
html body.page-calendars .calendar-hero-day.is-weekend:not(.is-selected){color:#9edcf2;background:rgba(28,67,92,.48)}
html body.page-calendars .calendar-hero-day.is-outside-month{border-color:transparent;background:transparent;color:#638298;opacity:.66}
html body.page-calendars .calendar-hero-day.is-today:not(.is-selected){border-color:#69e2ca;box-shadow:inset 0 0 0 1px rgba(105,226,202,.35);color:#b9faeb}
html body.page-calendars .calendar-hero-day.is-today:not(.is-selected)::after{position:absolute;bottom:3px;left:50%;width:3px;height:3px;border-radius:50%;background:#72e8cf;content:"";transform:translateX(-50%)}
html body.page-calendars .calendar-hero-day.is-selected{border-color:#a6e9ff;background:linear-gradient(145deg,#2c9cbc,#507acb);color:#fff;box-shadow:0 5px 14px rgba(29,113,164,.4),inset 0 1px 0 rgba(255,255,255,.25)}
html body.page-calendars .calendar-hero-footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px;flex-wrap:wrap}
@media (max-width:600px){html body.page-calendars .calendar-hero-browser{margin-top:18px;padding:10px;border-radius:14px}
html body.page-calendars .calendar-hero-browser-header{min-height:36px}
html body.page-calendars .calendar-hero-browser-header > strong{font-size:.98rem}
html body.page-calendars .calendar-hero-today-button{min-height:22px;padding:3px 8px;font-size:.64rem}
html body.page-calendars .calendar-hero-controls{grid-template-columns:32px minmax(0,1fr) minmax(68px,80px) 32px;gap:4px}
html body.page-calendars .calendar-hero-controls :is(button,select,input){height:32px;min-height:32px;font-size:.74rem}
html body.page-calendars .calendar-hero-controls :is(select,input){padding:4px 6px}
html body.page-calendars .calendar-hero-grid{gap:3px;padding:6px}
html body.page-calendars .calendar-hero-weekday{height:20px;font-size:.57rem}
html body.page-calendars .calendar-hero-day{min-height:30px;border-radius:7px;font-size:.72rem}
html body.page-calendars .calendar-hero-footer{gap:7px;margin-top:7px}}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) .zodiac-sign-ring.is-current-zodiac-sign .zodiac-sign-symbol.zodiac-sign-symbol{color: #ffe070;-webkit-text-fill-color: #ffe070;text-shadow: none;filter: none}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-wheel-core.zodiac-wheel-core{width: 30%;height: 30%}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) .zodiac-segment-outline.zodiac-segment-outline:not(.is-current-zodiac-segment){fill: color-mix(in srgb, var(--zodiac-segment-fill) 38%, #071b29 62%);stroke: color-mix(in srgb, var(--zodiac-segment-stroke) 42%, #39677a 58%);fill-opacity: .9;stroke-opacity: .68;filter: brightness(.82) saturate(.72)}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) .zodiac-segment-outline.is-current-zodiac-segment.is-current-zodiac-segment{fill: color-mix(in srgb, var(--zodiac-segment-fill) 68%, #174351 32%);stroke: color-mix(in srgb, var(--zodiac-segment-stroke) 64%, #a7dfe2 36%);fill-opacity: 1;stroke-opacity: .96;filter: brightness(.98) saturate(.9)}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_#_#_#_#_) .zodiac-wheel-spoke.is-current-zodiac-sign{filter: brightness(1.02) saturate(.88) drop-shadow(0 0 10px rgba(126, 213, 224, .18))}
@media (max-width: 600px){html body.page-calendars #phaseOrderZodiacCalendar #zodiacCard{padding-top: 8px;padding-inline: 8px}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) #zodiacCard:is(*,#_) #zodiacDetails:is(*,#_){margin-top: 8px}
html body.page-calendars #zodiacCard .diagram-scroll-viewport:has(.zodiac-circle-panel){scroll-behavior: auto}
html body.page-calendars #zodiacCard .diagram-scroll-canvas.zodiac-circle-panel{width: 700px;min-width: 700px;max-width: 700px;min-height: 660px}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-season-summer.zodiac-season-summer{left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(var(--season-angle)) translateY(calc(-1 * var(--zodiac-season-radius))) rotate(calc(-1 * var(--season-angle)))}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-season-winter.zodiac-season-winter{left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(var(--season-angle)) translateY(calc(-1 * var(--zodiac-season-radius))) rotate(calc(-1 * var(--season-angle)))}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) :is(.zodiac-season-summer, .zodiac-season-winter) small{display: block}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) :is(.zodiac-season-summer, .zodiac-season-winter) b{font-size: .76rem;line-height: 1.12}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-season-summer b::before{content: "Summer"}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-season-winter b::before{content: "Winter"}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) :is(.zodiac-season-summer, .zodiac-season-winter) b::before{display: none;font-size: inherit;line-height: 1}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-sign-ring.zodiac-sign-ring{width: 68px;min-width: 60px}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-date-ring.zodiac-date-ring{width: 50px}
html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-date-ring em{font-size: .7rem}}
html body.page-calendars #zodiacCard .zodiac-sign-ring .zodiac-sign-name{font-size: .86rem;line-height: 1.1}
html body.page-calendars #zodiacCard .zodiac-sign-ring.is-current-zodiac-sign > b{box-sizing: border-box;width: max-content;min-width: 76px;max-width: 96px;margin-inline: auto;padding: 5px 8px;border: 1.5px solid #e6c879;border-radius: 12px;background: #20374a;box-shadow: 0 3px 10px rgba(0,0,0,.32)}
@media (max-width: 600px){html body.page-calendars.page-calendars.page-calendars #zodiacCard:is(*,#_#_#_#_#_#_#_) .zodiac-sign-ring .zodiac-sign-name{font-size: .8rem}}
html body.page-calendars .calendar-simple-explainer{--explainer-accent: #72d0d1;display: grid;gap: 15px;box-sizing: border-box;width: min(100%, 980px);margin: 4px auto 18px;padding: 18px;border: 1px solid var(--ui-border, #324458);border-radius: 15px;background: var(--ui-raised, #1e2d41)}
html body.page-calendars .calendar-simple-explainer-maya{--explainer-accent: #68c9c3}
html body.page-calendars .calendar-simple-explainer-aztec{--explainer-accent: #7bbfd7}
html body.page-calendars .calendar-simple-explainer-egyptian{--explainer-accent: #d7b76c}
html body.page-calendars .calendar-explainer-overview{display: grid;gap: 5px;width: min(100%, 850px);margin-inline: auto;text-align: center}
html body.page-calendars .calendar-explainer-overview > span{color: var(--explainer-accent);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .85rem;font-weight: 700;letter-spacing: .055em;text-transform: uppercase}
html body.page-calendars .calendar-explainer-overview > h3{margin: 0;color: var(--ui-heading, var(--ui-text));font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: clamp(1.08rem, 2vw, 1.3rem);font-weight: 680;line-height: 1.25}
html body.page-calendars .calendar-explainer-overview > p{margin: 0;color: var(--ui-muted);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: 1rem;font-weight: 430;line-height: 1.55}
html body.page-calendars .calendar-explainer-overview > p strong{color: var(--ui-muted);font-weight: 700}
html body.page-calendars .calendar-term-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));gap: 9px}
html body.page-calendars .calendar-term-grid > article{display: grid;align-content: start;gap: 5px;min-width: 0;padding: 12px 13px;border: 1px solid var(--ui-border, #324458);border-radius: 10px;background: var(--ui-raised, #1e2d41)}
html body.page-calendars .calendar-term-grid strong{color: var(--ui-text);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .96rem;font-weight: 720;line-height: 1.25}
html body.page-calendars .calendar-term-grid p{margin: 0;color: var(--ui-muted);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .9rem;font-weight: 430;line-height: 1.45}
html body.page-calendars .calendar-modern-comparison{box-sizing: border-box;width: min(100%, 900px);margin: 0 auto;padding: 11px 14px;border-left: 4px solid var(--explainer-accent);border-radius: 7px;background: var(--ui-raised);color: var(--ui-text);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .94rem;font-weight: 430;line-height: 1.5}
html body.page-calendars .calendar-modern-comparison strong{color: var(--ui-text);font-weight: 700}
@media (max-width: 620px){html body.page-calendars .calendar-simple-explainer{padding: 15px 12px}
html body.page-calendars .calendar-term-grid{grid-template-columns: minmax(0, 1fr)}}
html body.page-calendars #phaseOrderMayaCalendar{--meso-context-accent: #68c8b5;--meso-context-border: #477f76;--meso-context-bg: #17363a;--meso-context-soft: #acd8cf}
html body.page-calendars #phaseOrderAztecCalendar{--meso-context-accent: #d2a267;--meso-context-border: #846348;--meso-context-bg: #382f2a;--meso-context-soft: #dfc4a3}
html body.page-calendars :is(.meso-horizontal-calendar, .egyptian-horizontal-calendar){display: grid;gap: 18px;box-sizing: border-box;width: min(100%, 980px);margin: 0 auto}
html body.page-calendars .linear-calendar-guide{box-sizing: border-box;display: grid;justify-items: center;gap: 4px;width: min(100%, 760px);margin: 0 auto 2px;padding: 11px 18px 12px;border: 1px solid var(--meso-context-border, var(--ui-border));border-radius: 11px;background: color-mix(in srgb, var(--meso-context-bg, var(--ui-raised)) 78%, #101d29 22%);color: var(--meso-context-soft, var(--ui-muted));font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .9rem;font-weight: 450;line-height: 1.5;text-align: center}
html body.page-calendars .linear-calendar-guide strong{color: var(--meso-context-accent, var(--ui-heading));font-size: .78rem;font-weight: 750;letter-spacing: .075em;line-height: 1.25;text-transform: uppercase}
html body.page-calendars .linear-calendar-guide span{display: block;max-width: 680px}
html body.page-calendars .linear-calendar-cycle{--linear-accent: #68cbd0;--linear-accent-soft: rgba(55, 154, 171, .48);--linear-border: rgba(108, 189, 204, .34);display: grid;gap: 11px;box-sizing: border-box;min-width: 0;padding: 15px 14px 12px;border: 1px solid var(--linear-border);border-radius: 14px;background: var(--ui-raised);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045)}
html body.page-calendars .meso-solar-cycle{--linear-accent: #d6b35f;--linear-accent-soft: rgba(158, 124, 53, .58);--linear-border: rgba(210, 181, 111, .36)}
html body.page-calendars .meso-sign-cycle{--linear-accent: #55cbb9;--linear-accent-soft: rgba(39, 139, 127, .58);--linear-border: rgba(89, 197, 182, .34)}
html body.page-calendars .meso-number-cycle{--linear-accent: #66aee0;--linear-accent-soft: rgba(48, 112, 158, .58);--linear-border: rgba(103, 174, 218, .34)}
html body.page-calendars .egyptian-year-cycle{--linear-accent: #ddb968;--linear-accent-soft: rgba(157, 121, 48, .6);--linear-border: rgba(218, 184, 104, .38)}
html body.page-calendars .egyptian-season-cycle{--linear-accent: #70bec3;--linear-accent-soft: rgba(42, 125, 139, .58);--linear-border: rgba(101, 181, 189, .36)}
html body.page-calendars .linear-cycle-header{display: flex;align-items: end;justify-content: space-between;gap: 16px;min-width: 0}
html body.page-calendars .linear-cycle-header > div{display: grid;gap: 3px;min-width: 0}
html body.page-calendars .linear-cycle-header > div > span, html body.page-calendars .linear-cycle-header > p > span{color: var(--ui-muted);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .82rem;font-weight: 600;letter-spacing: .035em;text-transform: uppercase}
html body.page-calendars .linear-cycle-header > div > strong{color: var(--ui-text);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: clamp(1.05rem, 2vw, 1.24rem);font-weight: 650;line-height: 1.25}
html body.page-calendars .linear-cycle-header > p{display: grid;flex: 0 1 auto;gap: 2px;min-width: 170px;margin: 0;padding: 8px 12px;border: 1px solid color-mix(in srgb, var(--linear-accent) 48%, transparent);border-radius: 9px;background: var(--ui-raised);text-align: right}
html body.page-calendars .linear-cycle-header > p > b{color: var(--ui-muted);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .96rem;font-weight: 650;line-height: 1.3}
html body.page-calendars .linear-overall-progress{position: relative;height: 10px;overflow: hidden;border: 1px solid var(--ui-border);border-radius: 999px;background: var(--ui-raised)}
html body.page-calendars .linear-overall-progress > i{display: block;width: 0;height: 100%;border-radius: inherit;background: linear-gradient(90deg, color-mix(in srgb, var(--linear-accent) 72%, #276e9b), var(--linear-accent))}
html body.page-calendars :is(.meso-horizontal-calendar, .egyptian-horizontal-calendar) .linear-overall-progress{display: none}
html body.page-calendars .linear-calendar-scroll{min-width: 0;overflow-x: auto;overflow-y: hidden;padding: 2px 1px 8px;scrollbar-color: color-mix(in srgb, var(--linear-accent) 55%, #31576a) rgba(4, 18, 29, .72);scrollbar-width: thin}
html body.page-calendars .linear-calendar-scroll::-webkit-scrollbar{height: 9px}
html body.page-calendars .linear-calendar-scroll::-webkit-scrollbar-track{border-radius: 999px;background: rgba(4, 18, 29, .72)}
html body.page-calendars .linear-calendar-scroll::-webkit-scrollbar-thumb{border-radius: 999px;background: color-mix(in srgb, var(--linear-accent) 55%, #31576a)}
html body.page-calendars .linear-calendar-segments{display: grid;grid-template-columns: repeat(var(--linear-segment-count), minmax(0, 1fr));gap: 3px;box-sizing: border-box;width: 100%;min-width: var(--linear-timeline-min, 760px);margin: 0;padding: 0;list-style: none}
html body.page-calendars :is(.meso-solar-cycle, .meso-sign-cycle) .linear-calendar-segments{grid-template-columns: repeat(10, minmax(0, 1fr));column-gap: 3px;row-gap: 7px;min-width: 650px;padding: 6px;border: 1px solid color-mix(in srgb, var(--linear-accent) 24%, rgba(91, 145, 163, .34));border-radius: 10px;background: rgba(4, 20, 31, .5)}
html body.page-calendars .egyptian-year-cycle .linear-calendar-segments{grid-template-columns: repeat(7, minmax(0, 1fr));column-gap: 3px;row-gap: 7px;min-width: 560px;padding: 6px;border: 1px solid color-mix(in srgb, var(--linear-accent) 24%, rgba(91, 145, 163, .34));border-radius: 10px;background: rgba(4, 20, 31, .5)}
html body.page-calendars .linear-calendar-segment{position: relative;isolation: isolate;display: grid;grid-template-rows: 25px minmax(32px, auto) 18px;align-items: center;justify-items: center;min-width: 0;min-height: 92px;overflow: hidden;padding: 7px 4px 23px;border: 1px solid rgba(107, 157, 174, .28);border-radius: 7px;background: #0a2233;color: #d5e7ec;text-align: center}
html body.page-calendars .linear-calendar-segment::before{content: "";position: absolute;z-index: -1;inset: 0 auto 0 0;width: var(--linear-segment-fill, 0%);background: linear-gradient(90deg, color-mix(in srgb, var(--linear-accent-soft) 76%, #102b3b), var(--linear-accent-soft))}
html body.page-calendars .linear-calendar-segment.is-current{border: 2px solid var(--linear-accent);background: color-mix(in srgb, var(--linear-accent) 10%, #0a2233);color: #ffffff}
html body.page-calendars .linear-calendar-segment > :is(span, b, small, em){position: relative;z-index: 1;font-family: Inter, ui-sans-serif, system-ui, sans-serif;text-shadow: none}
html body.page-calendars .linear-segment-symbol{color: color-mix(in srgb, var(--linear-accent) 82%, #eefcff);font-size: 1.28rem;line-height: 1}
html body.page-calendars .linear-calendar-segment > b{align-self: center;color: inherit;font-size: .86rem;font-weight: 650;line-height: 1.15;overflow-wrap: anywhere}
html body.page-calendars .meso-number-cycle .linear-calendar-segment{grid-template-rows: minmax(42px, 1fr);align-content: center;min-height: 76px;padding-block: 8px 23px}
html body.page-calendars .meso-number-cycle .linear-calendar-segments{width: min(100%, 680px);min-width: 650px;margin-inline: auto}
html body.page-calendars .meso-number-cycle .linear-calendar-segment > b{align-self: center;font-size: .78rem;font-weight: 600;white-space: nowrap}
html body.page-calendars .meso-number-cycle .linear-calendar-segment > em{font-size: .62rem}
html body.page-calendars .linear-calendar-segment > small{color: #a9c3ca;font-size: .76rem;font-weight: 450;line-height: 1.15}
html body.page-calendars .linear-calendar-segment.is-current > small{color: #e4f1f3}
html body.page-calendars .linear-calendar-segment > em{position: absolute;right: 5px;bottom: 5px;left: 5px;padding: 2px 4px;border-radius: 4px;background: color-mix(in srgb, var(--linear-accent) 72%, #163448);color: #071b28;font-size: .68rem;font-style: normal;font-weight: 750;line-height: 1.15;text-transform: uppercase}
html body.page-calendars .linear-cycle-endpoints{display: none;justify-content: space-between;gap: 14px;color: var(--ui-muted);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .78rem;font-weight: 500}
html body.page-calendars .linear-calendar-cycle-note{width: min(100%, 880px);margin: 0 auto;color: var(--ui-muted);font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-size: .93rem;font-weight: 450;line-height: 1.5;text-align: center}
html body.page-calendars .linear-calendar-seasons .linear-calendar-segment{min-height: 88px}
@media (max-width: 680px){html body.page-calendars .linear-calendar-cycle{padding: 14px 12px 11px}
html body.page-calendars .linear-cycle-header{align-items: stretch;flex-direction: column;gap: 9px}
html body.page-calendars .linear-cycle-header > p{min-width: 0;text-align: left}
html body.page-calendars .linear-calendar-guide{padding: 10px 12px 11px;font-size: .84rem}}}
html body.page-calendars main.shell{padding-top: calc(var(--nav-height, 100px) + 8px);}
html body.page-calendars.page-calendars.page-calendars #phaseManualOrderSection:is(*,#_#_#_) #phaseOrderGregorianCalendar:is(*,#_) .gregorian-current-month-bubble.gregorian-current-month-bubble{display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-width: 0; max-width: calc(100% - 20px); min-height: 36px; margin-inline: auto; padding: 7px 17px; border: 1px solid rgba(72, 194, 185, .72); border-radius: 10px; background: linear-gradient(180deg, #214f59, #173d48); box-shadow: inset 0 1px 0 rgba(220, 255, 250, .08), 0 6px 14px rgba(2, 20, 27, .18); color: #e7fbf8; -webkit-text-fill-color: #e7fbf8; font-size: .92rem; line-height: 1.2; text-align: center; white-space: normal;}
html body.page-calendars #phaseOrderGregorianCalendar .calendar-month-reference > summary{box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-width: 0; min-height: 38px; margin: 0 auto; padding: 8px 15px; border: 1px solid rgba(79, 178, 177, .58); border-radius: 9px; background: #183c49; color: #d9f3f1; font-size: .88rem; font-weight: 650; line-height: 1.2; list-style: none; cursor: pointer;}
html body.page-calendars #phaseOrderGregorianCalendar .calendar-month-reference > summary::-webkit-details-marker{display: none;}
html body.page-calendars #phaseOrderGregorianCalendar .calendar-month-reference > summary::after{content: "▾"; margin-left: 8px; color: #82d8d1;}
html body.page-calendars #phaseOrderGregorianCalendar .calendar-month-reference[open] > summary::after{transform: rotate(180deg);}
html body.page-calendars #phaseOrderGregorianCalendar .calendar-month-reference .calendar-month-current-detail{margin: 16px auto 12px;}