/* ============================================================
   seo.css: comparison and guide pages (/best/*, /compare/*).
   Loaded after kit.css and refinement.css. Only classes used by those pages.
   ============================================================ */
.seo-page .prose{max-width:none}
.seo-page .prose > *:not(.seo-table-wrap){max-width:760px}
.seo-page .prose h2{margin-top:56px}
.seo-page .prose h2:first-child{margin-top:0}
.seo-page .prose ul{margin:0 0 20px 0}
.seo-page .prose p.seo-lede{font-family:var(--serif);font-size:clamp(19px,2.2vw,23px);line-height:1.55;color:var(--ink);margin-bottom:12px}
.seo-page .prose p.seo-lede strong{font-weight:600;color:var(--ink)}

/* comparison table: full table on wide screens, stacked cards under 720px */
.seo-table-wrap{margin:28px 0 10px;border:1px solid var(--line-dark);border-radius:6px;overflow-x:auto;background:rgba(14,13,11,0.015)}
.seo-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15.5px;line-height:1.5;color:#4a4435}
.seo-table th,.seo-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line-dark)}
.seo-table thead th{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#6b6353;background:rgba(14,13,11,0.04)}
.seo-table tbody th{font-family:var(--serif);font-size:16.5px;font-weight:500;color:var(--ink);min-width:150px}
.seo-table tbody tr:last-child th,.seo-table tbody tr:last-child td{border-bottom:0}
.seo-table .is-us{background:rgba(180,80,42,0.07);color:var(--ink)}
.seo-table thead th.is-us{color:var(--rust)}
.table-source{font-size:13.5px !important;color:#6b6353 !important;margin:8px 0 0 !important}
@media(max-width:720px){
  .seo-table-wrap{border:0;background:none;overflow:visible}
  .seo-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .seo-table{min-width:0}
  .seo-table,.seo-table tbody,.seo-table tr,.seo-table th,.seo-table td{display:block;width:100%}
  .seo-table tr{border:1px solid var(--line-dark);border-radius:6px;margin-bottom:14px;overflow:hidden;background:rgba(14,13,11,0.015)}
  .seo-table tbody th{background:rgba(14,13,11,0.04);font-size:18px}
  .seo-table td{border-bottom:1px solid var(--line-dark)}
  .seo-table td::before{content:attr(data-label);display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#6b6353;margin-bottom:4px}
  .seo-table td:empty{display:none}
}

/* closing trial card (same pattern as /alwaysready) */
.seo-cta .trial{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:48px 44px;text-align:center;max-width:640px;margin:0 auto}
.seo-cta .trial .price-line{font-family:var(--serif);font-size:clamp(26px,4vw,34px);font-weight:500;color:var(--paper);letter-spacing:-0.01em;margin-bottom:14px}
.seo-cta .trial p{font-size:16px;color:var(--paper-dim);line-height:1.6;margin-bottom:10px}
.seo-cta .trial .fine{font-size:13px;color:var(--stone);margin-top:18px}
.seo-cta .trial .btn{margin-top:22px}
@media(max-width:640px){.seo-cta .trial{padding:36px 24px}}
.seo-page .faq{margin-top:8px}