.compare-page{padding:54px 0 88px;background:var(--surface-tint);min-height:65vh}
.compare-wrap{width:min(1020px,calc(100% - 40px));margin:0 auto}
.compare-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 24px;color:var(--ink-faint);font-size:14px}
.compare-breadcrumb a,.compare-body a{color:var(--primary);font-weight:600;text-decoration:none}
.compare-breadcrumb a:hover,.compare-body a:hover{text-decoration:underline}
.compare-kicker{margin:0 0 12px;color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.compare-header{max-width:850px;margin:0 auto 34px;text-align:center}
.compare-header h1{margin:0;color:var(--ink);font-family:'Fraunces',serif;font-size:clamp(34px,5vw,54px);line-height:1.1;letter-spacing:-.035em}
.compare-answer{max-width:820px;margin:20px auto 0;color:var(--ink-soft);font-size:18px;line-height:1.72}
.compare-answer strong{color:var(--ink)}
.compare-table-wrap{overflow-x:auto;margin:34px 0 42px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 12px 36px hsl(var(--shadow-color)/.07)}
.compare-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}
.compare-table th,.compare-table td{padding:17px 19px;border-bottom:1px solid var(--border);vertical-align:top}
.compare-table thead th{background:var(--surface);color:var(--ink);font-size:15px}
.compare-table thead th:first-child{width:22%;color:var(--ink-faint);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.compare-table tbody th{color:var(--ink);font-size:14px;font-weight:700}
.compare-table td{color:var(--ink-soft);font-size:14px;line-height:1.65}
.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}
.compare-table .product-name{color:var(--primary);font-family:'Fraunces',serif;font-size:20px}
.compare-note{margin:-27px 2px 42px;color:var(--ink-faint);font-size:13px;line-height:1.6}
.compare-body{max-width:790px;margin:0 auto;color:var(--ink-soft);font-size:16px;line-height:1.78}
.compare-body h2{margin:34px 0 10px;color:var(--ink);font-family:'Inter',sans-serif;font-size:23px;line-height:1.35}
.compare-body p{margin:0 0 18px}
.compare-body ul{padding-left:22px;margin:0 0 20px}
.compare-body li{margin:0 0 8px}
.compare-callout{margin:30px 0 0;padding:22px 24px;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:14px;background:var(--surface);color:var(--ink-soft)}
.compare-callout p{margin:0}
@media(max-width:600px){
  .compare-page{padding:34px 0 62px}
  .compare-wrap{width:min(100% - 28px,1020px)}
  .compare-header{margin-bottom:26px;text-align:left}
  .compare-header h1{font-size:36px}
  .compare-answer{font-size:16px}
  .compare-table-wrap{margin:26px -14px 36px;border-radius:0}
  .compare-table th,.compare-table td{padding:14px}
  .compare-body{font-size:15px}
  .compare-body h2{font-size:20px}
}