/* Reviewed service content: scoped sections; no global header/form rules. */
.depth-section#sc-content-depth{padding:clamp(40px,5vw,72px) 0;background:#F2F8FF;border-top:1px solid #F2F8FF;border-bottom:1px solid #F2F8FF;color:#0B2D6B}
.depth-section>.shell,.depth-faq>.shell{max-width:1240px}
.depth-heading{max-width:900px;margin:0 0 30px}
#sc-content-depth .depth-heading .eyebrow,.depth-faq .eyebrow{color:#0B2D6B;letter-spacing:.1em;font-size:12px;line-height:1.5}
#sc-content-depth h2,.depth-faq h2{color:#0B2D6B;font-size:clamp(26px,2.65vw,38px);line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:10px 0 20px;overflow-wrap:anywhere}
.depth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px}
.depth-panel{min-width:0;padding:24px 0 4px;border-top:2px solid #A7D3FF}
#sc-content-depth .depth-panel h3,.depth-faq-item h3{color:#0B2D6B;font-size:clamp(19px,1.7vw,23px);line-height:1.35;letter-spacing:-.015em;font-weight:700;margin:0 0 14px}
#sc-content-depth .depth-panel p,.depth-faq-item p{font-size:17px;line-height:1.75;margin:0 0 16px;color:#0B2D6B;max-width:none;overflow-wrap:break-word}
#sc-content-depth a,.depth-faq a{color:#0B2D6B;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:600}
#sc-content-depth a:hover,.depth-faq a:hover{color:#0B2D6B;text-decoration-thickness:2px}
#sc-content-depth a:focus-visible,.depth-faq a:focus-visible{outline:3px solid #2F8CFF;outline-offset:3px;border-radius:2px}
.depth-faq{padding:clamp(40px,5vw,68px) 0;background:#fff;color:#0B2D6B}
.depth-faq h2{max-width:1000px}
.depth-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:30px}
.depth-faq-item{min-width:0;border-top:1px solid #A7D3FF;padding-top:22px}
#sc-world .sc-hero .sc-depth-hero-intro{font-size:17px;line-height:1.65;color:#F2F8FF;max-width:76ch;margin:14px 0 20px}
/* The Gurgaon landing page has ID-scoped legacy typography. These rules keep
   only the new light-surface supplement readable without changing its hero. */
#sc-world #sc-content-depth{background:#F2F8FF;color:#0B2D6B}
#sc-world #sc-content-depth h2,#sc-world #sc-content-depth h3{color:#0B2D6B}
#sc-world #sc-content-depth .depth-panel p{color:#0B2D6B;font-size:17px;line-height:1.75}
#sc-world #sc-content-depth .eyebrow{color:#0B2D6B}
#sc-world #sc-content-depth a{color:#0B2D6B;text-decoration:underline;text-underline-offset:3px}
/* Override only the inherited light-on-blue eyebrow rule on these new light
   sections. Other brand surfaces and all existing headings remain untouched. */
:root body #sc-content-depth .eyebrow,:root body #sc-depth-faq .eyebrow{color:#0B2D6B!important;-webkit-text-fill-color:currentColor!important;opacity:1}
@media(max-width:760px){.depth-grid,.depth-faq-grid{grid-template-columns:1fr;gap:20px}.depth-section#sc-content-depth,.depth-faq{padding:36px 0}.depth-panel{padding-top:20px}#sc-content-depth .depth-panel p,.depth-faq-item p,#sc-world #sc-content-depth .depth-panel p{font-size:16px;line-height:1.7}.depth-heading{margin-bottom:20px}#sc-world .sc-hero .sc-depth-hero-intro{font-size:16px}}
@media print{.depth-section#sc-content-depth,.depth-faq{background:#fff;padding:20px 0}.depth-grid,.depth-faq-grid{display:block}.depth-panel,.depth-faq-item{break-inside:avoid}#sc-content-depth a,.depth-faq a{color:inherit}}