.viewing-panel{margin:24px 0 28px;padding:22px;border:1px solid #36576a;background:#101e2d;border-radius:12px}.viewing-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.viewing-heading h3{font-size:1.4rem;margin:5px 0 12px}.viewing-heading .tag{max-width:180px;text-align:center}.viewing-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.viewing-event{min-width:0;border:1px solid #304d60;border-radius:9px;background:#142838;color:var(--text);padding:13px;text-align:left}.viewing-event:hover{border-color:var(--accent)}.viewing-event>*{display:block;overflow-wrap:anywhere}.viewing-event strong{font-size:1.45rem;line-height:1.4;color:var(--accent)}.viewing-event small{font-size:.75rem;color:var(--muted)}.viewing-event span{font-size:.9rem}.viewing-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0 12px}.viewing-controls button[aria-pressed=true]{background:#244036;border-color:var(--accent);color:var(--accent)}#timePlot{width:100%;height:300px;display:block;touch-action:pan-y;cursor:crosshair}.timeline-legend{display:flex;gap:15px;flex-wrap:wrap;line-height:1.5;margin-top:10px;color:var(--muted)}.legend-night:before,.legend-plume:before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;background:#86e5cc}.legend-plume:before{background:#efbd90}.time-slider-label{margin:18px 0 14px}#timeSlider{accent-color:var(--accent);padding:0;cursor:ew-resize;background:transparent}.time-readout{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:10px;padding:15px;border:1px solid #2d495c;border-radius:8px;margin-bottom:12px;background:#0b1826}.time-readout strong,.time-readout small{display:block}.time-readout small{font-size:.72rem;color:var(--muted)}.time-readout p{grid-column:1/-1;color:var(--accent);margin:0;font-size:.83rem}.viewing-panel details{margin-top:15px}.viewing-panel summary,.sky-chart-fold summary,.model-limits summary{cursor:pointer;color:var(--accent);padding:8px 0}.scenario-alternatives p{margin-top:12px}.sample-table-scroll{max-height:280px;overflow:auto}.sample-table-scroll table{width:100%;border-collapse:collapse;font-size:.76rem}.sample-table-scroll th,.sample-table-scroll td{padding:7px;border-bottom:1px solid var(--line);text-align:left}.sample-table-scroll th{position:sticky;top:0;background:#112333}.sky-chart-fold,.model-limits{margin:15px 0}.viewing-card{padding:16px 0 0;margin-top:15px;border-top:1px solid var(--line)}.viewing-card>strong{display:block;font-size:1.23rem;color:var(--accent);margin:5px 0}.viewing-card strong span{font-size:.78rem;color:var(--muted);font-weight:400}.viewing-card small{display:block;font-size:.77rem;line-height:1.6}.card-weather{color:var(--muted);font-size:.75rem;margin-top:10px}.source-panel{margin:0 0 24px;padding:15px 18px;border-radius:8px;background:#101c2b;border:1px solid var(--line)}.source-panel p{margin:4px 0;font-size:.82rem}.source-panel .source-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.source-panel .source-facts{font-size:.76rem;color:var(--muted)}.feed-opportunity-label{display:block;font-size:.72rem;color:var(--accent)}@media(max-width:620px){.viewing-panel{padding:14px 10px}.viewing-events{grid-template-columns:1fr;gap:7px;margin:12px 0}.viewing-event{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px 12px;gap:2px 10px}.viewing-event strong{font-size:1.25rem;text-align:right}.viewing-event small:last-child{grid-column:2;grid-row:2;font-size:.65rem;text-align:right}.viewing-heading{gap:8px;align-items:flex-start}.viewing-heading .tag{max-width:105px;font-size:.55rem}.viewing-heading h3{font-size:1.15rem}.time-readout{grid-template-columns:1fr 1fr;padding:11px}.viewing-controls button{font-size:.72rem;padding:8px}.timeline-legend{gap:8px;font-size:.7rem}.sample-table-scroll table{font-size:.68rem}.source-panel{padding:12px}.viewing-panel p{overflow-wrap:anywhere}.viewing-event span{font-size:.75rem}}

dialog .dialog-header{position:sticky;top:-28px;z-index:4;background:var(--bg);padding:8px 0} @media(max-width:620px){dialog .dialog-header{top:-20px}}