.observation-section{margin:42px 0}.observation-section h2{margin-bottom:12px}.chart-scroll{overflow-x:auto;border:1px solid #d1d8df;border-radius:16px;background:#fff;margin:24px 0 16px}.altitude-chart{display:block;width:100%;min-width:600px;font:14px system-ui,sans-serif;color:#243548}.altitude-chart text{fill:currentColor}.chart-slider{display:grid;gap:10px;padding:16px 20px;background:#edf2f5;border-radius:12px}.chart-slider label{display:grid;gap:8px;font-weight:600}.chart-slider input{width:100%;padding:0;accent-color:#155b82;min-height:32px}.chart-slider output{font-size:14px;line-height:1.65;color:#243548;overflow-wrap:anywhere}.observation-windows{padding:22px 0 10px}.observation-windows li{margin:12px 0;line-height:1.6}.hourly-details,.export-panel{border:1px solid #d1d8df;border-radius:14px;padding:20px;margin:20px 0}.hourly-details summary,.export-panel summary{font-size:17px;font-weight:650;cursor:pointer;line-height:1.5}.export-panel p{line-height:1.65}.export-panel .observer-form{flex-wrap:wrap}.place-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.place-save .caption{flex-basis:100%;margin:0}.observation-form{padding:24px;background:#eef2f5;border-radius:18px;display:flex;flex-wrap:wrap;gap:18px;align-items:end}.observation-form fieldset{border:0;margin:0;padding:0;flex-basis:100%;min-width:0;display:flex;flex-wrap:wrap;gap:16px;align-items:end}.observation-form legend{font-weight:650;margin-bottom:16px}.observation-form label{display:grid;gap:8px;flex:1;min-width:190px}.observation-form input,.observation-form select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.coordinate-fields{display:flex;flex-wrap:wrap;gap:16px;flex-basis:100%}.coordinate-fields p{flex-basis:100%;margin:0}.observation-form [data-city-fields]{flex:1;min-width:190px}.observation-horizon{display:flex;gap:16px 28px;flex-wrap:wrap;padding:12px 20px;border-left:3px solid #155b82;background:#eef3f6;margin:24px 0}.chart-scroll:focus-visible{outline:3px solid #155b82;outline-offset:3px}.export-panel select{max-width:100%;min-width:0}.place-save [hidden],.chart-slider[hidden],.coordinate-fields[hidden],[data-city-fields][hidden],[data-saved-place-link][hidden]{display:none!important}
@media(max-width:600px){.observation-form{padding:18px}.observation-form label,.observation-form [data-city-fields]{min-width:0;flex-basis:100%}.observation-form button{width:100%}.observation-form fieldset{display:block}.observation-form fieldset>label,.observation-form [data-city-fields]{margin-bottom:16px}.coordinate-fields{display:grid}.export-panel,.hourly-details{padding:16px}.export-panel .observer-form{display:grid;grid-template-columns:minmax(0,1fr)}.export-panel .observer-form label{min-width:0}.chart-slider{padding:14px}.observation-windows ul{padding-left:20px}.place-save .pill{white-space:normal;text-align:left}.header nav{flex-wrap:wrap}}
.altitude-chart.chart-responsive{min-width:0}
@media print{.place-save,.export-panel,.observation-form,.chart-slider{display:none!important}.chart-scroll{overflow:visible;break-inside:avoid}.altitude-chart{min-width:0}.observation-section{margin:20px 0}.observation-windows{padding:8px 0}.observation-section svg{-webkit-print-color-adjust:exact;print-color-adjust:exact}.hourly-details:not([open]){display:none}.observation-horizon{padding:8px 12px}}