.rate-trend{margin-top:28px;border:1px solid #3a4d56;border-top:3px solid #78b9b1;border-radius:8px;background:var(--panel,#191f22);padding:24px;min-width:0;scroll-margin-top:160px;color:var(--ink,#e4edf0)}
.rate-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.rate-heading h3{font-size:22px;font-weight:650;margin:6px 0}.rate-eyebrow{font:10px monospace;letter-spacing:.12em;color:#8ebcb6}.rate-heading p,.rate-note{font-size:11px;line-height:1.8;color:#9bafb9}.rate-heading p{margin:0}.rate-current{text-align:right;flex:none}.rate-current strong{font:24px monospace;color:#b7e2d4;display:block}.rate-current span{font-size:10px;color:#99afb6}.rate-controls{display:flex;align-items:center;gap:9px 16px;flex-wrap:wrap;margin:20px 0 12px}.rate-range{display:flex;gap:5px;flex-wrap:wrap}.rate-trend button,.rate-trend input,.rate-trend select{font:12px inherit;color:inherit;min-height:34px;border:1px solid #455660;background:#202d33;border-radius:4px;padding:6px 9px;cursor:pointer}.rate-range button[aria-pressed=true]{color:#c5e9db;border-color:#76a99f;background:#28413e}.rate-controls label{font-size:11px;color:#b3c5ce;display:inline-flex;align-items:center;gap:6px}.rate-controls input[type=checkbox]{min-height:16px;accent-color:#9acdbd;cursor:pointer}.rate-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#b3c5ce;margin:10px 0}.rate-legend span:before{content:'';display:inline-block;width:22px;border-top:2px solid #9bd6c1;margin-right:7px;vertical-align:middle}.rate-legend .rate-latest:before{border-color:#e7bd72;border-top-style:dashed}.rate-legend .rate-previous:before{border-color:#9eafda;border-top-style:dashed}.rate-chart{width:100%;height:320px;display:block;touch-action:pan-y;overflow:visible}.rate-chart text{font-family:monospace;font-size:11px;fill:#9db0ba}.rate-chart .rate-zone{fill:#e7bd72;fill-opacity:.045}.rate-chart .rate-grid{stroke:#35444c;stroke-width:1}.rate-chart .rate-line{fill:none;stroke:#9bd6c1;stroke-width:2;vector-effect:non-scaling-stroke}.rate-chart .rate-projection{fill:none;stroke:#e7bd72;stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.rate-chart .rate-old{stroke:#9eafda;stroke-dasharray:3 5}.rate-chart .rate-marker{stroke:#dce8ec;stroke-dasharray:3 4;stroke-width:1}.rate-readout{padding:12px 14px;background:#142126;border:1px solid #344a54;border-radius:5px;font-size:12px;line-height:1.85;min-height:65px}.rate-readout strong{color:#d6ece6;font-weight:550}.rate-readout small{display:block;color:#93aab6;font-size:11px}.rate-date-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}.rate-date-tools label{font-size:11px;color:#a4bbc6;display:flex;gap:8px;align-items:center}.rate-date-tools input{color-scheme:dark;min-width:0;max-width:100%}.rate-meetings{display:flex;gap:7px;overflow-x:auto;padding:4px 0 10px;max-width:100%}.rate-meetings button{flex:none;font-size:11px;white-space:nowrap}.rate-meetings button[aria-pressed=true]{border-color:#d8b46e;color:#efd8ac}.rate-sources{margin-top:14px;font-size:11px;color:#93adba}.rate-sources summary{cursor:pointer;padding:6px 0}.rate-source-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px}.rate-source-links a{color:#abcbdc;text-decoration:underline;text-underline-offset:3px}.rate-table{width:100%;border-collapse:collapse;margin:12px 0;font:11px monospace}.rate-table th,.rate-table td{padding:8px 6px;border-bottom:1px solid #34454d;text-align:left}.rate-table-wrap{overflow:auto}.rate-link{color:#bddbd4!important;background:transparent;border:1px solid #526c68;border-radius:4px;padding:3px 7px;cursor:pointer;font-size:10px;white-space:nowrap;margin-left:8px}.rate-calendar-selected{outline:1px solid #91bcb0;outline-offset:-1px}.rate-trend :is(button,input,summary,a):focus-visible,.rate-link:focus-visible{outline:2px solid #b1d6e7;outline-offset:3px}.rate-stale{color:#e3bd7c!important}
@media(max-width:740px){.rate-trend{padding:16px;scroll-margin-top:200px}.rate-heading{flex-wrap:wrap}.rate-heading h3{font-size:20px}.rate-current{text-align:left}.rate-chart{height:270px}.rate-date-tools label{width:100%;justify-content:space-between}.rate-controls{gap:8px}.rate-chart text{font-size:12px}.rate-table{font-size:10px}.rate-note{font-size:10px}}
.rate-trend button,.rate-trend input,.rate-trend select{font-family:inherit;font-size:12px}

/* Keep the rate chart directly below the FOMC card in the calendar right column. */
.calendar-macro-column{min-width:0;container-type:inline-size}
.calendar-macro-column .rate-trend{margin-top:24px;padding:20px}
.calendar-macro-column .rate-heading{flex-wrap:wrap}
.calendar-macro-column .rate-current{text-align:left}
@container(max-width:600px){.rate-chart{height:270px}.rate-heading h3{font-size:20px}}
@media(max-width:1150px){.calendar-macro-column{order:-1}}
@media(max-width:740px){.calendar-macro-column .rate-trend{padding:16px}}