.mobileYearComparison{display:none}
@media(max-width:700px){
 #yearComparison{display:flex;flex-direction:column;min-width:0}
 #yearComparison>*{order:3;min-width:0;max-width:100%;box-sizing:border-box}
 #yearComparison>h3{order:0}
 #yearComparison>.mobileYearComparison{display:block;order:1}
 #yearComparison>.futureLawStatus{order:2}
 #yearComparison .salePlanTable{display:none}
 .mobileCompareNote{font-size:13px!important;line-height:1.6!important;margin:0 0 12px!important}
 .mobileYearCard{background:#fff;border:1px solid #d3dfd3;border-radius:12px;padding:12px;margin:0 0 10px;min-width:0}
 .mobileYearCard h4{font-size:17px;margin:0 0 10px;line-height:1.3}
 .mobileYearCard dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;margin:0}
 .mobileYearCard dl>div{min-width:0}
 .mobileYearCard dt{font-size:12px;line-height:1.5;color:#51645d}
 .mobileYearCard dd{font-size:16px;font-weight:700;line-height:1.5;margin:2px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
 .mobileYearCard .billValue dt{color:#315f52}
 .mobileYearCard details{border-top:1px solid #e3e9e5;margin-top:10px;padding-top:8px;font-size:12px}
 .mobileYearCard details p,.mobileCompareMissing{font-size:13px!important;line-height:1.6!important}
}
@media print{.mobileYearComparison{display:none!important}#yearComparison .salePlanTable{display:block!important}}
@media(max-width:360px){.mobileYearCard dd{font-size:14px}.mobileYearCard{padding:10px}.mobileYearCard dl{gap:8px 4px}}