.bond-calculator{min-width:0;padding:clamp(1.25rem,4vw,3rem);border:1px solid var(--color-dark-rule);border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-inverse);font-family:var(--font-body);font-variant-numeric:tabular-nums}.bond-eyebrow{color:var(--color-accent-inverse);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.bond-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}.bond-field-label{display:block;font-weight:600;font-size:.875rem;margin-bottom:var(--spacing-xs)}.bond-input-wrap{display:flex;align-items:center;border:1px solid var(--color-dark-rule);border-radius:var(--radius-md);background:var(--color-dark-surface);transition:border-color .16s,box-shadow .16s}.bond-input-wrap:focus-within{border-color:var(--color-focus-inverse);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus-inverse) 18%,transparent)}.bond-input-wrap:has(input[aria-invalid=true]){border-color:var(--color-metal)}.bond-input-wrap input{width:100%;min-width:0;background:transparent;border:0;outline:0;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-inverse);font-size:1.25rem;font-weight:600;line-height:1.7}.bond-input-wrap>span{flex-shrink:0;padding-right:var(--spacing-md);color:var(--color-inverse-muted);font-size:.875rem}.bond-field-help,.bond-field-error{margin-top:var(--spacing-xs);font-size:.75rem;line-height:1.5}.bond-field-help{color:var(--color-inverse-muted)}.bond-field-error{color:var(--color-cream)}.bond-model-assumptions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-lg);padding-block:var(--spacing-md);border-bottom:1px solid var(--color-dark-rule);color:var(--color-inverse-muted);font-size:.75rem}.bond-model-assumptions strong{margin-left:var(--spacing-xs);color:var(--color-inverse);font-weight:500;white-space:nowrap}.bond-validation{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-left:2px solid var(--color-metal);background:var(--color-dark-surface);font-size:.875rem}.bond-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md);margin-block:var(--spacing-xl)}.bond-result{padding-block:var(--spacing-sm);min-width:0}.bond-result p{font-size:.75rem;color:var(--color-inverse-muted)}.bond-result strong{display:block;margin-block:var(--spacing-xs);font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,2vw,1.65rem);letter-spacing:-.035em;line-height:1.3;overflow-wrap:anywhere}.bond-result span{display:block;color:var(--color-inverse-muted);font-size:.6875rem;line-height:1.5}.bond-result-total{border-top:2px solid var(--color-inverse)}.bond-result-total span{color:var(--color-inverse)}.bond-simple-annual{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--color-dark-rule)}.bond-simple-annual>b{display:block;font:600 1.1rem/1.5 var(--font-display);color:var(--color-inverse)}.bond-simple-annual>span{margin-top:.2rem;color:var(--color-inverse-muted)}.bond-value-coupon{color:var(--color-accent-inverse)}.bond-value-capital{color:var(--color-metal)}.bond-chart-section{border-top:1px solid var(--color-dark-rule);padding-top:var(--spacing-xl)}.bond-chart-legend{display:flex;gap:var(--spacing-xs) var(--spacing-md);flex-wrap:wrap;color:var(--color-inverse-muted);font-size:.75rem}.bond-chart-legend li{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.bond-chart-legend span{display:inline-block;width:1.125rem;height:3px;flex-shrink:0}.bond-legend-coupon{background:var(--color-accent-inverse)}.bond-legend-capital{background:var(--color-metal)}.bond-legend-total{background:var(--color-inverse)}.bond-chart-host{min-width:0;width:100%}.bond-chart{width:100%;height:auto;display:block;overflow:visible}.bond-chart text{font-family:var(--font-body)}.bond-axis-label,.bond-axis-caption{fill:var(--color-inverse-muted);font-size:11px}.bond-grid{stroke:var(--color-dark-rule);stroke-opacity:.6;stroke-width:1}.bond-grid-zero{stroke:var(--color-inverse-muted);stroke-opacity:.6;stroke-width:1;stroke-dasharray:4 4}.bond-series{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.bond-series-coupon{stroke:var(--color-accent-inverse);stroke-dasharray:6 4}.bond-series-capital{stroke:var(--color-metal);stroke-width:2}.bond-series-total{stroke:var(--color-inverse);stroke-width:3}.bond-endpoint{fill:var(--color-inverse);stroke:var(--color-ink);stroke-width:2}.bond-chart-explanation{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md);color:var(--color-inverse-muted);font-size:.75rem;line-height:1.65}.bond-gross-note{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-dark-rule);color:var(--color-inverse-muted);font-size:.75rem;line-height:1.75}.bond-gross-note strong{color:var(--color-inverse);font-weight:500}@media(max-width:800px){.bond-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bond-result strong{font-size:1.5rem}.bond-result-total{padding-top:var(--spacing-sm)}}@media(max-width:600px){.bond-input-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.bond-results-grid{gap:var(--spacing-lg) var(--spacing-sm)}.bond-result strong{font-size:1.2rem}.bond-chart-explanation{grid-template-columns:1fr;gap:var(--spacing-sm)}.bond-model-assumptions{flex-direction:column;gap:var(--spacing-xs)}}@media(max-width:480px){.bond-results-grid{grid-template-columns:minmax(0,1fr)}.bond-result strong{font-size:1.65rem}.bond-result+.bond-result{padding-top:1rem;border-top:1px solid var(--color-dark-rule)}.bond-result-total{border-top-color:var(--color-inverse)}}