/* Roadmap: one plan card per website or app (done recently / working on now / next), 11 Nov 2026. */
.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;margin:0 0 24px}
.plan{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--c,var(--green));border-radius:var(--radius,12px);padding:14px 16px;min-width:0}
.plan h3{margin:0;font-size:1.05rem;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.plan h3 a{color:inherit;text-decoration:none}
.plan h3 a:hover,.plan h3 a:focus-visible{text-decoration:underline}
.plan-now{margin:4px 0 10px;font-size:.88rem;color:var(--muted)}
.plan-ver{font-weight:800;color:var(--orange-ink,#b45309)}
.plan h4{margin:12px 0 4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.plan ul{margin:0;padding-left:18px;font-size:.9rem;line-height:1.45}
.plan li{margin:0 0 4px;overflow-wrap:anywhere}
.plan li time{color:var(--muted);font-size:.82rem;white-space:nowrap}
.plan li a{color:inherit}
.plan .pill{font-size:.68rem;padding:1px 7px;color:var(--muted)}
.pill.testing{color:var(--warn,#b45309)}
.sum .pill.testing{color:#ffd9b3;font-size:.65rem;vertical-align:middle;margin-left:4px}