/* Buy a business: reuses the Diagnosis page layout, plus the three sections above the form. */
.sec-head { display: flex; flex-direction: column; gap: 14px; max-width: 760px; }
.sec-head .sub { font-size: 20px; }
.who, .cost-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }
/* 3 price cards: 3 across, or 1 per row */
.cost-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 860px) { .cost-grid { grid-template-columns: minmax(0, 1fr); } }
.who-card, .cost { background: var(--panel); border: 1px solid var(--line2); padding: 26px 24px; display: flex; flex-direction: column; gap: 10px; }
.who-card .no { font-family: Limelight, serif; font-size: 30px; line-height: 1; color: var(--gold-text); }
.who-card h3, .cost h3, .steps7 h3 { margin: 0; font-family: Oswald, sans-serif; font-weight: 500; font-size: 22px; line-height: 1.1; text-transform: uppercase; }
.who-card p, .cost p, .steps7 p { margin: 0; color: var(--ink3); }
.how, .costs { display: flex; flex-direction: column; gap: 26px; }
.steps7 { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(var(--gold-rgb), 0.3); }
.steps7 li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.steps7 li > b { font-family: Limelight, serif; font-weight: 400; font-size: 32px; line-height: 1; color: var(--gold-text); }
.steps7 li > div { display: flex; flex-direction: column; gap: 6px; max-width: 760px; }
.cost .price { font-family: Oswald, sans-serif; font-size: 14px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold-text); }
.costs .fine { margin: 0; max-width: 760px; color: var(--ink4); font-size: 17px; }
#buyer { display: flex; flex-direction: column; gap: 24px; }
.why a { text-decoration: underline; }