/* Bond Yield Calculator specific styles */


  .draw{stroke-dasharray:3000;stroke-dashoffset:3000;animation:dash 1.8s .7s cubic-bezier(.2,.8,.2,1) forwards;}

  @keyframes dash{to{stroke-dashoffset:0}}
  .fade-area{opacity:0;animation:fadeIn 1.2s 1.4s forwards;}
  @keyframes fadeIn{to{opacity:1}}
  .tip-label{font-family:'Neue Montreal','Plus Jakarta Sans',sans-serif;fill:var(--ink);font-variant-numeric:tabular-nums;}
  .tip-sub{fill:var(--ink-3);font-size:11px;letter-spacing:.04em;}

  .bond-badge{
    display:inline-flex;align-items:center;gap:8px;padding:4px 13px;border-radius:999px;
    font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;transition:all .3s;
  }
  .bond-badge.discount{background:rgba(8,91,168,.08);color:var(--navy-1);}
  .bond-badge.premium{background:rgba(236,22,81,.08);color:var(--magenta-2);}
  .bond-badge.par{background:rgba(26,26,26,.06);color:var(--ink-2);}


@media (max-width:1700px){

}

@media (max-width:1600px){
  .topbar{padding:32px 120px;}
  .backlink{margin:14px 120px 0;}


}
@media (max-width:1280px){
  .topbar{padding:32px 64px;}
  .backlink{margin:14px 64px 0;}


}
@media (max-width:1100px){
  .topbar{padding:28px 40px;}
  .backlink{margin:14px 40px 0;}


}
@media (max-width:900px){
  .topbar{padding:22px 22px;}
  .topnav{display:none;}
  .backlink{margin:14px 22px 0;}

  .bond-badge { padding: 10px 24px; font-size: 14px;}

  .small-num{font-size:28px;}
  .result-grid{grid-template-columns:1fr 1fr;gap:32px 24px;}

}


@media(max-width:480px){

	.tip-sub {font-size: 24px; letter-spacing: 0.08em;}
	.bond-badge {font-size: 10px; padding: 6px 16px; text-align: center;}
}