/* Scoped presentation for the records page. */
.records-view {background:#f3f6fa;color:#1b3044;}
.records-view .site-header {min-height:90px;gap:22px;flex-wrap:wrap;padding-block:18px;}
.records-view .header-actions {min-width:0;flex-wrap:wrap;justify-content:flex-end;}
.records-view .site-header nav {flex-wrap:wrap;}
.records-page {padding-top:36px;padding-bottom:22px;}
.records-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;}
.records-eyebrow {font-size:.69rem;letter-spacing:.16em;font-weight:750;color:#4d7288;margin:0 0 10px;}
.records-page h1 {font-size:clamp(1.9rem,3.3vw,2.7rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 12px;}
.records-intro {margin:0;color:#64768a;font-size:1rem;}
.records-link {display:inline-flex;align-items:center;gap:20px;padding:11px 16px;border:1px solid #d5e0e8;border-radius:10px;text-decoration:none;color:#255b77;background:white;font-size:.84rem;font-weight:650;white-space:nowrap;}
.records-link:hover {border-color:#28839e;background:#f2fafc;}
.records-tabs {display:flex;gap:24px;border-bottom:1px solid #d8e2eb;margin-bottom:26px;font-size:.86rem;}
.records-tabs span,.records-tabs a {padding:0 0 13px;text-decoration:none;color:#65778a;}
.records-tabs .selected {color:#174f6a;border-bottom:3px solid #1b7593;font-weight:700;}
.records-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.record-panel {background:white;border:1px solid #dfe7ee;border-radius:17px;overflow:hidden;box-shadow:0 5px 18px #233f5910;min-width:0;}
.record-panel-heading {padding:22px 24px 20px;background:#eff8fa;border-top:4px solid #2289a2;display:flex;justify-content:space-between;align-items:center;}
.record-panel-2 .record-panel-heading {background:#fff9ed;border-top-color:#dba54b;}
.record-panel-3 .record-panel-heading {background:#f3f1fa;border-top-color:#8a79b7;}
.record-kicker {margin:0 0 4px;color:#5c7286;font-size:.62rem;font-weight:750;letter-spacing:.12em;}
.record-panel h2 {font-size:1.65rem;line-height:1.2;letter-spacing:-.025em;margin:0;}
.period-number {color:#476c8733;font-size:2.2rem;font-weight:800;line-height:1;}
.record-temperature {display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:25px 24px 21px;}
.metric-label {display:block;font-size:.77rem;font-weight:650;color:#627286;}
.metric-big {font-size:clamp(1.65rem,2.8vw,2.4rem);letter-spacing:-.05em;font-weight:750;line-height:1.25;margin:8px 0 0;white-space:nowrap;font-variant-numeric:tabular-nums;}
.metric-big span {font-size:.9rem;margin-left:4px;font-weight:500;letter-spacing:0;}
.temp-high .metric-big {color:#ca603d;}.temp-low .metric-big {color:#2876af;}
.temp-low {padding-left:16px;border-left:1px solid #e5ecf1;}
.record-secondary {margin:0;padding:0 24px;}
.record-secondary>div {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid #edf1f5;}
.record-secondary dt {display:flex;align-items:center;gap:8px;font-size:.8rem;color:#5a6d7f;}
.record-secondary dd {margin:0;font-size:1.08rem;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums;}
.record-secondary dd span {font-size:.74rem;font-weight:500;color:#6f8090;}
.metric-icon {display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef6fb;color:#3c87ac;font-size:1.1rem;}
.record-source {margin:8px 24px 0;padding:15px 0 18px;color:#788897;font-size:.65rem;display:flex;align-items:center;gap:7px;}
.data-dot {width:5px;height:5px;border-radius:50%;background:#8499a9;}
.records-note {display:flex;align-items:flex-start;gap:13px;margin-top:25px;background:#eaf0f6;border:1px solid #dfe7ef;padding:17px 20px;border-radius:12px;}
.note-icon {display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border:1px solid #7894ac;border-radius:50%;color:#58738d;font-size:.8rem;font-weight:700;}
.records-note strong {font-size:.8rem;}.records-note p {font-size:.77rem;line-height:1.65;color:#62778b;margin:4px 0 0;}
.record-empty {padding:35px 24px;color:#74879a;font-size:.88rem;}.record-empty>span {font-size:2rem;}
.records-view footer {margin-top:28px;padding-top:22px;font-size:.8rem;}
.records-view a:focus-visible {outline:3px solid #e5ac42;outline-offset:4px;}
@media(max-width:1000px){.records-grid{gap:14px;}.record-panel-heading{padding:18px;}.record-temperature{padding:22px 18px;}.record-secondary{padding:0 18px;}.record-source{margin-inline:18px;}.record-secondary dt{font-size:.72rem;}.records-view .header-actions{justify-content:flex-start;}}
@media(max-width:720px){.records-heading{align-items:flex-start;flex-direction:column;gap:18px;}.records-grid{grid-template-columns:1fr;gap:18px;}.records-page{padding-top:20px;}.metric-big{font-size:2.5rem;}.record-secondary dt{font-size:.84rem;}.record-panel-heading{padding:20px 24px;}.record-temperature{padding:22px 24px;}.record-secondary{padding:0 24px;}.records-tabs{gap:16px;font-size:.79rem;}.records-view .site-header{gap:18px;}.records-view .header-actions{width:100%;}.records-view .site-header nav{gap:12px;}.records-view footer{flex-wrap:wrap;}}