/* Pricing */
.compare-sec { padding-block: 8px clamp(40px, 6vw, 64px); }
.compare-sec .seg { display: inline-flex; margin-bottom: 20px; }
.table-scroll { overflow-x: auto; }
.compare { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; }
.compare th, .compare td { padding: 12px 10px; text-align: left; vertical-align: top; }
.compare thead th { font-size: 1.2rem; font-weight: 700; line-height: 1.12; }
.compare thead img { width: 100%; height: 170px; object-fit: cover; margin-bottom: 10px; border-radius: var(--r-photo); }
.compare thead a { display: block; text-decoration: none; }
.compare thead a:hover span { text-decoration: underline; text-decoration-color: var(--lantern); text-underline-offset: 3px; }
.compare tbody th { font-weight: 500; color: var(--ink-soft); }
.compare tbody tr { border-top: 1px solid var(--line); transition: background-color .15s; }
.compare ins { font-weight: 500; }
.compare tr.is-picked { background: var(--canvas); }
.compare tr.is-picked th { color: var(--night); font-weight: 700; }
.compare tr.is-picked ins { font-weight: 700; }
.tick { color: var(--ok); }
.dash { color: var(--line-strong); }
.tick .i, .dash .i { width: 20px; height: 20px; stroke-width: 2.2; vertical-align: -.25em; }
.feature { display: flex; gap: 8px; }
.feature .i { margin-top: .12em; color: var(--wood); }
.pc-list { display: none; }
@media (max-width: 760px) {
  .table-scroll { display: none; }
  .compare-sec .seg { display: flex; }
  .seg-label { width: 100%; padding: 4px 8px 2px; }
  .compare-sec .seg button { flex: 1 1 0; padding-inline: 6px; }
  .pc-list { display: grid; gap: 28px; }
  .pc > img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--r-photo); }
  .pc h2 { margin-top: 12px; font-size: 1.6rem; }
  .pc h2 a { text-decoration: none; }
  .pc-price { margin-block: 4px 8px; font-size: 1.5rem; }
  .pc-price del { font-size: .8em; }
  .pc .btn { margin-top: 12px; }
}
.price-notes { padding-bottom: var(--sec); }
.price-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 72px); }
.price-grid h2 { font-size: 1.9rem; margin-bottom: 12px; }
.price-grid p + p { margin-top: 10px; }
.addon-list .i { width: 22px; height: 22px; color: var(--wood); }
.addon-list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); line-height: 1.2; }
.addon-list small { display: block; font-size: .98rem; color: var(--ink-soft); }
@media (max-width: 760px) { .price-grid { grid-template-columns: 1fr; }
}