.bond-yield{margin-block:1.25rem;padding-block:1rem;border-top:1px solid var(--line);min-width:0;color:var(--text)}
.bond-yield[hidden]{display:none}
.bond-yield h4{margin:0 0 .6rem;font-size:1rem}
.bond-yield p{line-height:1.55;overflow-wrap:anywhere}
.bond-yield-note,.bond-yield-clock{color:var(--muted)}
.bond-yield-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:.85rem}
.bond-yield .button,.bond-yield summary,.bond-yield a{min-height:48px;white-space:normal;overflow-wrap:anywhere}
.bond-yield .button{height:auto;max-width:100%;padding:.65rem .9rem}
.bond-yield .button[aria-disabled=true]{color:var(--muted);cursor:default}
.bond-yield :is(button,summary,a):focus-visible{outline:2px solid var(--focus);outline-offset:3px;scroll-margin-top:12rem}
.bond-yield-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-block:1rem;padding:1rem;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-sm,8px)}
.bond-yield-summary>div{display:grid;gap:.55rem;min-width:0}
.bond-yield-summary span{color:var(--muted);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.bond-yield-summary strong{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.bond-yield-summary p{max-width:32ch;margin:0;color:var(--muted)}
.bond-yield dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.8rem;margin:.7rem 0 1rem}
.bond-yield dl>div{min-width:0}
.bond-yield dt{color:var(--muted);font-size:.875rem;line-height:1.5}
.bond-yield dd{margin:.25rem 0 0;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.bond-yield summary{display:list-item;align-content:center;cursor:pointer;padding:.5rem 0;line-height:1.5;overflow-wrap:anywhere}
.bond-yield details{min-width:0;margin-block:.5rem}
.bond-yield-flows{list-style:none;margin:.7rem 0;padding:0;display:grid;gap:.6rem}
.bond-yield-flows>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius-sm,8px);line-height:1.5;overflow-wrap:anywhere}
.bond-yield-flows>li>span:last-child{color:var(--muted);font-size:.875rem;grid-column:1/-1}
.bond-yield a{display:inline-block;align-content:center;max-width:100%;text-decoration:underline;text-underline-offset:3px}
@media(max-width:500px){.bond-yield-actions{display:grid}.bond-yield-actions .button{width:100%}.bond-yield-summary{display:grid;padding:.8rem}.bond-yield-flows>li{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.bond-yield *{scroll-behavior:auto;transition:none;animation:none}}

.bond-yield input:focus-visible{outline:2px solid var(--focus);outline-offset:3px;scroll-margin-top:12rem}
.bond-sensitivity-control{display:grid;gap:.65rem;min-width:0;line-height:1.5;margin-block:1rem;overflow-wrap:anywhere}
.bond-sensitivity-control input{display:block;width:100%;min-width:0;max-width:100%;height:48px;margin:0;accent-color:var(--focus);cursor:pointer}
.bond-sensitivity-control output{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bond-sensitivity-result{display:grid;gap:.5rem;line-height:1.5;min-width:0;overflow-wrap:anywhere;padding:1rem;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-sm,8px)}
.bond-sensitivity-result strong{font-size:1.2rem;font-variant-numeric:tabular-nums}
.bond-sensitivity-result>span:first-child,.bond-sensitivity-result>span:last-child{color:var(--muted)}
.bond-sensitivity-plot{margin:1.25rem 0;min-width:0;max-width:560px;line-height:1.5;overflow-wrap:anywhere}
.bond-sensitivity-plot figcaption{margin-bottom:.65rem}
.bond-sensitivity-plot svg{display:block;width:100%;height:auto;overflow:visible}
.bond-sensitivity-plot svg[hidden]{display:none}
.bond-sensitivity-curve{fill:none;stroke:var(--focus);stroke-width:2.5;vector-effect:non-scaling-stroke}
.bond-sensitivity-zero{fill:none;stroke:var(--muted);stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.bond-sensitivity-point{fill:var(--text);stroke:var(--surface-raised);stroke-width:2;vector-effect:non-scaling-stroke}
.bond-sensitivity-axis,.bond-sensitivity-y{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-variant-numeric:tabular-nums}
.bond-sensitivity-axis>span,.bond-sensitivity-y>span{min-width:0;overflow-wrap:anywhere}
.bond-sensitivity-y>span:last-child{text-align:right}
