@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:has(> body.page-calendars){scrollbar-gutter: stable}
.page-calendars{--calendar-blue: #79d8ee;--calendar-teal: #68d3c6;--calendar-gold: #e2c46f;background: var(--ui-bg, #0f1724);color: var(--ui-text, #e8eef6);font-family: var(--ui-font, Inter, "Segoe UI", sans-serif)}
.page-calendars :is(.calendar-circle-stage, .natural-calendar-circle, .hemisphere-season-wheel, .zodiac-wheel, .egyptian-calendar-wheel, .linear-calendar-segments){--ui-bg: #0f1724;--ui-surface: #172233;--ui-raised: #1e2d41;--ui-text: #e8eef6;--ui-muted: #a9b8c9;--ui-heading: #c8dcf1;--ui-border: #324458;--ui-accent: #83c5f4;--ui-button-bg: #243d58;--calendar-blue: #79d8ee;--calendar-teal: #68d3c6;--calendar-gold: #e2c46f}
.page-calendars main.shell{display: grid;gap: 24px}
.calendar-page-hero{display: grid;justify-items: center;padding: 28px;text-align: center}
.calendar-page-hero-icon{color: var(--ui-accent, #83c5f4);font-size: 36px;line-height: 1}
.calendar-page-hero-icon:is(svg){width: 48px;height: 48px;overflow: visible}
.calendar-page-hero-icon .time-system-ring, .calendar-page-hero-icon .time-system-orbit, .calendar-page-hero-icon .time-system-ticks{fill: none;stroke: color-mix(in srgb, var(--ui-accent, #83c5f4) 76%, #fff);stroke-linecap: round}
.calendar-page-hero-icon .time-system-ring{stroke-width: 2}
.calendar-page-hero-icon .time-system-orbit{stroke-width: 2.25}
.calendar-page-hero-icon .time-system-ticks{stroke-width: 1.5}
.calendar-page-hero-icon .time-system-sun{fill: #ffd479}
.calendar-page-hero-icon .time-system-rays{fill: none;stroke: #ffd479;stroke-width: 2;stroke-linecap: round}
.calendar-page-hero-icon .time-system-moon{fill: #b7dcff}
.calendar-page-hero h2{margin: 8px 0 10px;color: var(--ui-heading, var(--ui-text));font: 650 28px/1.25 var(--ui-font, Inter, "Segoe UI", sans-serif)}
.calendar-page-hero p{max-width: 760px;margin: 0;color: var(--ui-muted)}
.calendar-page-content-stage, .calendar-page-grid, .phase-manual-order, .calendar-page-supplementary{display: grid;gap: 24px;min-width: 0}
.calendar-page-loading{display: grid;justify-items: center;gap: 8px;padding: 38px;color: var(--ui-text)}
.calendar-page-loading-icon{color: var(--calendar-gold);font-size: 2rem}
html body.page-calendars.calendar-page-ready #calendarPageLoading.calendar-page-loading{display: none}
.phase-order-section{min-width: 0;padding: 28px;overflow: hidden;border: 1px solid var(--ui-border, #324458);border-radius: 18px;background: var(--ui-surface, #172233);box-shadow: 0 8px 24px rgb(0 0 0 / 12%)}
.page-calendars :is(.calendar-page-hero, .api-credits-card){border: 1px solid var(--ui-border, #324458);border-radius: 18px;background: var(--ui-surface, #172233);box-shadow: 0 8px 24px rgb(0 0 0 / 12%)}
.page-calendars main :is(button, summary){min-height: 44px;padding: 11px 16px;border: 1px solid var(--ui-button-border, #75b5e4);border-radius: 10px;background: var(--ui-button-bg, #243d58);color: var(--ui-text, #e8eef6);font: 600 14px/1.4 var(--ui-font, Inter, "Segoe UI", sans-serif);cursor: pointer}
.page-calendars main :is(button, summary):hover{background: var(--ui-button-hover)}
.page-calendars main :is(button, summary):focus-visible{outline: 2px solid var(--ui-accent, #83c5f4);outline-offset: 3px}
.calendar-circle-labels-compact{display: none}
.calendar-month-current-detail{display: grid;justify-items: center;gap: 6px;margin: 0 auto 16px;color: var(--ui-text, #e8eef6);font-size: 16px;line-height: 1.5;text-align: center}
.calendar-month-current-detail span{color: var(--ui-muted, #a9b8c9);font-size: 14px}
.calendar-month-reference{max-width: 620px;margin: 0 auto;text-align: center}
.calendar-month-reference dl{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px}
.calendar-month-reference dl > div{padding: 12px;border: 1px solid var(--ui-border, #324458);border-radius: 10px;background: var(--ui-raised, #1e2d41)}
.calendar-month-reference dt{color: var(--ui-text, #e8eef6);font-size: 15px;font-weight: 600}
.calendar-month-reference dd{margin: 5px 0 0;color: var(--ui-muted, #a9b8c9);font-size: 14px;line-height: 1.6}
@media (max-width: 620px){.calendar-circle-gregorianYear .calendar-circle-labels-full, .calendar-circle-julianYear .calendar-circle-labels-full{display: none}
.calendar-circle-labels-compact{display: block}
.calendar-circle-labels-compact .calendar-circle-ring-label{font-size: 11px;font-weight: 600}
.calendar-circle-gregorianYear .calendar-circle-boundary-date{font-size: 5.6px}
.calendar-month-reference dl{grid-template-columns: repeat(2, minmax(0, 1fr))}}
.calendar-section-title-emblem{display: grid;place-items: center;width: 36px;height: 36px;margin: 0 auto 8px;color: var(--calendar-blue)}
.calendar-title-emblem{width: 36px;height: 36px;overflow: visible;filter: none}
.calendar-title-emblem :is(.calendar-emblem-main, .calendar-emblem-secondary, .calendar-emblem-accent, .calendar-emblem-solid, .calendar-emblem-orbit-body){fill: none;stroke-linecap: round;stroke-linejoin: round}
.calendar-emblem-main{stroke: #73d6e7;stroke-width: 2.6}
.calendar-emblem-secondary, .calendar-emblem-orbit-body{stroke: #94bdda;stroke-width: 2.1}
.calendar-emblem-accent{stroke: #83d8b8;stroke-width: 2.7}
.calendar-emblem-solid{fill: rgba(61, 155, 174, 0.16);stroke: #73d6e7;stroke-width: 2.3}
.calendar-emblem-dot, .calendar-emblem-lunar-dots circle, .calendar-emblem-fixed-days circle{fill: #ddc66e}
.phase-order-title{margin: 4px 0 8px;color: var(--ui-heading, var(--ui-text, #e8eef6));font: 650 28px/1.25 var(--ui-font, Inter, "Segoe UI", sans-serif);text-align: center}
.gregorian-calendar-standard-note, .astronomical-seasons-subtitle{margin: 0 0 20px;color: var(--ui-muted);text-align: center}
.calendar-header-summary, .zodiac-header-summary{display: grid;justify-items: center;gap: 12px;margin: 20px auto}
.calendar-current-bubble, .zodiac-current-bubble, .hemisphere-current-season-bubble, .generic-lunar-current-cycle, .lunar-year-current-month{width: max-content;max-width: 100%;padding: 10px 24px;border: 1px solid var(--ui-border, #324458);border-radius: 12px;background: var(--ui-raised, #1e2d41);color: var(--ui-text, #e8eef6);font-weight: 600;text-align: center}
.calendar-visible-summary, .zodiac-visible-summary, .hemisphere-season-simple-summary, .generic-lunar-current-info, .lunar-year-month-info{display: grid;justify-items: center;gap: 5px;color: var(--ui-text);text-align: center}
.calendar-visible-summary em, .zodiac-visible-summary em, .calendar-simple-stack em{color: var(--ui-text);font-style: normal}
.calendar-basis-note{max-width: 900px;margin: 22px auto;padding: 16px 20px;border: 1px solid var(--ui-border, #324458);border-radius: 12px;background: var(--ui-raised, #1e2d41);color: var(--ui-muted);text-align: center}
.calendar-basis-note p{margin: 0}
.phase-order-body{min-width: 0}
.phase-order-body > .glass-card{border: 0;background: transparent;box-shadow: none}
html body.page-calendars .calendar-specialty-disclosure{justify-items: center}
html body.page-calendars .calendar-specialty-toggle{--specialty-button-bg: #295b70;--specialty-button-border: #6197a8;--specialty-button-text: #e7f5f7;appearance: none;display: flex;width: fit-content;max-width: 100%;align-items: center;justify-content: center;min-height: 42px;margin: 14px auto 16px;padding: 9px 17px;border: 1px solid var(--specialty-button-border);border-radius: 999px;background: linear-gradient(135deg, color-mix(in srgb, var(--specialty-button-bg) 92%, #fff), var(--specialty-button-bg));color: var(--specialty-button-text);box-shadow: inset 0 1px 0 rgb(255 255 255 / .14), 0 4px 10px rgb(4 20 30 / .2);font: 700 .94rem/1.15 var(--ui-font, Inter, sans-serif);letter-spacing: .01em;text-align: center;cursor: pointer}
html body.page-calendars .calendar-specialty-toggle:is(:hover, :focus-visible){border-color: color-mix(in srgb, var(--specialty-button-border) 68%, #fff);background: color-mix(in srgb, var(--specialty-button-bg) 84%, #fff);box-shadow: inset 0 1px 0 rgb(255 255 255 / .18), 0 6px 13px rgb(4 20 30 / .24);outline: none}
html body.page-calendars .calendar-specialty-toggle--turtle{--specialty-button-bg: #315f71;--specialty-button-border: #6b9dac}
html body.page-calendars .calendar-specialty-toggle--maya{--specialty-button-bg: #715545;--specialty-button-border: #ae8968;--specialty-button-text: #fff4e6}
html body.page-calendars .calendar-specialty-toggle--aztec{--specialty-button-bg: #704b38;--specialty-button-border: #b77b57;--specialty-button-text: #fff0e4}
html body.page-calendars .calendar-specialty-toggle--egyptian{--specialty-button-bg: #695832;--specialty-button-border: #ad9759;--specialty-button-text: #fff6d8}
html body.page-calendars #egyptianCalendarCard .calendar-specialty-toggle{grid-column: 1 / -1;justify-self: center}
html body.page-calendars .calendar-specialty-toggle:focus-visible{outline: 3px solid #ffffff;outline-offset: 3px}
html body.page-calendars .calendar-specialty-panel[hidden], html body.page-calendars .calendar-specialty-disclosure :is( .thirteen-turtle-calendar, .meso-dual-ring-wrap, #egyptianCalendarWheelWrap )[hidden]{display: none}
@media (max-width: 560px){html body.page-calendars .calendar-specialty-toggle{width: min(100%, 320px);min-height: 44px;margin-block: 10px 14px;padding-inline: 14px;font-size: .94rem}}
.card-pie-meter, .card-hourglass-meter, .card-head, .slider-gap, .progress-summary-line, .percent-inline{display: none}
.natural-cycle-card, .progress-card, .timeline-card, .calendar-card{min-width: 0}
.calendar-circle-slider, .natural-calendar-circle-shell, .generic-lunar-calendar-shell, .lunar-year-calendar-shell{position: relative;width: min(720px, 100%);margin: 18px auto}
.calendar-circle-stage, .natural-calendar-circle, .generic-lunar-calendar, .lunar-year-calendar{position: relative;display: grid;place-items: center;width: 100%;min-height: 430px}
.calendar-circle-svg, .hemisphere-season-wheel svg{display: block;width: min(620px, 100%);height: auto;overflow: visible}
.page-calendars .calendar-circle-gregorianYear{width: min(520px, 100%)}
.page-calendars .calendar-circle-gregorianYear .calendar-circle-svg{width: min(500px, 100%)}
.calendar-circle-outline, .hemisphere-season-outline{fill: none;stroke: rgba(163, 222, 231, 0.48);stroke-width: 2}
.calendar-circle-inner, .hemisphere-season-inner{fill: #0a2231;stroke: rgba(115, 208, 224, 0.35);stroke-width: 2}
.calendar-circle-progress, .hemisphere-season-progress, .zodiac-inner-progress-fill{fill: none;stroke: #68d8d0;stroke-width: 8;stroke-linecap: butt}
.calendar-circle-marker-svg{fill: #d9f4ff;stroke: #247da7;stroke-width: 3;vector-effect: non-scaling-stroke;filter: drop-shadow(0 0 4px rgba(99, 203, 240, 0.58))}
.calendar-circle-segment-divider, .hemisphere-season-divider{stroke: rgba(206, 237, 241, 0.24);stroke-width: 1}
.calendar-circle-ring-label, .hemisphere-season-label{fill: #d8eef2;font-size: 7px;font-weight: 700}
.calendar-circle-ring-label-line:not(.calendar-circle-ring-label-line-0){fill: #a9c4cc;font-size: 5px}
.calendar-circle-gregorianYear .calendar-circle-boundary-date{fill: #9bc9d8;stroke: #081923;stroke-width: .8px;paint-order: stroke fill;font-size: 5px;font-weight: 650;letter-spacing: .02em}
.calendar-circle-gregorianYear .calendar-circle-boundary-date-0{fill: #c4eaf2;font-weight: 750}
.calendar-circle-center, .hemisphere-season-center, .natural-circle-center{position: absolute;left: 50%;top: 50%;display: grid;justify-items: center;color: #d9eef2;transform: translate(-50%, -50%)}
.hemisphere-season-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px}
.hemisphere-season-panel{min-width: 0;padding: 20px;border: 1px solid var(--ui-border, #324458);border-radius: 14px;background: var(--ui-raised, #1e2d41);text-align: center}
.hemisphere-season-panel h3, .calendar-simple-explainer h3, .meso-calendar-card h3, .other-calendar-item h3, .egyptian-calendar-card h3{margin: 0 0 5px;color: var(--ui-heading, var(--ui-text));font: 750 1.25rem Georgia, serif}
.hemisphere-location-subtitle{margin: 0 0 12px;color: var(--ui-muted)}
.hemisphere-season-wheel{position: relative;width: min(520px, 100%);margin: 18px auto 0}
.hemisphere-season-progress-track, .zodiac-inner-progress-background{fill: none;stroke: rgba(97, 137, 151, 0.28);stroke-width: 8}
.hemisphere-season-boundary-bubble rect{fill: #123749;stroke: rgba(117, 213, 226, 0.5)}
.hemisphere-season-boundary-label{fill: #d9edf1;font-size: 6px}
.season-vector-icon{fill: none;stroke: #e4ca75;stroke-width: 1.5}
.calendar-reveal-toggle, .zodiac-circle-toggle{display: block;min-height: 40px;margin: 18px auto;padding: 8px 15px;border: 1px solid var(--ui-border);border-radius: 9px;background: var(--ui-button-bg);color: var(--ui-text);font-weight: 750}
.calendar-reveal-toggle:hover, .zodiac-circle-toggle:hover{border-color: var(--ui-border);background: var(--ui-button-hover)}
.zodiac-circle-panel, .zodiac-wheel{position: relative;width: min(700px, 100%);aspect-ratio: 1;margin: 20px auto;border-radius: 50%}
.zodiac-wheel{border: 2px solid rgba(126, 212, 225, 0.36);background: radial-gradient(circle, #0b2434 0 31%, transparent 31.5%), conic-gradient(from -90deg, #254557, #18364a, #244d53, #254557)}
.zodiac-segment-outlines, .zodiac-inner-progress-ring{position: absolute;inset: 0;width: 100%;height: 100%}
.zodiac-segment-outline{fill: var(--zodiac-segment-fill);stroke: var(--zodiac-segment-stroke);stroke-width: 0.45}
.zodiac-wheel-item{position: absolute;left: 50%;top: 50%;display: grid;justify-items: center;width: 82px;margin-left: -41px;color: #d9edf2;text-align: center;transform: rotate(var(--angle)) translateY(-280px) rotate(calc(-1 * var(--angle)))}
.zodiac-wheel-core, .zodiac-wheel-progress-track, .zodiac-wheel-progress-marker{position: absolute;left: 50%;top: 50%;border-radius: 50%;transform: translate(-50%, -50%)}
.zodiac-wheel-core{width: 31%;aspect-ratio: 1;border: 1px solid rgba(115, 207, 222, 0.34);background: #0a2231}
.zodiac-sign-symbol{color: #e1c777;font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", "Symbola", sans-serif;font-size: 1.45rem;font-weight: 400;line-height: 1;background: transparent;border: 0;box-shadow: none}
.page-calendars :is(.zodiac-sign-icon, .zodiac-position-symbol){font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", "Symbola", sans-serif;font-weight: 400;font-style: normal;line-height: 1;background: transparent;border: 0;box-shadow: none}
.zodiac-sign-name, .zodiac-date-ring, .zodiac-element-ring{font-size: 0.7rem}
.zodiac-position-table-wrap, .calendar-table-wrap, .lunar-year-history-table-wrap{width: 100%;margin-top: 20px;overflow-x: auto}
.page-calendars table{width: 100%;min-width: 620px;border-collapse: collapse;color: var(--ui-text)}
.page-calendars th, .page-calendars td{padding: 10px 12px;border: 1px solid var(--ui-border);text-align: left}
.page-calendars th{background: var(--ui-raised);color: var(--ui-text)}
.page-calendars tbody tr:nth-child(even){background: var(--ui-raised)}
.progress-track{position: relative;height: 22px;margin: 30px 0 80px;border: 1px solid rgba(117, 210, 224, 0.32);border-radius: 8px;background: #071d2b}
.segment-band, .segment-labels{position: absolute;inset: 0;display: flex}
.segment-band span{height: 100%}
.segment-labels > span, .top-label{position: absolute;color: #c7dde2;font-size: 0.72rem;text-align: center;transform: translateX(-50%)}
.segment-labels > span{top: 31px}
.top-label{top: -24px}
.marker{position: absolute;top: -6px;width: 4px;height: 34px;border-radius: 4px;background: #f0ce72;transform: translateX(-50%)}
.calendar-simple-stack, .calendar-simple-explainer, .lunar-year-current-month-info, .generic-lunar-current-info{display: grid;gap: 7px;max-width: 900px;margin: 20px auto;text-align: center}
.calendar-simple-stack strong, .lunar-year-current-month strong, .generic-lunar-current-cycle strong{color: var(--calendar-teal);font-size: 1.45rem}
.calendar-simple-explainer, .julian-comparison-card{padding: 22px;border: 1px solid var(--ui-border, #324458);border-radius: 14px;background: var(--ui-raised, #1e2d41)}
.calendar-term-grid, .julian-comparison-grid, .other-calendar-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));gap: 12px;margin-top: 18px}
.calendar-term-grid article, .julian-comparison-grid article, .other-calendar-item{min-width: 0;padding: 16px;border: 1px solid var(--ui-border, #324458);border-radius: 11px;background: var(--ui-raised, #1e2d41);color: var(--ui-text)}
.calendar-term-grid strong, .other-calendar-item-heading h3{color: var(--ui-heading, var(--ui-text))}
.linear-calendar-cycle{display: grid;gap: 10px;margin-top: 18px;padding: 17px;border: 1px solid var(--ui-border);border-radius: 12px;background: var(--ui-raised)}
.linear-cycle-header{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 8px 15px;color: var(--ui-text)}
.linear-calendar-scroll{width: 100%;overflow-x: auto;padding-bottom: 8px}
.linear-calendar-segments{display: flex;min-width: max-content;gap: 5px}
.linear-calendar-segment{display: grid;align-content: center;min-width: 110px;min-height: 66px;padding: 8px;border: 1px solid rgba(112, 202, 216, 0.24);border-radius: 8px;background: #102f40;color: #c5dce1;text-align: center}
.linear-calendar-segment.is-complete{background: #19515b}
.linear-calendar-segment.is-current{border-color: #e3c770;box-shadow: inset 0 0 0 1px rgba(227, 199, 112, 0.35)}
.other-calendar-list, .other-calendars-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px}
.other-calendar-origin{color: var(--ui-text);font-size: 0.8rem;text-transform: uppercase}
.other-calendar-facts{display: grid;gap: 7px;margin: 15px 0}
.other-calendar-facts div{display: grid;grid-template-columns: minmax(100px, 0.6fr) minmax(0, 1fr);gap: 10px}
.other-calendar-cycle-track{display: flex;min-height: 38px;overflow: hidden;border-radius: 8px;background: #071e2b}
.calendar-modern-comparison, .meso-correlation-note, .egyptian-calendar-alignment-note{margin: 20px 0 0;color: var(--ui-muted);font-size: 0.86rem}
@media (max-width: 820px){.hemisphere-season-grid, .other-calendar-list, .other-calendars-grid{grid-template-columns: 1fr}
.phase-order-section{padding: 22px 16px}
.zodiac-wheel-item{transform: rotate(var(--angle)) translateY(-210px) rotate(calc(-1 * var(--angle)))}}
@media (max-width: 560px){.calendar-page-hero{padding: 24px 16px}
.calendar-current-bubble, .zodiac-current-bubble, .hemisphere-current-season-bubble, .generic-lunar-current-cycle, .lunar-year-current-month{width: 100%;padding: 10px 13px;border-radius: 12px}
.calendar-circle-stage, .natural-calendar-circle, .generic-lunar-calendar, .lunar-year-calendar{min-height: 320px}
.zodiac-wheel-item{width: 58px;margin-left: -29px;transform: rotate(var(--angle)) translateY(-145px) rotate(calc(-1 * var(--angle)))}
.zodiac-sign-name, .zodiac-date-ring, .zodiac-element-ring{font-size: 0.56rem}
.calendar-term-grid, .julian-comparison-grid{grid-template-columns: 1fr}}
.page-calendars .calendar-section-title-emblem-references{--calendar-emblem-main: #80d7df;--calendar-emblem-secondary: #97bbd1;--calendar-emblem-accent: #dfc77b;--calendar-emblem-soft: rgba(65, 145, 164, 0.18)}
.page-calendars .julian-calendar-standard-note{width: min(100%, 760px);margin: 4px auto 17px;color: var(--ui-muted);font-size: 0.9rem;text-align: center}
.page-calendars :is(.lunar-year-current-month-heading, .generic-lunar-current-cycle-heading){display: grid;justify-items: center;gap: 4px;width: fit-content;max-width: min(100%, 520px);margin: 14px auto 8px;padding: 9px 18px;border: 1px solid rgba(91, 174, 192, .62);border-radius: 999px;background: #1c3042;box-shadow: none;text-align: center}
.page-calendars :is(.lunar-year-current-month-heading, .generic-lunar-current-cycle-heading) > :is(span, strong, small){display: block}
.page-calendars :is(.lunar-year-current-month-heading, .generic-lunar-current-cycle-heading) > span{color: #c8e7ed;font-size: 0.86rem;font-weight: 500;letter-spacing: 0;text-transform: none}
.page-calendars :is(.lunar-year-current-month-heading, .generic-lunar-current-cycle-heading) > strong{color: var(--ui-heading, var(--ui-text));font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: clamp(1rem, 2vw, 1.22rem);line-height: 1.12}
.page-calendars .generic-lunar-current-cycle-heading > span strong{color: #f1f7fa;font-size: inherit;font-weight: 700}
.page-calendars :is(.lunar-year-current-month-heading, .generic-lunar-current-cycle-heading) > small{color: var(--ui-muted);font-size: 0.84rem}
.page-calendars .lunar-year-month-facts{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 9px;width: min(100%, 760px);margin: 8px auto 18px}
.page-calendars .lunar-year-month-facts > span{display: grid;align-content: center;gap: 4px;min-width: 0;min-height: 64px;padding: 9px 12px;border: 1px solid var(--ui-border, #324458);border-radius: 10px;background: var(--ui-raised, #1e2d41);color: var(--ui-text);line-height: 1.25;text-align: center}
.page-calendars .lunar-year-month-facts b{color: var(--ui-text);font-size: 0.76rem;font-weight: 700;letter-spacing: 0.03em}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-current-chinese{display: grid;justify-items: center;gap: 6px;width: min(100%, 820px);margin: 22px auto 8px;padding: 18px 20px;border: 1px solid rgba(205, 164, 91, .56);border-radius: 15px;background: linear-gradient(180deg, #222f3e, #192737);text-align: center}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-current-chinese > h3{margin: 0;color: #f0dfbd;font-size: clamp(1.08rem, 2vw, 1.3rem);font-weight: 600;text-transform: none}
.page-calendars #phaseOrderLunarYearCalendar .chinese-zodiac-current-animal{display: flex;align-items: center;justify-content: center;gap: 10px;color: var(--ui-text)}
.page-calendars #phaseOrderLunarYearCalendar .chinese-zodiac-current-animal > span{font-size: 2rem;line-height: 1}
.page-calendars #phaseOrderLunarYearCalendar .chinese-zodiac-current-animal > strong{font-size: clamp(1.15rem, 2.4vw, 1.55rem)}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-current-chinese > small, .page-calendars #phaseOrderLunarYearCalendar .other-calendar-current-chinese > p{color: var(--ui-muted)}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-current-chinese > p{margin: 1px 0 8px;font-size: 0.88rem}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-zodiac-cycle{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 7px;width: 100%;margin-top: 7px}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-zodiac-cycle > span{display: grid;justify-items: center;gap: 2px;min-width: 0;padding: 7px 4px;border: 1px solid var(--ui-border);border-radius: 10px;background: #172536;color: var(--ui-text);font-size: 0.72rem}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-zodiac-cycle i{font-size: 1.28rem;font-style: normal;line-height: 1}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-zodiac-cycle b{font-size: inherit;font-weight: 550}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-zodiac-cycle > .is-current{border-color: var(--ui-accent);background: var(--ui-button-bg);color: var(--ui-text);font-weight: 750}
@media (max-width: 620px){.page-calendars #phaseOrderLunarYearCalendar .other-calendar-current-chinese{padding-inline: 10px}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-zodiac-cycle{gap: 4px}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-zodiac-cycle > span{padding: 6px 1px;font-size: .62rem}
.page-calendars #phaseOrderLunarYearCalendar .other-calendar-zodiac-cycle i{font-size: 1.05rem}}
.page-calendars #phaseOrderThirteenCalendar > .phase-order-body{width: 100%;max-width: 100%}
.page-calendars .thirteen-year-start-controls{display: grid;gap: 8px;width: min(100%, 540px);margin: 18px auto 22px;padding: 16px;border: 1px solid var(--ui-border);border-radius: 14px;background: var(--ui-raised);text-align: center}
.page-calendars .thirteen-year-start-controls label{color: var(--ui-heading);font-size: 15px;font-weight: 600}
.page-calendars .thirteen-year-start-controls select{box-sizing: border-box;width: 100%;min-width: 0;min-height: 44px;padding: 8px 12px;border: 1px solid var(--ui-button-border);border-radius: 9px;background: var(--ui-surface);color: var(--ui-text);font: inherit;font-size: 14px;text-align: center;text-align-last: center}
.page-calendars .thirteen-year-start-controls select:focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 3px}
.page-calendars .thirteen-year-start-controls p{margin: 0;color: var(--ui-muted);font-size: 13px;line-height: 1.6}
.page-calendars :is(.generic-lunar-calendar-introduction, .lunar-year-calendar-introduction){display: grid;gap: 8px;width: min(100%, 780px);margin-bottom: 10px;padding: 14px 18px}
.page-calendars :is(.generic-lunar-calendar-introduction, .lunar-year-calendar-introduction) p{margin: 0;line-height: 1.55}
.page-calendars :is(.thirteen-nature-comparison, .thirteen-calendar-background){box-sizing: border-box;width: 100%;min-width: 0;margin: 28px auto;padding: 20px;border: 1px solid var(--ui-border);border-radius: 14px;background: var(--ui-surface);color: var(--ui-text);text-align: left}
.page-calendars :is(.thirteen-nature-comparison, .thirteen-calendar-background) h4{margin: 0 0 14px;color: var(--ui-heading);font-size: 20px;text-align: center}
.page-calendars .thirteen-information-disclosure > summary{box-sizing: border-box;width: fit-content;max-width: 100%;min-height: 44px;margin: 0 auto;padding: 10px 18px;list-style: none;text-align: center}
.page-calendars .thirteen-information-disclosure > summary::-webkit-details-marker{display: none}
.page-calendars .thirteen-information-disclosure > summary:hover{background: var(--ui-button-hover)}
.page-calendars .thirteen-information-hide, .page-calendars .thirteen-information-disclosure[open] .thirteen-information-show{display: none}
.page-calendars .thirteen-information-disclosure[open] .thirteen-information-hide{display: inline}
.page-calendars .thirteen-information-content{margin-top: 20px}
.page-calendars .thirteen-calendar-background h5{margin: 18px 0 8px;color: var(--ui-heading);font-size: 16px}
.page-calendars :is(.thirteen-nature-comparison, .thirteen-calendar-background) p{margin: 10px 0;font-size: 14px;line-height: 1.7}
.page-calendars :is(.thirteen-nature-comparison, .thirteen-calendar-background) a{color: var(--ui-accent);text-decoration: underline;text-underline-offset: 3px}
.page-calendars .thirteen-background-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px}
.page-calendars .thirteen-background-grid article{min-width: 0;padding: 14px;border: 1px solid var(--ui-border);border-radius: 10px;background: var(--ui-raised)}
.page-calendars .thirteen-background-grid h5{margin-top: 0}
.page-calendars .thirteen-nature-comparison table{min-width: 800px}
.page-calendars .thirteen-nature-comparison caption{padding: 0 0 12px;color: var(--ui-muted);font-size: 13px;text-align: left}
.page-calendars .thirteen-nature-comparison :is(th, td){vertical-align: top;font-size: 14px;line-height: 1.5}
.page-calendars .thirteen-comparison-item{display: block;margin: 0 0 8px}
.page-calendars .thirteen-comparison-item:last-child{margin-bottom: 0}
.page-calendars .thirteen-comparison-item small{display: block;color: var(--ui-muted)}
.page-calendars .thirteen-nature-comparison :is(.thirteen-comparison-note, .thirteen-source-links){color: var(--ui-muted);font-size: 13px}
@media (max-width: 620px){.page-calendars .thirteen-background-grid{grid-template-columns: minmax(0, 1fr)}
.page-calendars :is(.thirteen-nature-comparison, .thirteen-calendar-background){padding: 14px}}
.page-calendars .thirteen-turtle-calendar-card{display: grid;justify-items: center;gap: 14px;width: min(100%, 640px);margin: 26px auto 4px;padding: 20px 22px 22px;border: 2px solid #294f3e;border-radius: 16px;background: #172532;box-shadow: none}
.page-calendars .thirteen-turtle-calendar-card > h4{margin: 0;color: var(--ui-heading, var(--ui-text));font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: clamp(1.12rem, 2.2vw, 1.42rem);text-align: center}
.page-calendars .thirteen-turtle-current-status{box-sizing: border-box;display: grid;justify-items: center;gap: 10px;width: min(100%, 540px);padding: 13px 18px 14px;border: 2px solid #547b65;border-radius: 13px;background: linear-gradient(145deg, #223b3a, #1b2d38);color: var(--ui-text);box-shadow: inset 0 1px 0 rgba(213, 240, 221, .07);text-align: center}
.page-calendars .thirteen-turtle-status-heading{display: flex;align-items: baseline;justify-content: center;flex-wrap: wrap;gap: 4px 8px;color: #b9cfc3;font-size: .92rem}
.page-calendars .thirteen-turtle-status-heading strong{color: #f0d790;font-size: 1.08rem;font-weight: 750}
.page-calendars .thirteen-turtle-status-lines{display: grid;justify-items: center;gap: 5px;width: 100%;padding-top: 10px;border-top: 1px solid rgba(132, 174, 148, .28);color: #d5e2dc;font-size: .82rem;line-height: 1.35}
.page-calendars .thirteen-turtle-status-lines :is(span, em){margin: 0;font-style: normal}
.page-calendars .thirteen-turtle-status-lines em{color: #a9c8b4}
.page-calendars .thirteen-turtle-description{box-sizing: border-box;width: min(100%, 560px);margin: 0;padding: 12px 15px;border: 1px solid #4e755c;border-radius: 10px;background: #1b2b38;color: #c7d4d9;font-size: .82rem;line-height: 1.55;text-align: center}
.page-calendars .thirteen-turtle-calendar{display: grid;place-items: center;width: min(100%, 500px);margin: 0}
.page-calendars .thirteen-turtle-calendar svg{display: block;width: min(100%, 470px);height: auto;overflow: visible;filter: drop-shadow(0 15px 20px rgba(0, 12, 20, 0.34))}
.page-calendars .thirteen-turtle-information{display: grid;justify-items: center;width: min(100%, 540px);margin-top: 4px;text-align: center}
.page-calendars .thirteen-turtle-information > summary{width: fit-content;list-style: none}
.page-calendars .thirteen-turtle-information > summary::-webkit-details-marker{display: none}
.page-calendars .thirteen-turtle-information > div{margin-top: 12px;padding: 14px 16px;border: 1px solid #45634f;border-radius: 10px;background: #1b2b38;color: var(--ui-muted);font-size: .86rem;line-height: 1.55;text-align: left}
.page-calendars .thirteen-turtle-information p{margin: 0 0 10px}
.page-calendars .thirteen-turtle-information p:last-child{margin-bottom: 0}
.page-calendars .turtle-shell-shadow{fill: #294635;stroke: #71896a;stroke-width: 2.2}
.page-calendars .turtle-inner-shell{fill: #1f3d2f;stroke: #5f7b5b;stroke-width: 2.2}
.page-calendars .turtle-day-segment path{fill: #3d6047;stroke: #1b3427;stroke-width: 1.35}
.page-calendars .turtle-day-segment:nth-child(even) path{fill: #466a4e}
.page-calendars .turtle-day-segment:nth-child(4n) path{fill: #4d7052}
.page-calendars :is(.turtle-day-segment, .turtle-month-cell) text{fill: #edf6f3;font-family: Inter, ui-sans-serif, system-ui, sans-serif;font-weight: 750;text-anchor: middle;dominant-baseline: middle;pointer-events: none}
.page-calendars .turtle-day-segment text{font-size: 10px}
.page-calendars .turtle-month-cell polygon{fill: #315d45;stroke: #183a2e;stroke-width: 2.6}
.page-calendars .turtle-month-cell text{font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: 20px}
.page-calendars .turtle-shell-lines line{stroke: #183a2e;stroke-width: 2.6}
.page-calendars .turtle-month-cell.is-current-month polygon{fill: #9b884c;stroke: #183a2e;stroke-width: 2.6}
.page-calendars .turtle-day-segment.is-current-day path{fill: #a99759;stroke: #1b3427;stroke-width: 1.35}
.page-calendars :is(.turtle-month-cell.is-current-month, .turtle-day-segment.is-current-day) text{fill: #14271c}
.page-calendars :is(#phaseOrderMayaCalendar, #phaseOrderAztecCalendar) > .meso-section-title-emblem{display: grid;place-items: center;margin: 10px auto -2px}
.page-calendars #phaseOrderMayaCalendar > .meso-section-title-emblem{--meso-accent: #69d9c8}
.page-calendars #phaseOrderAztecCalendar > .meso-section-title-emblem{--meso-accent: #e0aa67}
.page-calendars .meso-title-emblem{display: block;width: 50px;height: 50px;overflow: visible;filter: none}
.page-calendars .meso-title-emblem :is(.meso-emblem-line, .meso-emblem-stone, .meso-emblem-door){fill: none;stroke: var(--meso-accent);stroke-width: 3.2;stroke-linecap: round;stroke-linejoin: round}
.page-calendars .meso-title-emblem .meso-emblem-sun{fill: rgba(239, 195, 91, 0.24);stroke: #f0cb77;stroke-width: 2.5}
.page-calendars .meso-title-emblem .meso-emblem-disc{fill: rgba(190, 89, 65, 0.16);stroke: #d9895a;stroke-width: 3}
.page-calendars .meso-title-emblem .meso-emblem-disc-inner{fill: rgba(99, 202, 189, 0.12);stroke: #62cbbd;stroke-width: 2.3}
.page-calendars .meso-title-emblem :is(.meso-emblem-ray, .meso-emblem-face){fill: none;stroke: #e4b360;stroke-width: 2.7;stroke-linecap: round;stroke-linejoin: round}
.page-calendars .zodiac-daily-table th[scope="row"]{min-width: 0;color: #bfe4f5;background: rgba(37, 85, 116, .28);text-align: left;white-space: nowrap}
.page-calendars .zodiac-position-symbol{padding-inline: 6px;color: #f2d78d;font-size: 1.18rem;text-align: center}
.page-calendars #zodiacCard .zodiac-daily-table-wrap{display: grid;gap: 11px;width: min(100%, 700px);margin: 70px auto 0;padding: 18px;border: 1px solid var(--ui-border, #324458);border-radius: 15px;background: var(--ui-raised, #1e2d41);box-shadow: none}
.page-calendars #zodiacCard .zodiac-daily-table-frame{width: 100%;overflow-x: auto;border-radius: 10px}
.page-calendars #zodiacCard .zodiac-daily-table-wrap header{display: grid;justify-items: center;gap: 5px;text-align: center}
.page-calendars #zodiacCard .zodiac-daily-table-wrap > p{margin: 0;text-align: center}
.page-calendars #zodiacCard .zodiac-daily-table-wrap h4{margin: 0;color: var(--ui-heading, var(--ui-text));font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: clamp(1.2rem, 1.8vw, 1.45rem);font-weight: 600;letter-spacing: 0}
.page-calendars #zodiacCard .zodiac-daily-table-wrap header span{color: var(--ui-text);font-size: 0.94rem}
.page-calendars #zodiacCard .zodiac-daily-table{width: 100%;min-width: 590px;table-layout: fixed;overflow: hidden;border: 1px solid var(--ui-border);border-radius: 10px;border-collapse: separate;border-spacing: 0;color: var(--ui-text);background: var(--ui-bg);font-size: 0.94rem;line-height: 1.2}
.page-calendars #zodiacCard .zodiac-col-body{width: 22%}
.page-calendars #zodiacCard .zodiac-col-sign{width: 16%}
.page-calendars #zodiacCard .zodiac-col-symbol{width: 11%}
.page-calendars #zodiacCard .zodiac-col-element{width: 17%}
.page-calendars #zodiacCard .zodiac-col-degree{width: 18%}
.page-calendars #zodiacCard .zodiac-col-longitude{width: 16%}
.page-calendars #zodiacCard .zodiac-daily-table :is(th, td){padding: 9px 11px;border: 0;border-right: 1px solid var(--ui-border);border-bottom: 1px solid var(--ui-border);font-weight: 400}
.page-calendars #zodiacCard .zodiac-daily-table tr > :last-child{border-right: 0}
.page-calendars #zodiacCard .zodiac-daily-table tbody tr:last-child > *{border-bottom: 0}
.page-calendars #zodiacCard .zodiac-daily-table thead th{color: var(--ui-text);background: var(--ui-raised);font-weight: 700}
.page-calendars #zodiacCard .zodiac-daily-table thead th:first-child{color: #d9f2ff;background: #294866}
.page-calendars #zodiacCard .zodiac-daily-table tbody tr{background: var(--ui-bg)}
.page-calendars #zodiacCard .zodiac-daily-table tbody tr:nth-child(even){background: var(--ui-raised)}
.page-calendars #zodiacCard .zodiac-daily-table tbody tr:hover{background: var(--ui-button-hover)}
.page-calendars #zodiacCard .zodiac-position-sign-name{color: var(--ui-text);font-size: 1rem;white-space: nowrap}
.page-calendars #lunarYearCard > .lunar-year-history{width: min(700px, calc(100% - 24px));margin: 34px auto 0;padding: 20px;border: 1px solid var(--ui-border, #324458);border-radius: 15px;background: var(--ui-raised, #1e2d41);box-shadow: none}
.page-calendars #lunarYearCard > .lunar-year-history h3{margin: 0;color: var(--ui-heading, var(--ui-text));font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: 1.35rem;text-align: center;text-transform: none}
.page-calendars #lunarYearCard > .lunar-year-history > p{margin: 7px auto 15px;color: var(--ui-muted);font-size: 0.9rem;line-height: 1.5;text-align: center}
.page-calendars #lunarYearCard .lunar-year-history-table-wrap{margin-top: 0;overflow-x: auto;border: 1px solid var(--ui-border);border-radius: 11px}
.page-calendars #lunarYearCard .lunar-year-history table{min-width: 500px;table-layout: fixed;border: 0;border-collapse: separate;border-spacing: 0;color: var(--ui-text);background: var(--ui-bg);font-size: 0.92rem}
.page-calendars #lunarYearCard .lunar-year-col-year{width: 20%}
.page-calendars #lunarYearCard .lunar-year-col-date{width: 45%}
.page-calendars #lunarYearCard .lunar-year-col-zodiac{width: 35%}
.page-calendars #lunarYearCard .lunar-year-history :is(th, td){padding: 11px 13px;border: 0;border-right: 1px solid var(--ui-border);border-bottom: 1px solid var(--ui-border);text-align: left}
.page-calendars #lunarYearCard .lunar-year-history tr > :last-child{border-right: 0}
.page-calendars #lunarYearCard .lunar-year-history tbody tr:last-child > *{border-bottom: 0}
.page-calendars #lunarYearCard .lunar-year-history thead th{color: var(--ui-text);background: var(--ui-raised);font-weight: 700}
.page-calendars #lunarYearCard .lunar-year-history tbody th{color: var(--ui-text);background: var(--ui-raised);font-weight: 700}
.page-calendars #lunarYearCard .lunar-year-history tbody tr:nth-child(even){background: var(--ui-raised)}
.page-calendars #lunarYearCard .lunar-year-history tbody tr:hover{background: var(--ui-button-hover)}
.page-calendars #lunarYearCard .lunar-year-history-more{display: block;width: fit-content;margin: 16px auto 0}
.page-calendars #lunarYearCard .lunar-year-history-more[hidden]{display: none}
@media (max-width: 760px){.page-calendars #zodiacCard .zodiac-daily-table-wrap, .page-calendars #lunarYearCard > .lunar-year-history{width: 100%;padding: 14px 10px}
.page-calendars #zodiacCard .zodiac-daily-table{font-size: 0.84rem}}
.page-calendars #phaseOrderOtherCalendars > .phase-order-body{display: grid;grid-template-columns: 1fr;gap: 18px}
.page-calendars #phaseOrderOtherCalendars > .other-calendars-collection[hidden]{display: none}
.page-calendars #phaseOrderOtherCalendars > .other-calendars-disclosure{display: grid;justify-items: center;gap: 16px;width: min(760px, calc(100% - 24px));margin: 8px auto 4px;text-align: center}
.page-calendars #phaseOrderOtherCalendars > .other-calendars-disclosure > p{max-width: 660px;margin: 0;color: var(--ui-muted, #aebdcb);font-size: 0.94rem;line-height: 1.55}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle{display: grid;grid-template-columns: 46px minmax(0, 1fr) 28px;align-items: center;gap: 14px;width: 100%;min-height: 78px;padding: 13px 18px;border: 1px solid rgba(103, 182, 208, 0.62);border-radius: 15px;background: linear-gradient(180deg, rgba(31, 72, 94, 0.96), rgba(23, 53, 73, 0.98));box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 8px 22px rgba(3, 13, 24, 0.18);color: #e8f5f8;cursor: pointer;font: inherit;text-align: left;transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle:hover{border-color: rgba(131, 211, 232, 0.9);background: linear-gradient(180deg, rgba(36, 82, 106, 0.98), rgba(25, 60, 82, 1));transform: translateY(-1px)}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle:focus-visible{outline: 3px solid rgba(119, 211, 231, 0.52);outline-offset: 3px}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle-icon{display: grid;place-items: center;width: 46px;height: 46px;border: 1px solid rgba(151, 218, 232, 0.34);border-radius: 12px;background: rgba(8, 31, 47, 0.48);color: #91d5df;font-size: 1.55rem}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle-copy{display: grid;gap: 3px}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle-copy strong{color: #f1fafb;font-size: clamp(1.02rem, 2vw, 1.18rem);letter-spacing: 0.01em}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle-copy small{color: #b9d0d9;font-size: 0.82rem}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle-chevron{color: #95ced9;font-size: 1.35rem;text-align: center;transition: transform 160ms ease}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle[aria-expanded="true"] .other-calendars-toggle-chevron{transform: rotate(180deg)}
.page-calendars #phaseOrderOtherCalendars.is-other-calendars-open > .other-calendars-collection{margin-top: 14px}
.page-calendars #phaseOrderOtherCalendars .other-calendar-item{display: grid;gap: 12px;padding: 20px;border-color: var(--ui-border, #324458);background: var(--ui-raised, #1e2d41)}
.page-calendars #phaseOrderOtherCalendars .other-calendar-item-heading{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 14px}
.page-calendars #phaseOrderOtherCalendars .other-calendar-item-heading h3{margin: 0;font-family: var(--ui-font, Inter, "Segoe UI", sans-serif);font-size: clamp(1.12rem, 2vw, 1.38rem)}
.page-calendars #phaseOrderOtherCalendars .other-calendar-item-heading > span{padding: 6px 11px;border: 1px solid var(--ui-border);border-radius: 999px;background: var(--ui-raised);color: var(--ui-text);font-size: 0.78rem;font-weight: 700}
.page-calendars #phaseOrderOtherCalendars :is(.other-calendar-origin, .other-calendar-description){margin: 0}
.page-calendars #phaseOrderOtherCalendars .other-calendar-context{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 12px}
.page-calendars #phaseOrderOtherCalendars .other-calendar-category{padding: 5px 9px;border: 1px solid hsla(var(--calendar-hue), 44%, 66%, 0.3);border-radius: 7px;background: hsla(var(--calendar-hue), 36%, 22%, 0.54);color: #c8dfe4;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.025em}
.page-calendars #phaseOrderOtherCalendars .other-calendar-significance{display: grid;grid-template-columns: max-content minmax(0, 1fr);gap: 8px 12px;margin: 0;padding: 10px 12px;border-left: 3px solid hsla(var(--calendar-hue), 48%, 67%, 0.72);border-radius: 0 8px 8px 0;background: hsla(var(--calendar-hue), 30%, 20%, 0.36);color: var(--ui-muted, #b6c4d2);font-size: 0.86rem;line-height: 1.45}
.page-calendars #phaseOrderOtherCalendars .other-calendar-significance strong{color: #dcecf0}
.page-calendars #phaseOrderOtherCalendars .other-calendar-facts{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;margin: 2px 0 0}
.page-calendars #phaseOrderOtherCalendars .other-calendar-facts > div{display: grid;grid-template-columns: 1fr;gap: 3px;min-width: 0;padding: 10px 12px;border: 1px solid var(--ui-border, #324458);border-radius: 9px;background: var(--ui-raised, #1e2d41)}
.page-calendars #phaseOrderOtherCalendars .other-calendar-facts :is(dt, dd){margin: 0}
.page-calendars #phaseOrderOtherCalendars .other-calendar-facts dt{color: var(--ui-text);font-size: 0.72rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}
.page-calendars #phaseOrderOtherCalendars .other-calendar-facts dd{color: var(--ui-text);font-size: 0.88rem}
.page-calendars #phaseOrderOtherCalendars .other-calendar-cycle{display: grid;gap: 9px;padding: 13px;border: 1px solid var(--ui-border, #324458);border-radius: 11px;background: var(--ui-raised, #1e2d41)}
.page-calendars #phaseOrderOtherCalendars .other-calendar-cycle-heading{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 7px 12px;color: var(--ui-heading, var(--ui-text));font-size: 0.82rem}
.page-calendars #phaseOrderOtherCalendars .other-calendar-cycle-heading strong{color: var(--ui-heading, var(--ui-text))}
.page-calendars #phaseOrderOtherCalendars .other-calendar-cycle-track{gap: 5px;min-height: 50px;overflow-x: auto;padding: 5px}
.page-calendars #phaseOrderOtherCalendars .other-calendar-cycle-track > span{display: grid;flex: var(--cycle-weight) 0 74px;place-items: center;min-width: 74px;padding: 7px;border: 1px solid hsla(var(--calendar-hue), 42%, 66%, 0.24);border-radius: 7px;background: hsla(var(--calendar-hue), 40%, 23%, 0.78);color: #d0e5e7;text-align: center}
.page-calendars #phaseOrderOtherCalendars .other-calendar-cycle-track > .is-optional{border-style: dashed;color: #dacb9b}
.page-calendars #phaseOrderOtherCalendars .other-calendar-cycle-track b{font-size: 0.76rem;line-height: 1.15}
@media (max-width: 700px){.page-calendars .lunar-year-month-facts, .page-calendars #phaseOrderOtherCalendars .other-calendar-facts{grid-template-columns: 1fr}
.page-calendars .thirteen-turtle-calendar-card{padding-inline: 10px}
.page-calendars .thirteen-turtle-current-status{width: calc(100% - 16px);padding-inline: 10px}
.page-calendars .thirteen-turtle-description{width: calc(100% - 8px);padding-inline: 11px}
.page-calendars #phaseOrderOtherCalendars .other-calendar-item{padding: 16px 12px}
.page-calendars #phaseOrderOtherCalendars > .other-calendars-disclosure{width: 100%}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle{grid-template-columns: 40px minmax(0, 1fr) 22px;gap: 10px;min-height: 72px;padding: 11px 12px}
.page-calendars #phaseOrderOtherCalendars .other-calendars-toggle-icon{width: 40px;height: 40px;font-size: 1.3rem}
.page-calendars #phaseOrderOtherCalendars .other-calendar-significance{grid-template-columns: 1fr;gap: 3px}}}
@layer components-default{.page-calendars #phaseOrderMayaCalendar{--heritage-accent: #91cfc2}
.page-calendars #phaseOrderAztecCalendar{--heritage-accent: #d7b78c}
.page-calendars #phaseOrderEgyptianCalendar{--heritage-accent: #d6c18e}
.page-calendars #phaseOrderEgyptianCalendar .calendar-section-title-emblem{--calendar-emblem-main: var(--heritage-accent);--calendar-emblem-secondary: #7db8bd;--calendar-emblem-accent: var(--heritage-accent);--calendar-emblem-soft: color-mix(in srgb, var(--heritage-accent) 12%, transparent)}
.page-calendars .heritage-calendar-content{box-sizing: border-box;display: grid;gap: 18px;width: min(100%, 900px);min-width: 0;margin: 0 auto;padding: 0;border: 0;background: transparent;box-shadow: none}
.page-calendars .heritage-intro p{max-width: 62ch;margin: 0 auto;color: var(--ui-muted);font-size: .94rem;line-height: 1.5;text-align: center}
.page-calendars .heritage-current-date{box-sizing: border-box;display: grid;gap: 12px;width: min(100%, 720px);min-width: 0;margin: 0 auto;padding: 16px 20px;border: 1px solid color-mix(in srgb, var(--heritage-accent) 60%, var(--ui-border));border-radius: 14px;background: color-mix(in srgb, var(--heritage-accent) 8%, var(--ui-raised));text-align: center}
.page-calendars .heritage-current-date > span{color: var(--ui-text);font-size: .9rem;font-weight: 550}
.page-calendars .heritage-date-values{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;margin: 0}
.page-calendars .heritage-date-values > div{display: grid;gap: 5px;min-width: 0}
.page-calendars .heritage-date-values > div + div{padding-left: 16px;border-left: 1px solid color-mix(in srgb, var(--heritage-accent) 28%, var(--ui-border))}
.page-calendars .heritage-date-values dt{color: var(--ui-muted);font-size: .86rem;font-weight: 550}
.page-calendars .heritage-date-values dd{display: grid;gap: 5px;min-width: 0;margin: 0}
.page-calendars .heritage-current-date strong{color: var(--heritage-accent);font: 600 clamp(1.2rem, 2.3vw, 1.6rem)/1.3 var(--ui-font);overflow-wrap: anywhere}
.page-calendars .heritage-current-date small{color: var(--ui-muted);font-size: .86rem;line-height: 1.45}
.page-calendars .heritage-date-note{padding-top: 10px;border-top: 1px solid var(--ui-border)}
.page-calendars .heritage-current-date--single{gap: 6px}
.page-calendars .heritage-calendar-info{box-sizing: border-box;display: grid;gap: 15px;min-width: 0;padding: 18px 20px;border: 1px solid var(--ui-border);border-radius: 13px;background: var(--ui-raised)}
.page-calendars .heritage-calendar-info h3{margin: 0;color: var(--heritage-accent);font: 600 1.1rem/1.4 var(--ui-font);text-align: center}
.page-calendars .heritage-info-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px}
.page-calendars .heritage-info-grid article{min-width: 0}
.page-calendars .heritage-info-grid h4{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: center;gap: 4px 8px;margin: 0 0 8px;color: var(--ui-text);font: 550 .94rem/1.4 var(--ui-font);text-align: center}
.page-calendars .heritage-info-grid h4 strong{color: var(--heritage-accent);font-weight: 600;white-space: nowrap}
.page-calendars .heritage-info-grid p, .page-calendars .heritage-info-note{margin: 0;color: var(--ui-muted);font-size: .94rem;line-height: 1.6;text-align: left}
.page-calendars .heritage-calendar-round{display: grid;gap: 5px;padding-top: 14px;border-top: 1px solid var(--ui-border);text-align: center}
.page-calendars .heritage-calendar-round h4{margin: 0;color: var(--ui-text);font: 550 .96rem/1.4 var(--ui-font)}
.page-calendars .heritage-calendar-round p{max-width: 60ch;margin: 0 auto;color: var(--ui-muted);font-size: .94rem;line-height: 1.6}
.page-calendars .heritage-calendar-round strong{color: var(--heritage-accent);font-weight: 600}
.page-calendars .heritage-more-info{min-width: 0;border: 1px solid var(--ui-border);border-radius: 11px;background: transparent}
.page-calendars .heritage-more-info > summary{box-sizing: border-box;min-height: 44px;padding: 10px 14px;border: 0;border-radius: 10px;background: transparent;color: var(--heritage-accent);font: 500 .9rem/1.5 var(--ui-font);text-align: center}
.page-calendars .heritage-more-info > summary::marker{color: var(--heritage-accent)}
.page-calendars .heritage-more-info > summary:hover{background: var(--ui-raised)}
.page-calendars .heritage-detail-list{display: grid;gap: 14px;margin: 0;color: var(--ui-muted);font-size: .94rem;line-height: 1.6}
.page-calendars .heritage-more-info .heritage-detail-list{padding: 8px 18px 18px}
.page-calendars .heritage-detail-list > div{display: grid;grid-template-columns: 155px minmax(0, 1fr);gap: 12px;min-width: 0}
.page-calendars .heritage-detail-list dt{color: var(--ui-text);font-weight: 550}
.page-calendars .heritage-detail-list dd{margin: 0}
.page-calendars .heritage-calendar-facts{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;width: min(100%, 720px);margin: 0 auto}
.page-calendars .heritage-calendar-facts > div{display: grid;gap: 3px;min-width: 0;padding: 11px 8px;border: 1px solid var(--ui-border);border-radius: 10px;background: var(--ui-raised);text-align: center}
.page-calendars .heritage-calendar-facts strong{color: var(--heritage-accent);font-size: 1.4rem;font-weight: 600;line-height: 1.2}
.page-calendars .heritage-calendar-facts span{color: var(--ui-text);font-size: .9rem}
.page-calendars .heritage-calendar-facts small{color: var(--ui-muted);font-size: .82rem;line-height: 1.4}
.page-calendars .heritage-season-list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;margin: 0;text-align: center}
.page-calendars .heritage-season-list > div{display: grid;align-content: start;gap: 4px;min-width: 0}
.page-calendars .heritage-season-list dt{color: var(--ui-text);font-size: 1rem;font-weight: 550}
.page-calendars .heritage-season-list dd{margin: 0;color: var(--ui-muted);font-size: .9rem;line-height: 1.5}
@media (max-width: 560px){.page-calendars .heritage-calendar-content{gap: 16px}
.page-calendars .heritage-current-date{padding: 14px}
.page-calendars .heritage-date-values, .page-calendars .heritage-info-grid{grid-template-columns: minmax(0, 1fr);gap: 14px}
.page-calendars .heritage-date-values > div + div{padding: 12px 0 0;border-left: 0;border-top: 1px solid var(--ui-border)}
.page-calendars .heritage-calendar-info{padding: 16px 14px}
.page-calendars .heritage-detail-list > div{grid-template-columns: minmax(0, 1fr);gap: 3px}
.page-calendars .heritage-calendar-facts{grid-template-columns: repeat(2, minmax(0, 1fr))}
.page-calendars .heritage-season-list{grid-template-columns: minmax(0, 1fr);gap: 10px}
.page-calendars .heritage-season-list > div{grid-template-columns: 68px minmax(0, 1fr);gap: 8px;text-align: left}}}