.month-surface{margin-top:20px!important;padding:18px 14px}.month-controls{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:end}.month-controls label{margin:0}.month-controls select{display:block;margin-top:5px}.month-controls button{margin-bottom:0}.month-nav{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;gap:8px}.month-nav h2{font-size:21px;margin:0}.month-nav button{font-size:14px;padding:6px 12px}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekdays{text-align:center;color:var(--muted);font-size:14px;margin-bottom:8px}.weekdays span:first-child{color:var(--bad)}.month-grid .day{position:relative;min-width:0;min-height:76px;padding:7px 1px 13px;border:1px solid transparent;border-radius:6px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.3;color:var(--calendar-ink)}.day .solar{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}.day .lunar{font-size:12px;white-space:nowrap}.day .term{font-weight:700}.month-grid .day[aria-pressed=true]{border:2px solid var(--calendar-ink);padding:6px 0 12px;background:var(--surface)}.day.is-today:after{content:'';position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:currentColor}.calendar-key{font-size:13px;color:var(--muted);margin:12px 0 0}.date-detail h2{font-size:24px;color:var(--calendar-ink);margin:0 0 10px}.date-detail .lunar-full{font-size:21px;margin:0 0 12px}.date-detail dl{margin:0 0 18px;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:16px}.date-detail dt{color:var(--muted)}.date-detail dd{margin:0}.tung-link{display:block;text-align:center;padding:10px 16px;min-height:46px;border:1px solid var(--line);border-radius:7px;color:var(--text);text-decoration:none;background:var(--soft)}.term-surface h2{font-size:20px;margin:0 0 12px}#terms{display:grid;grid-template-columns:1fr 1fr;gap:10px}#terms button{text-align:left;color:var(--accent)}#terms button span{display:block;font-size:14px;color:var(--muted)}@media(min-width:700px){.month-surface{padding:24px}.month-grid .day{min-height:92px}.day .solar{font-size:28px}.day .lunar{font-size:15px}}@media(max-width:380px){.month-surface{padding:12px 8px}.weekdays,.month-grid{gap:3px}.month-grid .day{min-height:66px}.day .solar{font-size:21px}.month-nav h2{font-size:19px}}

.date-detail dl{grid-template-columns:minmax(0,1fr)}.date-detail dt{margin-top:6px;font-size:14px}.date-detail dd{overflow-wrap:anywhere}