.bonds-page{gap:8px}.bonds-page .instrument-hero__main{align-items:stretch}.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:8px;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:10px;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"icon name yield""icon sub yield""metrics metrics metrics";gap:1px 8px;padding:8px 12px;text-decoration:none;display:grid}.bond-card:hover{border-color:var(--accent)}.bond-card__icon{background:var(--panel-inset);width:28px;height:28px;color:var(--accent);border-radius:8px;grid-area:icon;align-self:center;place-items:center;display:grid}.bond-card__name{color:var(--text);font-weight:600;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;grid-area:name;align-self:end;overflow:hidden}.bond-card__sub{color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;grid-area:sub;align-self:start;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-weight:600;font-size:var(--text-base)}.bond-card__yield small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:600}.bond-card__metrics{border-top:1px solid var(--line);flex-wrap:wrap;grid-area:metrics;gap:4px 8px;margin-top:7px;padding-top:7px;display:flex}.bond-card__metrics span{color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap}@media (max-width:640px){.bonds-page{gap:8px;width:min(100% - 12px,1180px);padding-top:8px}.bonds-page .instrument-hero{box-shadow:none;border-radius:12px;padding:8px}.bonds-page .instrument-hero__main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.bonds-page .terminal__kicker{font-size:var(--text-micro);margin-bottom:2px}.bonds-page .instrument-hero__main h1{font-size:var(--text-md);letter-spacing:0;line-height:1.15}.bonds-page .instrument-hero__main .quality-source{max-width:none;color:var(--muted);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;line-height:1.35;display:-webkit-box;overflow:hidden}.bonds-page .instrument-quote{text-align:right;border-radius:10px;gap:2px;min-width:76px;padding:8px}.bonds-page .instrument-quote span,.bonds-page .instrument-quote em{font-size:9px;line-height:1.2}.bonds-page .instrument-quote strong{font-size:var(--text-xl)}.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{border:1px solid var(--line);background:var(--panel);min-width:56px;height:30px;font-size:var(--text-xs);border-radius:999px;flex:none}.bond-filters .range-button--active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 46%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--panel))}.bond-filters .range-button--active:after{display:none}.bond-list{gap:6px}.bond-card{border-radius:9px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name yield""sub yield""metrics metrics";gap:0 8px;min-height:72px;padding:8px}.bond-card__icon{display:none}.bond-card__name{min-height:2.34em;color:var(--text);font-size:var(--text-sm);-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;align-self:start;line-height:1.15;display:-webkit-box;overflow:hidden}.bond-card__sub{color:var(--muted);font-size:var(--text-micro);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.2;overflow:hidden}.bond-card__yield{text-align:right;align-content:start;justify-items:end;min-width:58px;padding-top:0}.bond-card__yield strong{font-size:var(--text-sm);line-height:1.15}.bond-card__yield small{letter-spacing:0;font-size:9px}.bond-card__metrics{border-top-color:color-mix(in srgb, var(--line) 70%, transparent);scrollbar-width:none;flex-wrap:nowrap;gap:4px;margin-top:5px;padding-top:5px;display:flex;overflow-x:auto}.bond-card__metrics::-webkit-scrollbar{display:none}.bond-card__metrics span{text-overflow:ellipsis;border:1px solid var(--line);background:var(--panel-inset);max-width:140px;color:var(--muted);border-radius:999px;flex:none;padding:2px 6px;font-size:9px;line-height:1.35;overflow:hidden}}