/* /free/ : Client Profitability Tracker Lite. Builds on layout.css and components.css. */

.free-ctas { margin-top: 1.75rem; }
.free-status { margin-top: 1.5rem; max-width: 46rem; }
.free-status .status { margin-right: .35rem; vertical-align: .1em; }

/* Comparison table (stacks into labeled rows under 760px via .data-table--stack) */
.compare th[scope="row"] { width: 26%; }
.compare td { width: 37%; }
.cmp { display: inline-flex; align-items: flex-start; gap: .45rem; }
.cmp .icon { margin-top: .2em; color: var(--ok); }
.cmp--yes { font-weight: 600; }
.cmp--no { color: var(--ink-faint); }

/* Email plan */
.mail-plan { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--ink); }
.mail-plan li { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: .25rem 1.25rem; padding: 1.1rem 0; border-bottom: 1px solid var(--rule); }
.mail-when { font-family: var(--serif); font-size: 1.1rem; font-weight: 600; line-height: 1.35; color: var(--blue); font-variant-numeric: tabular-nums; }
.mail-plan p { margin: 0; font-size: .98rem; color: var(--ink-soft); }
.mail-plan .mail-title { margin-bottom: .2rem; font-weight: 600; color: var(--ink); }
.mail-unsub { display: flex; align-items: flex-start; gap: .55rem; margin: 1.25rem 0 0; font-weight: 500; }
.mail-unsub .icon { margin-top: .25em; color: var(--blue); }
.free-privacy { margin-top: 2rem; padding-top: 1.1rem; border-top: 1px solid var(--rule); }
.free-privacy h3 { margin-bottom: .4rem; }
.free-privacy p { margin: 0; }
.free-form { position: sticky; top: calc(var(--header-h) + 24px); }

.free-extras { margin-top: 1.75rem; max-width: 46rem; }

@media (max-width: 900px) {
  .free-form { position: static; }
}
@media (max-width: 760px) {
  .compare th[scope="row"], .compare td { width: 100%; }
}
@media (max-width: 480px) {
  .mail-plan li { grid-template-columns: minmax(0, 1fr); }
}