.bond-app{display:grid;gap:16px}.bond-card{background:#141b23;border:1px solid #303b47;border-radius:10px;padding:18px}.bond-card h2{margin:0;color:#eef4fa;font-size:18px}.bond-sub{margin:6px 0 0;color:#8fa1b3;font-size:12px}.bond-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bond-metric{background:linear-gradient(145deg,#172331,#121922);border:1px solid #304254;border-radius:9px;padding:16px}.bond-metric span{display:block;color:#92a8ba;font-size:12px}.bond-metric strong{display:block;margin:8px 0 4px;color:#f4f8fb;font:800 25px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}.bond-metric small{color:#71889c}.bond-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.bond-ranges,.bond-tenors{display:flex;flex-wrap:wrap;gap:7px}.bond-ranges button,.bond-tenors button{border:1px solid #3a4a59;border-radius:6px;background:#101720;color:#a8b7c5;padding:6px 10px;cursor:pointer}.bond-ranges button.active,.bond-tenors button.active{border-color:#58a6ff;background:#173554;color:#e5f3ff}.bond-tenors{margin-top:14px}.bond-chart{position:relative;height:390px;margin-top:14px}.bond-chart svg{display:block;width:100%;height:100%;overflow:visible}.bond-grid{stroke:#293746;stroke-width:1}.bond-axis{fill:#7f94a7;font-size:11px}.bond-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.bond-crosshair{stroke:#62788c;stroke-dasharray:3 3}.bond-tooltip{position:absolute;z-index:3;pointer-events:none;min-width:170px;padding:10px 12px;border:1px solid #44596c;border-radius:7px;background:rgba(9,14,20,.96);color:#dce8f1;font-size:12px;line-height:1.65;box-shadow:0 8px 24px rgba(0,0,0,.4)}.bond-tooltip strong{display:block;color:#fff}.bond-curve{display:grid;grid-template-columns:repeat(8,1fr);align-items:end;gap:8px;height:180px;margin-top:16px}.bond-curve-item{text-align:center}.bond-curve-bar{display:block;min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(#55b6ff,#2677bd)}.bond-curve-item strong,.bond-curve-item small{display:block}.bond-curve-item strong{margin:7px 0 3px;color:#ddecf7;font-size:12px}.bond-curve-item small{color:#8194a5;font-size:11px}.bond-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#718497;font-size:11px}.bond-empty{padding:50px;text-align:center;color:#9bacbc}@media(max-width:760px){.bond-metrics{grid-template-columns:repeat(2,1fr)}.bond-head{display:block}.bond-ranges{margin-top:12px}.bond-chart{height:310px}.bond-card{padding:14px}.bond-curve{gap:4px}.bond-curve-item strong{font-size:10px}}