/* Basic/PRO comparison: one static table, readable without horizontal scrolling. */
.comparison-jump { margin-top: 24px; }
.plan-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: stretch; }
.basic-card { padding: 32px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); }
.basic-card h2 { font-size: 32px; margin-bottom: 12px; }
.basic-card > p { font-size: 16px; }
.basic-card > .button { width: 100%; margin-top: auto; }
.basic-card .check-list { margin-bottom: 30px; }
.edition-label { display: inline-flex; align-items: center; padding: 5px 9px; color: var(--cyan-dark); border: 1px solid var(--line); border-radius: 4px; font-size: 11px; font-weight: 750; letter-spacing: .06em; }
.plan-cards > article { display: flex; flex-direction: column; scroll-margin-top: 98px; }
.plan-cards .price { margin-top: 22px; }
.plan-cards .price-card > .button { margin-top: auto; }
.plan-cards .check-list { flex-grow: 1; }
.plan-cards .check-list li { font-size: 15px; }
.stats-included { display: flex; align-items: start; gap: 24px; padding: 26px 30px; margin-bottom: 26px; background: var(--blue-soft); border: 1px solid var(--line); border-radius: 8px; }
.stats-included > .edition-label { flex-shrink: 0; margin-top: 3px; }
.stats-included h3 { font-size: 25px; margin-bottom: 10px; }
.stats-included p { font-size: 15px; }
#compare { scroll-margin-top: 82px; }
.plan-table-wrap { border: 1px solid var(--line); border-radius: 8px; }
.plan-comparison { table-layout: fixed; }
.plan-comparison .plan-status-col { width: 15%; }
.plan-comparison tbody th { width: auto; font-weight: 500; line-height: 1.5; }
.plan-comparison td, .plan-comparison thead th:not(:first-child) { text-align: center; }
.plan-comparison thead th { position: sticky; top: 78px; z-index: 2; box-shadow: 0 1px 0 var(--line); }
.plan-comparison .plan-group th { background: var(--raised); color: var(--ink); font-size: 13px; font-weight: 750; letter-spacing: .03em; padding-block: 15px; }
.plan-comparison .stats-highlight > * { background: var(--blue-soft); }
.plan-comparison .stats-highlight th { font-weight: 700; }
.plan-check { font-size: 21px; font-weight: 650; color: var(--cyan-dark); }
.plan-dash { font-size: 19px; color: var(--muted); }
.basic-feature-note { display: inline-block; color: var(--cyan-dark); font-size: 11px; font-weight: 750; letter-spacing: .08em; margin-bottom: 12px; }
@media (max-width: 900px) {
  .plan-comparison thead th { top: 70px; }
  .plan-cards { gap: 22px; }
  .basic-card, .pro-plan-card { padding: 26px; }
  .plan-cards .price-card-top { gap: 10px; }
  .plan-cards .product-tag { font-size: 9px; }
}
@media (max-width: 650px) {
  .plan-cards { grid-template-columns: 1fr; }
  .stats-included { flex-direction: column; gap: 15px; padding: 24px; }
  .plan-comparison .plan-status-col { width: 58px; }
  .plan-comparison th, .plan-comparison td { padding: 15px 12px; font-size: 14px; }
  .plan-comparison th:not(:first-child), .plan-comparison td { padding-inline: 5px; }
  .plan-comparison caption { padding: 15px 12px; }
  .plan-comparison .plan-group th { font-size: 12px; }
  .plan-comparison thead th { font-size: 12px; }
}