/* "A website for your <business>" pages (CHANGELOG 116). Colors come from styles.css. */
.biz-hero { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 52rem) { .biz-hero { grid-template-columns: 1fr 15rem; gap: 3rem; } }
.biz-actions { margin: 1.25rem 0 0; display: flex; flex-wrap: wrap; gap: 0.75rem; }
.biz-preview { margin: 0; max-width: 15rem; justify-self: center; text-align: center; }
.biz-phone { display: block; padding: 0.35rem; border-radius: 1.6rem; background: var(--ink); box-shadow: var(--shadow); }
.biz-phone img { display: block; width: 100%; height: auto; aspect-ratio: 288 / 503; object-fit: cover; object-position: top; border-radius: 1.3rem; }
.biz-preview figcaption { margin-top: 0.6rem; }
@media (min-width: 52rem) { .biz-features { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2.5rem; } .biz-features li:nth-child(2) { border-top: 0; } }
.biz-more { margin-top: 1rem; }
.biz-faq .faq { max-width: 44rem; margin-top: 1rem; }