.records-v5 {
    --records-cyan: #48c8f1;
    --records-mint: #39d8b6;
    --records-muted: #9eb0c2;
    width: min(100% - 3rem, 1180px);
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 4.5rem) 0 4rem;
}

.records-v5-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.records-v5-kicker,.records-v5-panel-head span { display: block; margin-bottom: .55rem; color: var(--records-mint); font-size: .72rem; font-weight: 750; letter-spacing: .14em; }
.records-v5-header h1 { margin: 0; color: #fff; font-size: clamp(2.35rem,6vw,4.8rem); line-height: .98; letter-spacing: -.055em; }
.records-v5-header p { max-width: 68ch; margin: 1rem 0 0; color: var(--records-muted); line-height: 1.65; }
.records-v5-back { flex: 0 0 auto; padding: .7rem 1rem; border: 1px solid rgba(72,200,241,.22); border-radius: 999px; color: #cbe6f4; background: rgba(72,200,241,.06); font-size: .8rem; font-weight: 650; text-decoration: none; }

.records-v5-shell { overflow: hidden; border: 1px solid rgba(116,180,221,.16); border-radius: 22px; background: rgba(7,30,50,.84); box-shadow: 0 24px 70px rgba(0,8,20,.18); }
.records-v5-primary-tabs { display: flex; gap: .5rem; padding: .7rem; border-bottom: 1px solid rgba(116,180,221,.13); background: rgba(255,255,255,.018); }
.records-v5-tab,.records-v5-day-tab { flex: 1; padding: .85rem 1rem; border: 1px solid transparent; border-radius: 13px; color: #aebdca; background: transparent; font: 650 .82rem Inter,sans-serif; cursor: pointer; }
.records-v5-tab.active,.records-v5-day-tab.active { border-color: rgba(72,200,241,.22); color: #fff; background: linear-gradient(135deg,rgba(72,200,241,.16),rgba(57,216,182,.08)); }
.records-v5-view { display: none; padding: clamp(1rem,2.5vw,1.75rem); }.records-v5-view.active { display: block; }
.records-v5-panel-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.2rem; }
.records-v5-panel-head h2 { margin: 0; color: #fff; font-size: clamp(1.3rem,2.6vw,1.8rem); letter-spacing: -.03em; }
.records-v5-panel-head p { max-width: 42ch; margin: 0; color: var(--records-muted); font-size: .74rem; line-height: 1.5; text-align: right; }
.records-v5-day-tabs { display: flex; gap: .5rem; max-width: 560px; margin-bottom: 1.2rem; padding: .35rem; border: 1px solid rgba(116,180,221,.13); border-radius: 15px; background: rgba(255,255,255,.025); }
.records-v5-day-tab { padding: .65rem .85rem; }

.records-v5 .cmx-day-note { margin: 0 0 1rem; color: var(--records-muted); font-size: .78rem; }
.records-v5 .table-wrapper { overflow-x: auto; border: 1px solid rgba(116,180,221,.13); border-radius: 15px; }
.records-v5 .extremes-table { width: 100%; min-width: 650px; border-collapse: collapse; }
.records-v5 .extremes-table th,.records-v5 .extremes-table td { padding: .9rem 1rem; border-bottom: 1px solid rgba(116,180,221,.1); text-align: left; }
.records-v5 .extremes-table thead th { color: #8fa5b8; background: rgba(255,255,255,.025); font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; }
.records-v5 .extremes-table tbody th { color: #dfeaf2; font-size: .8rem; font-weight: 600; }.records-v5 .extremes-table td { color: #fff; font-size: .82rem; }
.records-v5 .records-v5-group-row th { padding:.62rem 1rem; color:#86dfd0; background:rgba(20,95,132,.3); font-size:.68rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.records-v5 .cmx-extreme-time { display: block; margin-top: .2rem; color: #7f95a8; font-size: .65rem; }
.records-v5-period-tabs { margin-bottom: 1rem; }
.records-v5-frame { border-radius: 16px; }

@media (max-width:1024px) {
    .records-v5 { padding-top: 5.5rem; }
}

@media (max-width:768px) {
    .records-v5 { width:min(100% - 1.25rem,1180px); padding-top:3.75rem; }
    .records-v5-header,.records-v5-panel-head { align-items:flex-start; flex-direction:column; gap:1rem; }
    .records-v5-panel-head p { text-align:left; }
    .records-v5-period-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:699px), (orientation:landscape) and (max-height:500px) and (hover:none) and (pointer:coarse) {
    .records-v5-header { margin-bottom:1.2rem; }
    .records-v5-header h1 { font-size:clamp(2.25rem,12vw,3.2rem); }
    .records-v5-header p { margin-top:.75rem; font-size:.86rem; line-height:1.5; }
    .records-v5-back { display:none; }
    .records-v5-shell { border-radius:17px; }
    .records-v5-primary-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem; padding:.45rem; }
    .records-v5-tab { min-width:0; padding:.7rem .35rem; font-size:.72rem; line-height:1.25; }
    .records-v5-view { padding:.9rem .7rem; }
    .records-v5-panel-head { gap:.45rem; margin-bottom:.9rem; }
    .records-v5-panel-head p { font-size:.69rem; }
    .records-v5-day-tabs { max-width:none; margin-bottom:.9rem; }
    .records-v5-period-tabs { gap:.35rem; margin:.7rem 0; padding:.4rem; }
    .records-v5-period-tabs .cmx-tab { min-width:0; padding:.68rem .25rem; font-size:.72rem; }
    .records-v5-frame { margin:0!important; padding:.2rem!important; min-height:320px; border:0!important; background:transparent!important; }
    .records-v5-frame .cmx-frame { min-height:320px; border-radius:10px; }
    .records-v5 .table-wrapper { overflow:visible; border:0; border-radius:0; }
    .records-v5 .extremes-table { display:block; min-width:0; }
    .records-v5 .extremes-table thead { display:none; }
    .records-v5 .extremes-table tbody { display:block; }
    .records-v5 .extremes-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem .8rem; padding:.72rem 0; border-bottom:1px solid rgba(116,180,221,.13); }
    .records-v5 .extremes-table tbody tr:last-child { border-bottom:0; }
    .records-v5 .extremes-table tbody th { grid-column:1/-1; padding:0 0 .35rem; border:0; font-size:.78rem; }
    .records-v5 .extremes-table tbody td { min-width:0; padding:0; border:0; font-size:.82rem; }
    .records-v5 .extremes-table tbody td:only-of-type { grid-column:1/-1; }
    .records-v5 .extremes-table tbody td::before { content:attr(data-label); display:block; margin-bottom:.2rem; color:#7590a6; font-size:.6rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
    .records-v5 .extremes-table tbody tr.records-v5-group-row { display:block; margin:.55rem -.15rem 0; padding:.55rem .65rem; border:0; border-radius:8px; background:rgba(20,95,132,.26); }
    .records-v5 .extremes-table tbody tr.records-v5-group-row:first-child { margin-top:0; }
    .records-v5 .extremes-table tbody tr.records-v5-group-row th { display:block; padding:0; color:#7de0cd; background:transparent; font-size:.64rem; }
    .records-v5 .cmx-extreme-time { margin-top:.12rem; font-size:.61rem; }
}

@media (orientation:landscape) and (max-height:500px) and (hover:none) and (pointer:coarse) {
    .records-v5 .extremes-table tbody { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:1.25rem; }
    .records-v5 .extremes-table tbody .records-v5-group-row { grid-column:1/-1; }
}

@media (max-width:420px) {
    .records-v5-day-tabs { gap:.25rem; }.records-v5-day-tab { padding:.6rem .3rem; font-size:.72rem; }
}