/* v211 – mobile-only: separate CTA, patient icon/label and dial without modifying artwork or needle animation. */
@media (max-width:700px) {
 body:not(.in-area) #home.fd-editorial-home .fd-editorial-stage {row-gap:0!important;}
 body:not(.in-area) #home .fd-editorial-copy .fd-patient-primary-cta {margin-bottom:34px!important;}
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 {
   height:390px!important;min-height:390px!important;max-width:360px!important;
   aspect-ratio:auto!important;margin:0 auto 12px!important;position:relative!important;
 }
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 > svg {
   position:absolute!important;top:78px!important;left:0!important;right:0!important;
   width:100%!important;height:290px!important;inset:auto 0 auto 0!important;
 }
 body:not(.in-area) #home .fd-compass-v209 .fd-route-patient.fd-patient-group {
   top:0!important;width:140px!important;min-width:140px!important;height:auto!important;min-height:140px!important;
 }
 body:not(.in-area) #home .fd-compass-v209 .fd-patient-group-icon {width:112px!important;}
 body:not(.in-area) #home .fd-compass-v209 .fd-route-patient.fd-patient-group small {
   line-height:1.35!important;margin-top:7px!important;
 }
}
@media(max-width:390px){
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 {height:360px!important;min-height:360px!important;max-width:310px!important;}
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 > svg {top:77px!important;height:255px!important;}
}

/* v212 – only lower the compass dial on small screens.
   The v211 top:78px declaration placed the dial too close to the patient label.
   Maintain the icon/label, compass SVG geometry, and existing needle animation. */
@media (max-width:700px) {
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 {
   height:465px!important; min-height:465px!important;
 }
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 > svg {
   top:155px!important; inset:155px 0 auto 0!important;
 }
}
@media (max-width:390px) {
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 {
   height:435px!important; min-height:435px!important;
 }
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 > svg {
   top:152px!important; inset:152px 0 auto 0!important;
 }
}

/* v213 – iPhone/mobile correction: keep the complete compass dial directly
   below the patient label, without excessive whitespace. Artwork unchanged. */
@media (max-width:700px) {
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 {
   height:350px!important; min-height:350px!important;
 }
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 > svg {
   top:75px!important; inset:75px 0 auto 0!important;
 }
}
@media (max-width:390px) {
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 {
   height:325px!important; min-height:325px!important;
 }
 body:not(.in-area) #home .fd-editorial-stage .fd-compass.fd-compass-v209 > svg {
   top:70px!important; inset:70px 0 auto 0!important;
 }
}