@charset "UTF-8";
body[data-page="compare"] .page-heading h1 { text-wrap: balance; line-break: strict; }
.compare-tools { margin: 0 0 17px; padding: 18px 21px 15px; border: 1px solid #d9e1d1; border-radius: 4px; background: #f1f4ea; }
.compare-tools-top { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 13px 22px; }
.compare-modes { margin: 0; padding: 0; border: 0; min-width: 0; }
.compare-modes legend { margin-bottom: 8px; padding: 0; color: #5d7351; font-size: 11px; }
.compare-mode-buttons { display: flex; flex-wrap: wrap; gap: 7px; }
.compare-mode-buttons button { min-height: 44px; padding: 9px 14px; border: 1px solid #b9c8ad; border-radius: 3px; background: #fcfdf9; color: #4d6542; font-size: 12px; line-height: 1.7; }
.compare-mode-buttons button[aria-pressed="true"] { background: var(--green); color: white; border-color: var(--green); }
.compare-print-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 13px; border: 1px solid #c6d2bc; border-radius: 3px; background: transparent; color: #5c7150; font-size: 12px; white-space: nowrap; }
.compare-tools-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px 18px; margin-top: 10px; }
.compare-mode-status { color: #718266; font-size: 11px; line-height: 1.8; }
.compare-scroll-tools { display: flex; align-items: center; gap: 11px; }
.compare-scroll-tools > button { display: inline-grid; place-items: center; width: 44px; min-height: 44px; padding: 0; border: 1px solid #c1cfb6; border-radius: 3px; background: #fcfdf8; color: #3f6234; font-size: 18px; }
.compare-scroll-tools > button:disabled, .compare-print-button:disabled { opacity: .4; cursor: default; }
.compare-scroll-meter { width: 128px; color: #728466; font-size: 10px; line-height: 1.7; }
.compare-scroll-meter > span { display: flex; justify-content: space-between; gap: 8px; }
.compare-scroll-meter progress { display: block; width: 100%; height: 3px; margin-top: 6px; border: 0; border-radius: 2px; overflow: hidden; appearance: none; background: #d8e1ce; color: #6e8b5c; }
.compare-scroll-meter progress::-webkit-progress-bar { background: #d8e1ce; }
.compare-scroll-meter progress::-webkit-progress-value { background: #6e8b5c; }
.compare-scroll-meter progress::-moz-progress-bar { background: #6e8b5c; }
.compare-print-context { display: none; }
@media (hover: hover) and (pointer: fine) {
  .compare-mode-buttons button:not([aria-pressed="true"]):hover, .compare-print-button:not(:disabled):hover, .compare-scroll-tools > button:not(:disabled):hover { background: #e5ecdc; border-color: #96ad84; }
}
@media (prefers-reduced-motion: no-preference) {
  .compare-mode-buttons button, .compare-print-button, .compare-scroll-tools > button { transition: background-color 160ms ease, border-color 160ms ease; }
}
@media (max-width: 650px) {
  .compare-tools { padding: 17px 16px 13px; margin-bottom: 13px; }
  .compare-tools-top { align-items: center; gap: 10px; }
  .compare-mode-buttons { gap: 7px; }
  .compare-mode-buttons button { padding-inline: 12px; }
  .compare-print-button { border-color: transparent; padding-inline: 0; }
  .compare-tools-bottom { gap: 7px; margin-top: 3px; }
  .compare-mode-status { font-size: 10px; }
  .compare-scroll-tools { margin-left: auto; width: 100%; justify-content: space-between; gap: 13px; }
  .compare-scroll-meter { flex: 1; max-width: 200px; width: auto; }
}
@media (max-width: 360px) {
  .compare-tools { padding-inline: 13px; }
  .compare-mode-buttons button { padding-inline: 10px; }
}
@media print {
  @page { size: A4 landscape; margin: 12mm; }
  body[data-page="compare"] { background: #fff; padding: 0; font: 10pt/1.5 var(--sans); color: #20291b; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  body[data-page="compare"] .site-header,
  body[data-page="compare"] .site-footer,
  body[data-page="compare"] .breadcrumb,
  body[data-page="compare"] .comparison-picker,
  body[data-page="compare"] .compare-tray,
  body[data-page="compare"] .toast,
  body[data-page="compare"] .skip-link,
  body[data-page="compare"] .share-button,
  body[data-page="compare"] .share-feedback,
  body[data-page="compare"] .comparison-remove,
  body[data-page="compare"] .comparison-empty,
  body[data-page="compare"] .scroll-hint,
  body[data-page="compare"] .comparison-table .cell-detail { display: none !important; }
  body[data-page="compare"] .page-container { width: 100%; margin: 0; }
  body[data-page="compare"] .page-heading { padding: 0 0 8mm; margin: 0; }
  body[data-page="compare"] .page-heading .eyebrow { display: none; }
  body[data-page="compare"] .page-heading h1 { font-size: 20pt; line-height: 1.5; margin: 0; }
  body[data-page="compare"] .page-heading > p:not(.eyebrow) { font-size: 10pt; margin-top: 3mm; }
  body[data-page="compare"] #comparison-result { margin-top: 6mm; }
  body[data-page="compare"] #comparison-result > .section-heading { margin-bottom: 2mm; }
  body[data-page="compare"] #comparison-result > .section-heading h2 { font-size: 13pt; }
  body[data-page="compare"] .compare-tools { margin: 0 0 3mm; border: 0; padding: 0; background: none; }
  body[data-page="compare"] .compare-tools > :not(.compare-print-context) { display: none !important; }
  body[data-page="compare"] .compare-print-context { display: block; font-size: 9pt; color: #57644d; }
  body[data-page="compare"] .comparison-scroll { overflow: visible; width: 100%; border: 1px solid #b8c4ad; }
  body[data-page="compare"] .comparison-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 9pt; line-height: 1.6; }
  body[data-page="compare"] .comparison-table caption { font-size: 8pt; padding: 2mm 3mm; }
  body[data-page="compare"] .comparison-table th,
  body[data-page="compare"] .comparison-table td { min-width: 0; max-width: none; width: var(--compare-print-column, 27.66%); padding: 3mm; border: 1px solid #c2cdb8; overflow-wrap: anywhere; font-size: 9pt; line-height: 1.6; }
  body[data-page="compare"] .comparison-table th:first-child { position: static; min-width: 0; width: 17%; font-size: 9pt; }
  body[data-page="compare"] .comparison-table thead { display: table-header-group; }
  body[data-page="compare"] .comparison-table thead th > a { font-size: 12pt; line-height: 1.6; }
  body[data-page="compare"] .comparison-table thead .eyebrow { font-size: 8pt; }
  body[data-page="compare"] .comparison-table tr { break-inside: avoid; page-break-inside: avoid; }
  body[data-page="compare"] .comparison-table .cell-summary { max-width: none; font-size: 9pt; line-height: 1.7; }
  body[data-page="compare"] .comparison-table .rakuten-link { min-height: 0; padding: 0; margin: 0; background: transparent; border: 0; color: #4e5c46; font-size: 9pt; justify-content: flex-start; text-align: left; }
  body[data-page="compare"] .comparison-table .rakuten-link > span { display: none; }
  body[data-page="compare"] [data-reveal] { animation: none !important; transform: none !important; }
}