.container--solar-days { max-width: 1120px; }
.solar-days-intro .eyebrow { color: #8a5a18; }
.solar-panel, .solar-next, .solar-results-panel, .solar-accuracy { margin-top: 1.25rem; }
.solar-form, .solar-field, .solar-next__content, .solar-month, .solar-event-card { min-width: 0; }
.solar-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.solar-field { display: grid; gap: .45rem; }
.solar-field label { font-weight: 700; }
.solar-field input, .solar-field select { width: 100%; }
.solar-quick, .solar-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.solar-error, .solar-copy-status { min-height: 1.5em; margin: .75rem 0 0; }
.solar-error { color: #a12b24; font-weight: 700; }
.solar-next__content { display: grid; gap: .35rem; padding: 1rem; border: 1px solid #ddc18f; border-radius: .8rem; background: #fff8e9; overflow-wrap: anywhere; }
.solar-next__content strong { font-size: clamp(1.05rem, 2vw, 1.3rem); }
.solar-results-header { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.solar-results-header p { margin: 0; font-weight: 700; }
.solar-results { display: grid; gap: 1.25rem; margin-top: 1rem; }
.solar-month { padding: 1rem; border: 1px solid #d8e1df; border-radius: .9rem; background: #f8fbfa; }
.solar-month h3 { margin: 0 0 .8rem; color: #344d49; }
.solar-event-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.solar-event-card { padding: 1rem; border: 1px solid #d8e1df; border-radius: .8rem; background: #fff; overflow-wrap: anywhere; }
.solar-event-card h4 { margin: 0 0 .5rem; font-size: 1.08rem; }
.solar-event-card p { margin: .55rem 0 0; }
.solar-event-card__date { font-weight: 800; }
.solar-event-card__badge { display: inline-block; padding: .25rem .5rem; border-radius: 999px; font-weight: 800; }
.solar-event-card__badge--solar-term { background: #e6f1ff; color: #285a8d; }
.solar-event-card__badge--supplementary { background: #fff0d7; color: #744d0c; }
.solar-empty { padding: 1rem; border: 1px dashed #aab6b4; border-radius: .8rem; background: #f7faf9; }
.solar-accuracy h2 { margin-top: 0; }
.solar-article a { overflow-wrap: anywhere; }
@media (max-width: 760px) { .solar-fields, .solar-event-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .solar-actions .button, .solar-quick .button { flex: 1 1 calc(50% - .65rem); } }