/* Construction-specific artwork and content; the shared Dating UI supplies the page layout. */
.dating-app-page .construction-step-number{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#e4f5fc;color:#177ca5;font-size:19px;font-weight:700;flex-shrink:0}
.dating-app-page .construction-workflow-grid>div{display:flex}
.dating-app-page .construction-workflow-grid article{width:100%;height:100%}
.dating-app-page .construction-scope-table{min-width:720px}
.dating-app-page.astrology-app-page .construction-scope-table td:last-child{white-space:normal;color:#455d68;font-weight:400}
.dating-app-page .construction-case-card{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:28px;background:#fff;border:1px solid #d7e6ed;border-radius:24px;color:#183744}
.dating-app-page .construction-case-card img{width:100%;height:auto;border-radius:16px}
.dating-app-page .construction-case-copy h3{font-size:28px;line-height:1.3;margin:12px 0}
.dating-app-page .construction-case-copy p,.dating-app-page .construction-case-copy li{color:#455d68;font-size:15px;line-height:1.75}
.dating-app-page .construction-case-copy .dating-product-link{margin-top:20px}
.dating-app-page .construction-final-cta{padding:64px 0;background:#eaf5f9}
.dating-app-page .construction-final-cta .home-h2{color:#15394b}
.dating-app-page .construction-final-cta .home-p{color:#455d68;max-width:740px;margin:18px auto 28px}
.dating-app-page .dating-resource-section{padding:32px 0 56px;background:#fff}
.dating-app-page [id]{scroll-margin-top:112px}
@media(max-width:767px){.dating-app-page .construction-case-card{grid-template-columns:1fr;padding:18px;gap:22px}.dating-app-page .construction-case-copy h3{font-size:23px}.dating-app-page .construction-final-cta{padding:44px 0}.dating-app-page .construction-step{min-height:0}}


.construction-proof-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.dating-app-page .construction-proof-links .dating-hero-btn-secondary{color:#fff;border-color:#94b5c4}.dating-app-page .construction-feature-intro{color:#b9d1dd;line-height:1.7}.dating-app-page .dating-hero-title-line{white-space:normal}.dating-app-page .construction-workflow-grid h3{margin-top:18px}.dating-app-page .construction-scope-table td{white-space:normal}.dating-app-page .construction-scope-table caption{caption-side:bottom;color:#455d68}

/* The shared Next.js asset is white; give it a contrasting icon tile. */
.dating-app-page.astrology-app-page .astro-tech-grid .tech-card img[src*="/nextjs-icon.svg"]{background:#0c1e2b;border-color:#264859}