.rate-history-hero{background:linear-gradient(135deg,var(--paper) 62%,#e4eee9)}
.rate-summary{padding-bottom:34px}
.rate-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-18px;position:relative}
.rate-stat-grid article{display:flex;flex-direction:column;min-height:132px;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(18,60,54,.06)}
.rate-stat-grid span{font-size:12px;font-weight:700;color:#526560}.rate-stat-grid strong{margin:10px 0 4px;color:var(--green);font-size:32px;line-height:1}.rate-stat-grid small{color:#73817e}
.rate-warning{margin:22px 0 0;padding:16px 19px;border-left:4px solid var(--terracotta);background:#fff8f1;color:#53615e;font-size:14px}
.rate-explorer{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}
.rate-controls,.rate-chart-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;padding:26px}
.rate-controls{position:sticky;top:18px}.rate-controls h2{margin:7px 0 22px;font-size:25px}.rate-controls fieldset{margin:0 0 22px;padding:0;border:0}.rate-controls legend,.rate-controls>label{display:block;margin-bottom:10px;font-size:13px;font-weight:700}.rate-controls fieldset label{display:grid;grid-template-columns:18px 12px 1fr;gap:9px;align-items:center;padding:8px 0;color:#40534f;font-size:13px}.rate-controls input{width:18px;height:18px;accent-color:var(--green)}.rate-controls select{width:100%;min-height:44px;margin-bottom:16px;padding:9px;border:1px solid #9caaa6;border-radius:6px;background:#fff;color:var(--ink)}.rate-controls p{color:#65736f;font-size:12px;line-height:1.55}.rate-controls .share-link{display:block;margin-top:18px}
.rate-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--rate-colour)}.bank-rate{--rate-colour:#c85b3d}.fixed-2-year{--rate-colour:#0c6b60}.fixed-3-year{--rate-colour:#718c2c}.fixed-5-year{--rate-colour:#5e6eb0}.fixed-10-year{--rate-colour:#9a5790}
.rate-chart-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.rate-chart-heading h2{margin:7px 0 0;font-size:28px}.rate-unit{padding:6px 10px;border-radius:20px;background:var(--mint);color:var(--green);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.rate-key{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 8px;color:#51625e;font-size:12px}.rate-key span{display:flex;align-items:center;gap:7px}.rate-key i{flex:0 0 auto}
.rate-history-chart{display:block;width:100%;height:auto;overflow:visible}.rate-history-chart text{fill:#64736f;font-size:12px}.rate-grid{stroke:#dfe6e2;stroke-width:1}.rate-series{fill:none;stroke:var(--rate-colour);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.rate-empty{margin:30px 0;padding:30px;background:var(--paper);text-align:center}
.rate-chart-card .table-scroll{max-width:100%;margin-top:18px;max-height:560px;overflow:auto}.rate-chart-card table{width:100%;border-collapse:collapse;font-size:12px}.rate-chart-card th,.rate-chart-card td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.rate-chart-card th:first-child{text-align:left}.rate-chart-card thead th{position:sticky;top:0;background:#fff;color:var(--green)}.rate-chart-card caption{text-align:left;padding:8px 0 14px;font-weight:700;color:var(--ink)}.rate-chart-card .source-note{margin:18px 0 0;color:#697773;font-size:11px;line-height:1.55}
@media(max-width:900px){.rate-stat-grid{grid-template-columns:repeat(2,1fr)}.rate-explorer{grid-template-columns:1fr}.rate-controls{position:static}.rate-controls fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}}
@media(max-width:560px){.rate-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.rate-stat-grid article{min-height:116px;padding:17px}.rate-stat-grid strong{font-size:25px}.rate-controls,.rate-chart-card{padding:19px}.rate-controls fieldset{grid-template-columns:1fr}.rate-chart-heading{align-items:start}.rate-chart-heading h2{font-size:23px}.rate-unit{display:none}.rate-chart-card .table-scroll{overflow-x:auto}.rate-warning{font-size:13px}}
@media(prefers-reduced-motion:reduce){.rate-series{transition:none}}