body.speed-chart-page{margin:0;padding:clamp(12px,3vw,30px);background:#f3f7f4;color:#17372d;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.speed-chart-card.container{max-width:1040px;margin:0 auto;padding:clamp(18px,4vw,38px);background:#fff;border:1px solid #d9e5de;border-radius:24px;box-shadow:0 16px 42px rgba(16,77,59,.1)}
.speed-chart-card .top-container{position:relative;width:100%;height:auto;min-height:52px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;margin-bottom:1.3rem}.speed-chart-card .header{position:static;grid-column:2;width:auto}.speed-chart-card h2{margin:0;color:#104d3b;text-align:center;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:780;letter-spacing:-.025em}.speed-chart-card .return{position:relative;z-index:2;grid-column:1;grid-row:1}.speed-chart-card .return .btn{width:48px;height:48px;padding:0;display:grid;place-items:center;border:1px solid #b8c8bf;border-radius:50%;color:#104d3b;background:#f5f8f6}.speed-chart-card .return .btn:hover,.speed-chart-card .return .btn:active{background:#e6f1eb;color:#0b3f30}
.speed-chart-card .date-picker{display:flex;align-items:center;gap:.75rem;margin-bottom:1.2rem}.speed-chart-card #datePicker{min-height:46px;padding:.65rem .85rem;border:1px solid #b8c8bf;border-radius:12px;font:inherit;color:#17372d;background:#fff}.speed-chart-card #datePicker:focus{border-color:#187154;box-shadow:0 0 0 3px rgba(24,113,84,.15)}.speed-chart-card .downloadlink{border:0;background:transparent;color:#1769aa;padding:.45rem .65rem;font:inherit;font-weight:650;text-decoration:none;border-radius:9px}.speed-chart-card .downloadlink:hover{background:#eef5fa;color:#0d4f82}
.speed-chart-card canvas{width:100%!important;max-width:100%;margin:0 auto}.speed-chart-card .no-data{padding:1rem;margin:1rem 0;color:#842029;background:#fbeaec;border:1px solid #f1c8cd;border-radius:14px;font-size:.95rem}.speed-chart-card .button-container{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem}.speed-chart-card .button-container button{width:50px;height:50px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#187154;color:#fff;font-size:1.15rem}.speed-chart-card .button-container button:hover{background:#104d3b}.speed-chart-card .button-container button.disabled{background:#d4ddd8;color:#829189;cursor:not-allowed;pointer-events:none}.speed-chart-card .prompt{color:#61756d;text-align:center}
@media(max-width:600px){body.speed-chart-page{padding:0;background:#fff}.speed-chart-card.container{min-height:100vh;border:0;border-radius:0;box-shadow:none;padding:18px 14px}.speed-chart-card .top-container{grid-template-columns:48px 1fr 48px}.speed-chart-card .return .btn{width:44px;height:44px}.speed-chart-card canvas{min-height:390px}.speed-chart-card .date-picker{margin-top:.5rem}}