.fx-card{min-width:0;padding:24px 22px;background:#e7f6f8;border:1px solid #e0f0f3;border-radius:11px;color:#18323d}
.fx-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.fx-card .eyebrow{font-size:8px;letter-spacing:.12em;color:#00859e}
.fx-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#508691;white-space:nowrap}
.fx-badge:before{content:"";width:5px;height:5px;background:#00a9bb;border-radius:50%}
.fx-card h2{font-size:23px;line-height:1.4;letter-spacing:-1px;margin:13px 0 20px;font-weight:700}
.fx-primary{padding-bottom:18px;border-bottom:1px solid #cfe5eb}
.fx-primary>span{display:block;font-size:12px;color:#456e7d;font-weight:650}
.fx-unit{font-size:10px;color:#7997a2;font-weight:400}
.fx-primary strong{display:flex;gap:7px;align-items:baseline;margin-top:8px;font-size:34px;font-weight:750;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.fx-primary strong small{font-size:15px;font-weight:500;letter-spacing:0;color:#4c7785}
.fx-pairs{margin:5px 0 16px}
.fx-pairs>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px solid #d9ebef}
.fx-pairs dt{font-size:11px;color:#507b89;font-weight:600;white-space:nowrap}
.fx-pairs dt>span{display:block;font-size:9px;font-weight:400;color:#839da7;margin-top:2px}
.fx-pairs dd{margin:0;font-size:17px;line-height:1.4;color:#244d5e;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.fx-pairs dd small{font-size:10px;font-weight:400;color:#6e8f9d;letter-spacing:0}
.fx-card .fx-time{margin:0 0 7px;font-size:9px;line-height:1.7;color:#6e8f9b}
.fx-time time{white-space:nowrap}
.fx-source{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}
.fx-source>a{color:#24869a}
.fx-source>button{border:0;padding:4px 0 4px 8px;border-radius:4px;background:transparent;color:#3e8192;font:inherit;cursor:pointer;white-space:nowrap;min-height:28px}
.fx-source>button:disabled{opacity:.6;cursor:wait}
.fx-source>button:focus-visible{outline:2px solid #007e99;outline-offset:3px}
.fx-card .fx-status,.fx-card .fx-note{margin:7px 0 0;font-size:9px;line-height:1.65;color:#7995a0}
.fx-card[data-fx-state="cached"] .fx-badge:before,.fx-card[data-fx-state="delayed"] .fx-badge:before{background:#c69e54}
.fx-card[data-fx-state="unavailable"] .fx-badge:before{background:#95a5ab}
@media(max-width:760px){.sidebar>.fx-card,.sidebar>.fx-card+.sidebar-links{grid-column:1/-1}.fx-card{padding:22px}.fx-card .eyebrow{font-size:9px}.fx-card h2{font-size:23px;margin-bottom:17px}.fx-primary strong{font-size:34px}.fx-pairs dt{font-size:12px}.fx-pairs dd{font-size:18px}.fx-pairs dt>span,.fx-card .fx-time,.fx-card .fx-note,.fx-card .fx-status{font-size:10px}.fx-source{font-size:11px}.fx-source>button{min-height:36px}}