.bond-filters{align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.bond-list{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:10px;display:grid}.bond-card{border:1px solid var(--line);background:var(--panel);color:var(--text);transition:border-color var(--dur-micro) var(--ease-out-expo);border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"icon name yield""icon sub yield""metrics metrics metrics";gap:1px 10px;padding:12px 14px;text-decoration:none;display:grid}.bond-card:hover{border-color:var(--accent)}.bond-card__icon{background:var(--panel-inset);width:30px;height:30px;color:var(--accent);border-radius:9px;grid-area:icon;align-self:center;place-items:center;display:grid}.bond-card__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-area:name;align-self:end;font-size:.9rem;font-weight:650;overflow:hidden}.bond-card__sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:sub;align-self:start;font-size:.74rem;overflow:hidden}.bond-card__yield{text-align:right;grid-area:yield;align-content:center;justify-items:end;display:grid}.bond-card__yield strong{color:var(--accent);font-size:1rem;font-weight:750}.bond-card__yield small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:600}.bond-card__metrics{border-top:1px solid var(--line);flex-wrap:wrap;grid-area:metrics;gap:3px 12px;margin-top:8px;padding-top:8px;display:flex}.bond-card__metrics span{color:var(--text-secondary);white-space:nowrap;font-size:.74rem}@media (max-width:640px){.bond-filters{margin:0 calc(-1 * var(--page-pad-x));padding:0 var(--page-pad-x) 2px;scrollbar-width:none;flex-wrap:nowrap}.bond-filters::-webkit-scrollbar{display:none}.bond-filters svg{display:none}.bond-filters .range-button{flex:none}.bond-card{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon name""icon sub""yield yield""metrics metrics";padding:14px 12px}.bond-card__name,.bond-card__sub{white-space:normal}.bond-card__yield{text-align:left;justify-items:start;padding-top:6px}.bond-card__metrics{gap:6px;display:grid}}