/* Lane 3b (second pass): Stitch section structure for the listing form and the pricing page. Tokens from design-tokens.css. */

/* Pricing: hero facts */
.l3b-facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px;padding:0;list-style:none}
.l3b-facts li{padding:8px 14px;border-radius:999px;background:var(--igta-color-surface-alt);color:var(--igta-color-text);font-size:14px;font-weight:600}

/* Pricing: commitments */
.l3b-commit{margin:32px 0}
.l3b-commit h2{margin:4px 0 16px}
.l3b-commit__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.l3b-commit__card{padding:20px;border-radius:12px;background:var(--igta-color-surface-alt);border-left:4px solid var(--igta-color-primary)}
.l3b-commit__card h3{margin:0 0 6px;font-size:18px}
.l3b-commit__card p{margin:0;color:var(--igta-color-text-muted);font-size:15px}

/* Pricing: tier feature lists */
.pr-list-title{margin:14px 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--igta-color-primary)}
.pr-list{margin:0 0 14px;padding:0;list-style:none}
.pr-list li{display:flex;gap:8px;align-items:flex-start;margin:0 0 6px;font-size:14px}
.pr-list li span:last-child{min-width:0;overflow-wrap:anywhere}
.pr-tick{flex:none;color:var(--igta-color-primary);font-weight:700}
.pr-list--planned{color:var(--igta-color-text-muted)}

/* Pricing: onboarding */
.l3b-onboard{margin:32px 0;padding:24px;border-radius:12px;background:var(--igta-color-surface-alt)}
.l3b-onboard h2{margin:4px 0 16px}
.l3b-onboard__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 16px;padding:0;list-style:none}
.l3b-onboard__steps li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:12px;background:var(--igta-color-surface)}
.l3b-onboard__steps strong{display:block;margin:0 0 2px;font-size:15px}
.l3b-onboard__steps span:not(.l3b-onboard__n){display:block;color:var(--igta-color-text-muted);font-size:14px}
.l3b-onboard__n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--igta-color-primary);color:#fff;font-size:14px;font-weight:700}
.l3b-onboard__cta{margin:0}
@media (max-width:899px){.l3b-commit__grid{grid-template-columns:1fr}.l3b-onboard__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.l3b-onboard__steps{grid-template-columns:1fr}.l3b-onboard{padding:16px}}

/* Listing form: review standard callout, step descriptions, rail cards, save state, error summary */
.l3b-callout{margin:12px 0;padding:12px 16px;border-radius:12px;border-left:4px solid var(--igta-color-primary);background:var(--igta-color-surface-alt);font-size:15px}
.igta-fw[data-fw-expanded=true] .igta-fw-stepdesc{display:block}
.igta-fw-stepdesc{display:none;color:var(--igta-color-text-muted);font-size:12px;font-weight:400}
@media (min-width:900px){.igta-fw .editor-steps .igta-fw-stepdesc{display:block}}
.l3b-rail-card{padding:18px;border-radius:12px;background:var(--igta-color-surface);box-shadow:0 1px 2px rgba(41,39,33,.06),0 4px 14px rgba(41,39,33,.05);margin-top:16px}
.l3b-rail-card h2{margin:0 0 8px;font-size:17px}
.l3b-rail-card ol,.l3b-rail-card ul{margin:0;padding-left:20px;font-size:14px}
.l3b-rail-card li{margin:0 0 6px}
.l3b-rail-card p{margin:0;font-size:14px}
.l3b-savestate{margin:0 0 10px;color:var(--igta-color-text-muted);font-size:14px}
.igta-fw .igta-fw-errsummary-title{margin:0 0 4px;font-size:18px;line-height:1.3}
.igta-fw .igta-fw-errsummary{border-left:4px solid var(--fw-err)}
