/* Sai Neelkanth Hospital — launch-ready editorial cleanup.
   Four established brand colours, with white and translucent tints.
   Patient information is concise; reference imagery is not presented as genuine. */
#about.about.section{
  display:block!important;min-height:0!important;background:#FFFFFF!important;
  padding-block:clamp(38px,5vw,68px)!important;
}
#about .about-clean{max-width:830px;margin-inline:auto;text-align:left}
#about .about-clean h2{margin:10px 0 16px;font-size:clamp(30px,3.5vw,48px);line-height:1.12}
#about .about-clean p:not(.eyebrow){max-width:680px;font-size:clamp(14px,1.4vw,17px);line-height:1.65;margin:0 0 17px}
#about .about-cta{
 display:inline-flex!important;align-items:center;gap:9px!important;
 font-size:14px!important;font-weight:750!important;
 line-height:1.4!important;white-space:normal!important;
}
#appointment.appointment-section{
 display:flex!important;flex-direction:column!important;
 gap:19px!important;max-width:100%!important;
 align-items:center!important;justify-content:flex-start!important;
 padding-block:clamp(35px,5vw,68px)!important;
}
#appointment .appointment-short-head{width:min(100%,780px);margin:auto}
#appointment .appointment-short-head h2{margin:7px 0 9px;font-size:clamp(30px,3.4vw,45px);line-height:1.12}
#appointment .appointment-short-head p:not(.eyebrow){max-width:660px;margin:0;line-height:1.55;font-size:14px}
#appointment form#booking{
 width:min(100%,780px)!important;max-width:780px!important;
 margin:0 auto!important;padding:clamp(18px,3vw,30px)!important;
 box-sizing:border-box!important;
}
#appointment #booking .formgrid{min-width:0}
#appointment #booking input,#appointment #booking select{max-width:100%}
#appointment #booking h3{font-size:clamp(19px,2vw,25px)!important}
#mission .purpose-heading>p:last-child{max-width:630px}
footer.simple-footer .footer-bottom{justify-content:flex-start!important}
/* Compact mobile doctor cards with properly scaled portraits and no vacant gap. */
@media(max-width:760px){
 #doctors .doctors-head{margin-bottom:13px!important}
 #doctors .doctors-head>p{display:none!important}
 #doctors .doctor-disclaimer{margin-top:10px!important;font-size:11px!important}
 #doctors .doctors-grid{gap:12px!important}
 #doctors .doctor-card{
   position:relative!important;
   min-height:0!important;border-radius:15px!important;
   overflow:hidden!important;
 }
 #doctors .doctor-card .doctor-content{
   display:flex!important;flex-direction:column!important;
   width:100%!important;min-height:0!important;padding:14px!important;
 }
 #doctors .doctor-intro{
   display:flex!important;flex-direction:column!important;
   width:52%!important;min-height:222px!important;
   height:auto!important;margin:0!important;padding:0!important;
 }
 #doctors .doctor-topline{margin:0 0 11px!important;gap:5px!important}
 #doctors .doctor-monogram{width:30px!important;height:30px!important;flex-basis:30px!important}
 #doctors .doctor-number{font-size:8px!important;letter-spacing:.4px!important}
 #doctors .doctor-role{font-size:9px!important;line-height:1.3!important;margin:0 0 6px!important}
 #doctors .doctor-card h3{
   font-size:clamp(19px,5.5vw,24px)!important;line-height:1.1!important;
   letter-spacing:-.5px!important;margin:0 0 7px!important;
 }
 #doctors .doctor-credentials{
   font-size:10.5px!important;line-height:1.35!important;
   margin:0!important;overflow-wrap:anywhere
 }
 #doctors .doctor-mobile-summary{
   display:flex!important;flex-direction:column!important;gap:8px!important;
   width:100%!important;min-width:0!important;
   margin:10px 0 0!important;padding:0!important;
 }
 #doctors .doctor-mobile-specialties{
   font-size:10px!important;line-height:1.35!important;font-weight:650!important
 }
 #doctors .doctor-mobile-book{
   font-size:11px!important;line-height:1.25!important;
   margin:0!important;padding:7px 0 0!important;gap:4px!important;
 }
 #doctors .doctor-card .doctor-photo-rail{
   position:absolute!important;right:0!important;top:0!important;bottom:auto!important;
   height:250px!important;width:51%!important;max-width:51%!important;
   overflow:hidden!important;z-index:1!important;
 }
 #doctors .doctor-card .doctor-photo-rail img{
   display:block!important;position:absolute!important;bottom:0!important;right:-3%!important;
   height:100%!important;width:100%!important;
   max-height:none!important;max-width:none!important;
   object-fit:contain!important;object-position:right bottom!important;
   transform:none!important;
   filter:drop-shadow(0 6px 13px rgba(9,54,36,.12))!important;
 }
 #doctors .doctor-card:hover .doctor-photo-rail img,
 #doctors .doctor-card:focus-within .doctor-photo-rail img{transform:none!important}
 #doctors .doctor-card .doctor-photo-rail::before,
 #doctors .doctor-card .doctor-photo-rail::after{content:none!important;display:none!important}
 #doctors .doctor-details{
   display:block!important;width:100%!important;margin-top:8px!important;
   padding-top:7px!important;border-top:1px solid color-mix(in srgb,#7E9088 28%,#FFFFFF)!important;
 }
 #doctors .doctor-details .mobile-profile-toggle{
   min-height:30px!important;margin:0!important;padding:2px 0!important;
   font-size:11px!important
 }
 #doctors .doctor-card .doctor-bio{font-size:12px!important;line-height:1.55!important;margin:10px 0!important}
 #doctors .doctor-card .doctor-focus,#doctors .doctor-card .doctor-action{display:none!important}
 #about.about.section{padding:29px 6%!important}
 #about .about-clean{max-width:100%}
 #about .about-clean h2{font-size:clamp(28px,7vw,35px)!important}
 #about .about-clean p:not(.eyebrow){font-size:13px!important;line-height:1.6!important;margin-bottom:11px!important}
 #about .about-cta{font-size:12px!important;display:inline-flex!important;margin:3px 0 0!important}
 #appointment.appointment-section{gap:12px!important;padding-block:27px!important}
 #appointment .appointment-short-head{width:100%!important}
 #appointment .appointment-short-head h2{font-size:clamp(27px,7vw,35px)!important}
 #appointment .appointment-short-head p:not(.eyebrow){font-size:12px!important;line-height:1.55!important}
 #appointment form#booking{width:100%!important;max-width:100%!important;padding:17px!important}
 #appointment form#booking .formgrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 #appointment form#booking input,#appointment form#booking select{width:100%!important}
 .mobile-actions{
   display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:5px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important;
   align-items:stretch!important
 }
 .mobile-actions .mobile-action{
   min-width:0!important;display:flex!important;align-items:center!important;
   flex-direction:column!important;justify-content:center!important;gap:4px!important;
   padding:7px 3px!important;border:0!important;border-radius:11px!important;
   font:700 11px/1.2 system-ui,sans-serif!important;
   text-decoration:none!important;white-space:nowrap!important;
   cursor:pointer;min-height:52px!important
 }
 .mobile-actions .mobile-action span:first-child{font-size:19px!important;line-height:1!important}
 .mobile-actions .mobile-chat-action{
   background:color-mix(in srgb,#7E9088 13%,#FFFFFF)!important;
   color:#093624!important;
 }
 .mobile-actions .mobile-chat-action[aria-expanded="true"]{
   background:#093624!important;color:#FFFFFF!important
 }
 .chat-launch.chatbot-launch{display:none!important}
 .chatbot-panel{
   bottom:calc(75px + env(safe-area-inset-bottom,0px))!important;
   height:min(500px,calc(100dvh - 110px - env(safe-area-inset-bottom,0px)))!important;
   max-height:calc(100dvh - 110px - env(safe-area-inset-bottom,0px)))!important;
 }
}
@media(max-width:400px){
 #doctors .doctor-intro{min-height:232px!important}
 #doctors .doctor-card .doctor-photo-rail{height:260px!important}
 #doctors .doctor-card .doctor-content{padding:12px!important}
 #doctors .doctor-card h3{font-size:19px!important}
 #doctors .doctor-credentials{font-size:10px!important}
}
@media(max-width:350px){
 #doctors .doctor-intro{min-height:254px!important}
 #doctors .doctor-card .doctor-photo-rail{height:282px!important}
 #doctors .doctor-mobile-specialties{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
 #doctors .doctor-card .doctor-photo-rail img{transition:none!important;transform:none!important}
}

/* Center only the About and Mission introduction text. */
#about .about-clean {
  text-align: center;
}
#about .about-clean > p:not(.eyebrow) {
  margin-inline: auto;
}
#mission .purpose-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
}
#mission .purpose-heading > p:last-child {
  margin-inline: auto;
}