/* Recruitment components extend the shared Dating industry presentation. */
.job-page [id]{scroll-margin-top:112px}.job-page [role=tabpanel][hidden]{display:none!important}
.job-page .job-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.job-page .job-card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.job-page .job-info-card{display:block;padding:28px;background:#fff;border:1px solid #d9e8ef;border-radius:22px;text-decoration:none;color:#143747}
.job-page .job-info-card h3{font-size:20px;line-height:1.45;margin:20px 0 12px;color:#143747}
.job-page .job-info-card p{font-size:15px;line-height:1.8;color:#455d68;margin:0}
.job-page .job-step-number{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#e4f5fc;color:#156b8f;font-size:19px;font-weight:700}
.job-page .job-revenue-number{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #8ad5f4;border-radius:50%;font-size:22px;color:#fff}
.job-page .job-feature-intro{font-size:15px;line-height:1.8;color:#c5dce7}
.job-page .job-scope-table{min-width:820px}.job-page.astrology-app-page .job-scope-table td:last-child{white-space:normal;font-weight:400;color:#455d68}
.job-page .job-scope-table th{font-weight:600}.job-page .job-scope-table thead th{color:#fff}
.job-page .job-cost-note{padding:26px;background:#fff;border:1px solid #d9e8ef;border-radius:20px;margin:24px auto 30px;color:#455d68;max-width:960px}
.job-page .job-cost-note h3{font-size:21px;color:#143747}.job-page .job-cost-note p{font-size:15px;line-height:1.8;margin:12px 0 0}
.job-page .job-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.job-page .job-proof-grid a:hover{border-color:#2487b8;box-shadow:0 12px 30px #14374712}
.job-page .job-info-card .dating-section-kicker,.job-page .dating-capabilities-section .dating-section-kicker,.job-page .job-final-cta .dating-section-kicker{color:#17698b}
.job-page .dating-resource-section{padding:35px 0 65px;background:#fff}
.job-page .job-final-cta{padding:72px 0;background:#eaf5f9}.job-page .job-final-cta .home-h2{color:#15394b}.job-page .job-final-cta .home-p{color:#455d68;max-width:800px;margin:20px auto 30px}
.job-page .dating-hero-visual img{opacity:.055;filter:blur(2px)}
.job-page .dating-features-tabs .nav-link{white-space:normal}
.job-page :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #3ba8d9;outline-offset:5px}
@media(max-width:991.98px){.job-page .job-card-grid,.job-page .job-card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.job-page .job-card-grid,.job-page .job-card-grid--four,.job-page .job-proof-grid{grid-template-columns:1fr}.job-page .job-info-card{padding:24px}.job-page .job-final-cta{padding:48px 0}.job-page.astrology-app-page .astro-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.job-page.astrology-app-page .astro-tech-grid>[class*=col-]{width:auto;min-width:0;max-width:100%;flex:none}.job-page.astrology-app-page .astro-tech-grid .tech-card{width:100%;min-width:0}.job-page .dating-features-tabs{gap:8px}.job-page .dating-features-tabs .nav-link{font-size:13px;padding:12px}}
@media(prefers-reduced-motion:reduce){.job-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep the white Next.js mark readable against the light technology cards. */
.job-page.astrology-app-page .astro-tech-grid .tech-card img[src*="/nextjs-icon.svg"]{background:#0c1e2b;border-color:#264859}


/* Inherit the Dating hero type scale; allow room for recruitment headings. */
.job-page.dating-app-page .dating-hero .home-banner-h1{max-width:1280px}
.job-page.dating-app-page .dating-hero .col-lg-7>.text-start{max-width:1280px}
.job-page.dating-app-page .dating-hero-title-line{white-space:normal;overflow-wrap:break-word;text-wrap:balance}


/* Local consultation sections use the light recruitment card palette. */
.job-page .job-local-section .home-h2{color:#143747}
.job-page .job-local-section .home-p{color:#455d68}
.job-page .job-local-section .dating-section-kicker{color:#17698b}
.job-page .job-local-section address{font-size:16px;line-height:1.8;font-style:normal}
.job-page .job-local-section .job-cost-note a:not(.dating-hero-btn){color:#17698b;text-decoration:underline;text-underline-offset:3px}