.season-reference-panel { margin: 1rem 0; border: 1px solid var(--border, #77745d); border-radius: .4rem; background: var(--surface, #1a1d15); }
.season-reference-panel > summary { padding: .8rem 1rem; cursor: pointer; }
.season-reference-panel > summary strong { margin-right: 1rem; }
.season-reference-panel > summary span { font-size: .9rem; }
.season-reference-content { padding: 0 1rem 1rem; }
.season-reference-content p { line-height: 1.5; }
.season-reference-note { font-size: .85rem; color: var(--text-muted, #a8a487); }
.season-reference-links, .season-reference-controls { display: flex; align-items: end; flex-wrap: wrap; gap: .6rem; margin: .8rem 0; }
.season-reference-controls label { flex: 1 1 11rem; }
.season-reference-content label { display: flex; flex-direction: column; gap: .4rem; }
.season-reference-content input, .season-reference-content select, .season-reference-content textarea { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; font: inherit; padding: .6rem; border: 1px solid var(--border, #77745d); border-radius: .2rem; color: var(--text, #ede9d6); background: var(--bg, #13170f); }
.season-reference-content textarea { resize: vertical; }
.season-reference-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: .8rem; margin-top: 1rem; }
.season-reference-entry { min-width: 0; border: 1px solid var(--border, #77745d); border-radius: .3rem; padding: .9rem; }
.season-reference-entry h3 { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }
.season-reference-entry p { margin: .4rem 0 .8rem; color: var(--text-muted, #a8a487); }
.season-reference-entry > details { margin: .8rem 0; }
.season-reference-entry > details > summary { cursor: pointer; margin-bottom: .5rem; }
.season-reference-entry a { overflow-wrap: anywhere; }
.season-reference-content :focus-visible { outline: 2px solid var(--accent, #ef963f); outline-offset: 2px; }
@media (max-width: 500px) { .season-reference-content { padding: 0 .6rem .8rem; } .season-reference-panel > summary span { display: block; margin-top: .4rem; } .season-reference-links .btn { white-space: normal; text-align: center; } }