weather-history{display:block}weather-history .max-width{max-width:64em;margin:0 auto;padding:1em;box-sizing:border-box}weather-history .mode-toggle{display:flex;justify-content:center;margin:1em 0}weather-history .segmented-control{display:inline-flex;background:var(--segmented-control-bg);border-radius:.5em;padding:.1875em}weather-history .toggle-btn{background:0 0;border:none;padding:.375em 1em;font-size:.8125em;font-weight:700;cursor:pointer;color:var(--font-color);font-family:inherit;border-radius:.375em;opacity:.6;transition:background-color .15s ease,opacity .15s ease}weather-history .toggle-btn:hover{opacity:.8}weather-history .toggle-btn.active{background:var(--segmented-control-active-bg);box-shadow:0 1px 3px rgba(0,0,0,.1);opacity:1}weather-history .history-controls{display:flex;align-items:center;justify-content:center;gap:.5em;margin:1em}weather-history .history-controls select{padding:.5em .75em;font-size:.875em;border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--font-color);border-radius:.375em;font-family:Roboto,Helvetica Neue,sans-serif}weather-history .history-controls select.hide{display:none}weather-history .history-controls .view-btn{padding:.5em 1em;font-size:.875em}weather-history .section-title{font-weight:700;font-size:1.25em;color:var(--font-color);margin:1.5em 0 .75em}weather-history .charts-section{display:flex;flex-direction:column;gap:1.5em;margin-bottom:1.5em}weather-history .chart-card{border-radius:.75em;border:1px solid var(--dashboard-widget-border-color);background-color:var(--dashboard-widget-bg-color);box-shadow:0 1px 2px var(--dashboard-widget-box-shadow-color);overflow:hidden}weather-history .chart-card canvas{width:100%}weather-history .summary-section{display:flex;flex-direction:column;gap:1.5em;margin-bottom:1.5em}weather-history .summary-section>div{overflow-x:auto;border:1px solid rgba(128,128,128,.15);border-radius:.75em}weather-history .summary-table{width:100%;border-collapse:separate;border-spacing:0}weather-history .summary-table th{font-weight:600;font-size:.75em;text-align:center;padding:1em;color:var(--color-secondary-font);text-transform:uppercase;letter-spacing:.05em;background:var(--pws-status-bg-color)}weather-history .summary-table th:first-child{text-align:left;font-size:1em;padding-left:1.5em}weather-history .summary-table th:last-child{padding-right:1.5em}weather-history .summary-table td{font-size:.875em;padding:.625em 1em;text-align:center;color:var(--font-color)}weather-history .summary-table td:first-child{padding-left:1.5em}weather-history .summary-table td:last-child{padding-right:1.5em}weather-history .summary-table td.label{font-weight:600;text-align:left;font-size:.8125em;color:var(--color-secondary-font)}weather-history .summary-table tbody tr:nth-child(odd){background:rgba(255,255,255,.04)}weather-history .summary-table tbody tr:nth-child(2n){background:rgba(0,0,0,.02)}weather-history .summary-table tbody tr:last-child td{padding-bottom:1.5em}weather-history .observations-section{margin-bottom:1.5em}weather-history .table-scroll{overflow-x:auto;border:1px solid rgba(128,128,128,.15);border-radius:.75em}weather-history .observations-table{width:100%;border-collapse:separate;border-spacing:0}weather-history .observations-table th{font-weight:600;font-size:.75em;text-align:center;padding:1.5em 1em;color:var(--color-secondary-font);text-transform:uppercase;letter-spacing:.05em;background:var(--pws-status-bg-color);position:sticky;top:0;z-index:2;white-space:nowrap}weather-history .observations-table th:first-child{left:0;z-index:3;background:var(--bg-color);padding-left:1.5em}weather-history .observations-table th:last-child{padding-right:1.5em}weather-history .observations-table td{font-size:.875em;padding:.625em 1em;text-align:center;color:var(--font-color);border-top:1px solid var(--dashboard-body-border-color);white-space:nowrap}weather-history .observations-table td:first-child{position:sticky;left:0;background:var(--bg-color);z-index:1;padding-left:1.5em}weather-history .observations-table td:last-child{padding-right:1.5em}weather-history .observations-table tbody tr:last-child td{padding-bottom:1.5em}weather-history .no-data{display:inline-block;font-size:.75em;font-weight:600;color:var(--color-secondary-font);opacity:.4}@media (max-width:640px){weather-history .history-controls{flex-wrap:wrap}weather-history .summary-table th:first-child{font-size:.75em}}