/* One monthly overview, one daily reading: hierarchy rather than nested cards. */
.visual .calendar-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:32px}
.visual .calendar-panel{grid-column:1;grid-row:1;position:sticky;top:20px;padding:26px;background:var(--glaze)}
.visual .calendar-detail{grid-column:2;grid-row:1;display:flex;flex-direction:column;padding:28px 30px}
.visual .calendar-detail>#selected-date{order:-2;font-size:24px;line-height:1.4;margin:0 0 18px;font-weight:500}
.visual .lunar-block,.visual .lunar-result{display:contents}
.visual .lunar-block>h3{display:none}.visual .lunar-status{order:0}
.visual .lunar-overview{order:0;padding:0 0 21px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;gap:16px;align-items:center}
.visual .lunar-overview strong{font-size:23px;font-weight:500}.visual .lunar-overview .lunar-disc{width:62px;height:62px;flex-basis:62px}
.visual .lunar-overview>div{flex:1;min-width:0}.visual .moon-editorial-theme{font-size:12px;line-height:1.7;margin:9px 0 0;color:var(--muted)}.visual .moon-editorial-theme small{display:inline;font-size:10px}
.visual .calendar-planner{order:1;grid-column:auto;grid-row:auto;background:none;border:0;border-radius:0;padding:22px 0 0}
.visual .planner-head h3{font-size:17px;letter-spacing:.02em}.visual .planner-local{font-size:10px}.visual .plan-empty{margin:18px 0 0;font-size:12px}
.visual .magic-guide{margin-top:22px;padding:20px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.visual .guide-slots{gap:0;margin:14px 0 10px}.visual .guide-slots>div{border:0;border-radius:0;background:none;padding:0 12px;border-left:1px solid var(--line)}.visual .guide-slots>div:first-child{padding-left:0;border-left:0}
.visual .guide-slots span{font-size:16px;margin-bottom:7px}.visual .guide-slots strong{font-size:12px}.visual .magic-guide>small{margin-bottom:0;font-size:10px}
.visual .planetary-content{order:2;padding:19px 0 20px;border-bottom:1px solid var(--line)}
.visual .ph-heading h3{font-size:14px;color:var(--ink)}.visual .ph-now{min-height:32px;font-size:10px}
.visual .ph-face{min-height:0;grid-template-columns:38px minmax(0,1fr) auto;padding:12px 0;gap:12px}
.visual .ph-orbit{width:36px;height:36px;background:none;border:0}.visual .ph-orbit::before,.visual .ph-orbit::after{display:none}.visual .ph-glyph{font-size:28px}
.visual .ph-reading{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 9px}.visual .ph-reading h4{font-size:18px;margin:0;letter-spacing:0}.visual .ph-state{font-size:10px;order:1}.visual .ph-boundary{font-size:11px;flex-basis:100%;order:2}.visual .ph-clock{font-size:21px;grid-column:auto;margin:0}
.visual .ph-track-shell{margin:0 -8px}.visual .ph-track-inner{padding-top:7px;padding-bottom:7px}
.visual .ph-slot{height:76px;min-height:76px;border-radius:12px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:18px 18px 18px;gap:0 3px;padding:9px 8px;text-align:left;align-items:center}
.visual .ph-slot>span{grid-column:1;grid-row:1/4;font-size:24px}.visual .ph-slot small{grid-column:2;grid-row:1;font-size:9px}.visual .ph-slot time{grid-column:2;grid-row:2;font-size:10px}.visual .ph-slot b{grid-column:2;grid-row:3;font-size:10px}
.visual .ph-scrub-head{margin-top:3px}.visual .ph-scrub-head>span{font-size:10px}.visual .ph-scrub-head button{min-height:28px;min-width:28px;font-size:18px}
.visual .ph-slider-label{margin:0 0 3px}.visual .ph-slider{height:25px}.visual .ph-daylight{font-size:10px}
.visual .sky-section-title{order:3;font-size:13px;color:var(--muted);margin:22px 0 8px;letter-spacing:.08em}
.visual .lunar-events{order:4;display:block;margin:0;padding:0 0 0 11px;border-left:1px solid var(--line)}
.visual .lunar-events li{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:11px 0 13px 7px;border:0;border-radius:0;background:none;box-shadow:none}
.visual .lunar-events li::before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--muted);left:-14px;top:20px}
.visual .lunar-events li>time{font-size:11px;color:var(--muted);line-height:1.7;white-space:normal}
.visual .lunar-events li>div{display:block}.visual .lunar-events li strong{font-size:13px;font-weight:400!important;line-height:1.6}.visual .event-theme{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.7}
.visual .editorial-tag{font-size:10px;color:var(--muted);font-weight:400;line-height:1.6}.visual .lunar-events .editorial-tag{display:block;margin-top:4px}
.visual .day-extra{order:5}.visual .day-extra summary{min-height:36px;display:flex;align-items:center;font-size:11px;padding-left:18px}
.visual .voc-rule{order:6;margin:12px 0 0;padding:0 0 0 18px;border-left:1px solid var(--line)}
.visual .voc-window{background:none;border:0;border-radius:0;padding:9px 0;gap:0}.visual .voc-window>.event-emblem{display:none}.visual .voc-window strong{font-size:12px;font-weight:400}.visual .voc-boundaries{margin-top:7px}.visual .voc-boundaries time{font-size:11px}.visual .voc-boundaries small{font-size:10px}
/* VoC is a quiet underline, not another icon competing with primary events. */
.visual .calendar-days button[data-voc=true] .calendar-day-number{position:relative}
.visual .calendar-days button[data-voc=true] .calendar-day-number::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:18px;height:3px;border-radius:99px;background:#827098}
.visual[data-theme=night] .calendar-days button[data-voc=true] .calendar-day-number::after{background:#c6b1df}
.visual .calendar-days button[aria-pressed=true][data-voc=true] .calendar-day-number::after{background:currentColor}
.visual .voc-legend-line{width:18px;height:3px;border-radius:99px;background:#827098;display:inline-block;margin-right:3px}.visual[data-theme=night] .voc-legend-line{background:#c6b1df}
.visual .calendar-days button{gap:11px;min-height:70px}.visual .calendar-event-markers:empty{min-height:12px;height:12px}
.visual .calendar-event-legend{font-size:10px;gap:9px 11px}
@media(max-width:1050px){.visual .calendar-panel{padding:22px 18px}.visual .calendar-detail{padding:24px}.visual .calendar-layout{gap:22px}}
@media(max-width:700px){
 .visual .calendar-layout{display:flex;flex-direction:column;gap:20px}.visual .calendar-panel{position:static;width:100%;box-sizing:border-box}.visual .calendar-detail{width:100%;box-sizing:border-box;padding:22px 20px;order:1}
 .visual .calendar-days button{min-height:60px;padding:8px 1px 4px;gap:9px}.visual .calendar-days{gap:10px 3px}
 .visual .calendar-detail>#selected-date{font-size:21px}.visual .lunar-overview strong{font-size:21px}.visual .lunar-overview .lunar-disc{width:53px;height:53px;flex-basis:53px}
 .visual .ph-face{grid-template-columns:32px minmax(0,1fr) auto;gap:9px}.visual .ph-clock{font-size:19px;grid-column:auto}.visual .ph-orbit{width:30px;height:30px}.visual .ph-reading h4{font-size:17px}
 .visual .lunar-events li{grid-template-columns:85px minmax(0,1fr);gap:9px}.visual .calendar-planner{padding:19px 0 0}
 .visual .calendar-month-events{margin-top:16px}
}