.tv-comparison h3 { margin: .4rem 0; }
/* A tall table can project beyond the viewport during the 3D tab transition. */
#tabPanel[aria-labelledby="tab3"] { transform: none !important; }
.learn-side .tabs { grid-template-columns: repeat(4, minmax(0,1fr)); }
.tv-comparison table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: .8rem 0; }
.tv-comparison th, .tv-comparison td { padding: .6rem .5rem; text-align: left; vertical-align: top; overflow-wrap: anywhere; border-bottom: 1px solid #fff3; }
.tv-comparison tbody th { font-weight: 500; }
.tv-comparison thead th { background: #302442; }
.tv-comparison thead .comparison-lg { background: #622742; color: #fff; }
.tv-comparison thead .comparison-samsung { background: #284a72; color: #fff; }
.tv-comparison th small { display: block; margin-top: .2rem; font-weight: 400; }
.comparison-highlight { padding: .45rem; border: 1px solid; border-radius: .55rem; }
.comparison-highlight-green { background: #35ce7e32; border-color: #65e6a273; }
.comparison-highlight-red { background: #ff536a30; border-color: #ff849273; }
.comparison-highlight-label { display: block; margin-top: .2rem; font-size: .75em; font-weight: 700; }
.comparison-highlight-green .comparison-highlight-label { color: #b5f4d0; }
.comparison-highlight-red .comparison-highlight-label { color: #ffd0d5; }
.comparison-edit-cell { display: grid; align-content: start; gap: .45rem; min-width: 0; }
.comparison-benefit { padding: .75rem 1rem; border-inline-start: 3px solid #dfbb84; background: #211d3c; border-radius: 4px 10px 10px 4px; color: #fff; }
.comparison-benefit p { margin: .25rem 0 0; }
.comparison-sources { margin-bottom: 0; }
.comparison-admin-list { margin-top: 1rem; }
.comparison-edit-grid, .comparison-heading-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .6rem; }
.comparison-heading-row { grid-template-columns: 5rem minmax(0,1fr); margin-bottom: .55rem; }
#comparisonForm fieldset { min-width: 0; margin: .75rem 0; padding: .5rem; border: 1px solid #fff3; }
#comparisonForm .comparison-check { display: flex; align-items: center; gap: .6rem; }
#comparisonForm .comparison-check input { width: auto; }
#comparisonError:empty { display: none; }
@media (max-width: 540px) {
  .learn-side .tabs { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .comparison-edit-grid { grid-template-columns: 1fr; }
  .tv-comparison th, .tv-comparison td { padding: .45rem .3rem; font-size: .85rem; }
}
