.print-details,.print-note{display:none}
@page{size:letter portrait;margin:12mm}
@media print{
 *{box-shadow:none!important;text-shadow:none!important}
 html,body{background:#fff!important;color:#172f34!important;font-size:10pt!important;margin:0!important;padding:0!important}
 header{padding:0 0 10px!important;margin:0 0 12px!important;border-bottom:2px solid #176759!important;display:flex!important;flex-wrap:nowrap!important}
 header:after{content:"Loan payoff summary";font-size:14pt;font-weight:700;color:#172f34}
 body.card-page header:after{content:"Credit card comparison"}
 .brand-main{font-size:21pt!important;color:#172f34!important}.brand-sub{font-size:9pt!important;color:#27594e!important}
 header button,header nav,.compare-link,.compare-banner,aside,.intro,.cc-intro,.back-link,.schedule-card,.result-top,#reportContext,footer{display:none!important}
 main,.cc-main,.workspace,.cc-workspace,.results{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;opacity:1!important}
 .print-details{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:0 0 14px!important;padding:10px 12px!important;background:#f3f7f5!important;border:1px solid #afc4bc;border-radius:6px;break-inside:avoid}
 .print-details div{min-width:0}.print-details dt{font-size:8pt!important;line-height:1.3;color:#36564f!important;margin:0 0 3px;font-weight:600}.print-details dd{font-size:10pt!important;line-height:1.3;color:#172f34!important;margin:0;font-weight:700;overflow-wrap:anywhere}
 .savings{background:#fff!important;color:#172f34!important;border:1px solid #9bb7ad!important;border-radius:6px!important;padding:12px 14px!important;margin:0 0 12px!important;overflow:visible!important;break-inside:avoid}
 .savings:after{display:none!important}.savings p,.savings>span{color:#29483f!important;font-size:9pt!important;line-height:1.35!important}
 .savings h2{color:#155f4e!important;font-size:25pt!important;line-height:1.1!important;margin:5px 0!important}
 .metric-row,.savings .metric-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;border-top:1px solid #bacac5!important;padding:10px 0 0!important;margin:10px 0 0!important}
 .metric-row>div{background:#f0f6f2!important;border:0!important;border-radius:4px!important;padding:9px 12px!important}
 .metric-row span{font-size:9pt!important;line-height:1.25!important;color:#29483f!important}
 .metric-row strong{font-size:25pt!important;line-height:1.1!important;letter-spacing:-.6px!important;color:#155f4e!important;margin-top:5px!important}
 #exactDays{color:#29483f!important;font-size:8pt!important;margin-top:4px!important}
 .savings .comparison-note{font-size:8pt!important;line-height:1.3!important;color:#29483f!important;margin:9px 0 0!important}
 .chart-card{border:1px solid #bacac5!important;border-radius:6px!important;padding:12px 14px!important;margin:0!important;break-inside:avoid}
 .card-heading h2{font-size:12pt!important;line-height:1.3!important;margin:0!important}.card-heading p{font-size:8pt!important;color:#36564f!important;margin:3px 0!important}
 .legend{font-size:8pt!important;color:#29483f!important;margin:10px 0 3px!important}
 #chart svg{width:100%!important;height:150px!important;max-height:150px!important}
 #chart svg text{fill:#29483f!important}
 .chart-card>.hint{font-size:7.5pt!important;color:#36564f!important;margin:3px 0!important}
 .comparison{margin-top:8px!important}.comparison>div{font-size:9pt!important;line-height:1.3!important;padding:6px 0!important;color:#172f34!important}
 .comparison strong:last-child,.comparison b:last-child{color:#155f4e!important}
 .card-outcome{display:none!important}
 .model-note{font-size:7.5pt!important;line-height:1.35!important;color:#29483f!important;margin:9px 0 0!important}
 .print-note{display:block!important;font-size:8pt!important;color:#36564f!important;margin:10px 0 0!important}
 body.card-page .print-details{margin-bottom:10px!important}
 body.card-page .savings .metric-row{margin-top:0!important;padding-top:8px!important;border-top:0!important}
 body.card-page #chart svg{height:135px!important;max-height:135px!important}
 body.card-page .comparison>div{padding:5px 0!important}
}