.comparison { display: none; padding-block: 2rem; border-block: 1px solid var(--rule); }
.comparison.has-saved { display: block; }
.comparison h2 { outline-offset: .4rem; }
.comparison .lines { min-width: 550px; }
.comparison .lines thead th { font-weight: 650; }
.comparison .lines td { min-width: 8rem; }
.comparison-notes { margin-top: 1.5rem; max-width: 46rem; font-size: .85rem; color: var(--muted); }
.comparison-notes h3 { margin: 1rem 0 .5rem; }
.comparison-notes p { margin: .5rem 0; }
.comparison details { margin-top: 1.5rem; }
button:disabled { opacity: .6; cursor: not-allowed; }
.print-notes { display: none; }
@media print {
  .comparison { display: block !important; border: none; padding: 0; }
  main > section.calc { display: none; }
  .comparison .lines { min-width: 0; font-size: 9pt; }
  .comparison .lines th, .comparison .lines td { padding: .25rem; }
  .comparison tr { break-inside: avoid; }
  .comparison thead { display: table-header-group; }
  .comparison .table-scroll { overflow: visible; }
  .comparison details > summary { display: none; }
  .print-notes { display: block; font-size: 9pt; color: black; }
  .comparison-notes { font-size: 9pt; }
  h2, h3 { break-after: avoid; }
}