.comparison-page { max-width: 1120px; }
.comparison-page > article > p, .comparison-page > article > ul, .comparison-page > article > ol { max-width: 820px; }
.comparison-page h2 { scroll-margin-top: 90px; }
.comparison-scroll { overflow-x: auto; margin: 24px 0 40px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.55; text-align: left; }
caption { text-align: left; font-weight: 650; padding: 18px 20px; }
th, td { padding: 16px; vertical-align: top; border-top: 1px solid #e5e7eb; }
thead th { background: #f1efed; }
tbody th { width: 18%; font-weight: 600; }
tbody td { width: 27%; }
tbody td:last-child { width: 28%; }
tbody tr:nth-child(even) { background: #fafafa; }
.output-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.output-grid figure { min-width: 0; }
@media(max-width:768px) { table { min-width: 760px; } .output-grid { grid-template-columns: 1fr; } }
@media print { .comparison-scroll { overflow: visible; } table { min-width: 0; font-size: 10px; } th,td { padding: 6px; } tr { break-inside: avoid; } .site-header,.site-footer { display:none; } }

.table-hint { display: none; }
@media(max-width:768px) { .table-hint { display: block; } }