/* Free-market expansion pages — additions only. Built entirely from the site's existing tokens
   (site.css :root); nothing here overrides an existing component. */

/* Offer list under the pricing steps */
.tf-plan-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.tf-plan-list li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;color:var(--ink-2);line-height:1.5}
.tf-plan-list .ico{width:20px;height:20px;margin-top:2px;color:var(--brand-600)}

/* Tables: keep the first column readable while scrolling sideways on phones */
.tf-table th[scope=row]{font-weight:600;color:var(--ink);min-width:150px}
@media (max-width:719px){
  .tf-table th[scope=row]{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 0 var(--line)}
  .tf-table thead th:first-child{position:sticky;left:0;z-index:2}
}
.tf-yes{color:var(--brand-800);font-weight:600}
.tf-no{color:var(--muted)}

/* Long-form copy blocks inside sections */
.tf-prose{max-width:72ch}
.tf-prose h3{margin:1.6em 0 .5em;font-size:1.2rem}
.tf-prose > :first-child{margin-top:0}

/* Comparison verdict boxes */
.tf-verdict{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.tf-verdict > div{padding:clamp(20px,1.1rem + .6vw,28px);border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.tf-verdict h3{margin:0 0 10px;font-size:1.1rem}
.tf-verdict ul{margin:0;padding-left:1.2em;color:var(--ink-2);line-height:1.6}
.tf-verdict li+li{margin-top:6px}
.tf-checked{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;font-size:.9rem;color:var(--muted)}
.tf-sources{margin:0;padding-left:1.2em;font-size:.92rem;line-height:1.7;color:var(--muted)}

/* Forum Hub: journey and theme strip */
.tf-journey{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));counter-reset:tj}
.tf-journey li{counter-increment:tj;padding:18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);min-width:0}
.tf-journey li::before{content:counter(tj);display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:10px;background:var(--ink);color:var(--zest);font-family:var(--font-display);font-weight:700}
.tf-journey h3{margin:0 0 6px;font-size:1.05rem}
.tf-journey p{margin:0 0 8px;color:var(--muted);font-size:.95rem;line-height:1.55}
.tf-journey a{font-weight:600;font-size:.92rem}
.tf-themes{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.tf-themes li{min-width:0}
.tf-themes a{display:block;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-xs);text-decoration:none !important;color:var(--ink)}
.tf-themes a:hover{border-color:var(--brand-300)}
.tf-themes a:focus-visible{outline:none;box-shadow:var(--ring)}
.tf-themes img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:var(--bg-soft)}
.tf-themes span{display:block;padding:10px 14px;font-weight:600;font-size:.95rem}

/* Hub link tiles (compare index, forum hub topics) */
.tf-links{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.tf-links a{display:block;height:100%;padding:18px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--line);text-decoration:none !important;color:var(--ink)}
.tf-links a:hover{border-color:var(--brand-300)}
.tf-links a:focus-visible{outline:none;box-shadow:var(--ring)}
.tf-links strong{display:block;margin-bottom:4px;font-size:1.02rem}
.tf-links span{display:block;color:var(--muted);font-size:.93rem;line-height:1.55}


/* Space between verdict boxes and the paragraph under them */
.tf-verdict + .tf-prose{margin-top:28px}