.bond-tape{display:flex;align-items:stretch;width:100%;overflow:hidden;color:#e2e8f0;background:#0b1220;border-block:1px solid rgba(255,255,255,.1)}
.bond-tape__label{z-index:2;display:flex;align-items:center;gap:.45rem;flex:0 0 auto;padding-inline:.9rem;color:#fff;background:#0f766e;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.bond-tape__label span{color:#5eead4;font-size:.6rem}
.bond-tape__viewport{min-width:0;overflow:hidden}
.bond-tape__track{display:flex;width:max-content;animation:bond-tape-scroll 150s linear infinite}
.bond-tape__viewport:hover .bond-tape__track{animation-play-state:paused}
.bond-tape__viewport:focus-within .bond-tape__track,.bond-tape__viewport.is-paused .bond-tape__track{animation-play-state:paused}
.bond-tape__group{display:flex;align-items:center;flex-shrink:0}
.bond-tape__item{display:flex;align-items:center;gap:.65rem;padding:.75rem 1.2rem;color:inherit;text-decoration:none;white-space:nowrap}
.bond-tape__item strong{color:#5eead4;font-size:.72rem;letter-spacing:.04em}
.bond-tape__item span{font-size:.8rem}
.bond-tape__separator{color:#475569;font-size:.55rem}
@keyframes bond-tape-scroll{to{transform:translateX(-50%)}}

.saved-section{padding-top:4.5rem}
.saved-section .section-head{align-items:end}
.saved-section .secondary{margin-bottom:1.35rem}
.saved-panel{box-shadow:none}
.saved-bonds{display:grid;gap:.65rem}
.saved-group{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:var(--soft);border-radius:12px}
.saved-group strong,.saved-group span{display:block}
.saved-group span{color:var(--muted);font-size:.78rem}
.remove-saved{color:#b42318;background:transparent;border:0;font-weight:800;cursor:pointer}
.saved-actions{display:flex;gap:.7rem;margin-top:1rem}
.primary--inline{width:auto;min-width:210px}
.secondary--danger{color:#b42318}
.saved-actions button:disabled{opacity:.45;cursor:not-allowed}

.results-history{padding-bottom:5.5rem}
.history-table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.history-table{width:100%;border-collapse:collapse;white-space:nowrap}
.history-table th,.history-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);text-align:left;font-size:.82rem}
.history-table th{color:var(--muted);background:var(--soft);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.history-table tbody tr:last-child td{border-bottom:0}
.history-table .bond-number{font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.history-table a{color:var(--accent);font-weight:800}

@media(max-width:700px){
  .bond-tape__label{padding-inline:.75rem}
  .bond-tape__item{display:block;padding:.55rem 1rem}
  .bond-tape__item strong,.bond-tape__item span{display:block}
  .bond-tape__track{animation-duration:210s}
  .saved-actions{align-items:stretch;flex-direction:column}
  .primary--inline{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .bond-tape__track{width:100%;animation:none;overflow:auto}
  .bond-tape__group[aria-hidden=true]{display:none}
}

@media (pointer: coarse) {
  .bond-tape__viewport { overflow-x: auto; overscroll-behavior-inline: contain; }
  .bond-tape__track { animation-play-state: paused; }
  .bond-tape__item { min-height: 48px; }
}