/* Display:none keeps the inactive label out of the accessible link name. */
.emory-phone-label-mobile{display:none!important}
.emory-phone-label-desktop{display:inline!important}
a:has(>.emory-phone-label-desktop){max-width:100%;white-space:normal;overflow-wrap:normal}
.approved-desktop-call:has(>.emory-phone-label-desktop){flex-basis:224px}
@media(max-width:767px){
 .emory-phone-label-desktop{display:none!important}
 .emory-phone-label-mobile{display:inline!important}
}
/* A mobile navigation dialog remains a mobile interaction on tablets. */
.approved-mobile-dialog .emory-phone-label-desktop{display:none!important}
.approved-mobile-dialog .emory-phone-label-mobile{display:inline!important}
.hp-review-stars{display:flex;align-items:center;gap:12px;color:var(--hp-teal,#146c72);font:700 14px/22px 'DM Sans',Arial,sans-serif}
.hp-review-stars [aria-hidden]{font-size:22px;line-height:28px;letter-spacing:2px}
@media(max-width:767px){a:is(.scp1,.scp2):has(>.emory-phone-label-mobile){justify-content:center;padding-inline:16px!important;font-size:16px!important}}
.hp-review-stars{flex-wrap:wrap;column-gap:12px;row-gap:4px}
.hp-review-stars [aria-hidden]{white-space:nowrap;flex-shrink:0}

/* Decorative phone marks only; preserve each component's color/padding/border. */
a.emory-call-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;box-sizing:border-box}
a.emory-call-button>.emory-call-button-icon{display:block;width:18px;height:18px;flex:0 0 18px;margin:0;overflow:visible;color:inherit}
a.emory-call-button>.emory-phone-label-desktop,a.emory-call-button>.emory-phone-label-mobile{min-width:0}

/* Decorative marks must not reveal the desktop CTA in the mobile header.
 * Legacy cities retain their separately approved compact call/menu layout. */
@media(max-width:1279px){
 body:not(:has(.emory-city-legacy)) .approved-header-row a.approved-desktop-call.emory-call-button{display:none}
}

/* Revision 40: keep the complete phone label legible at every breakpoint. */
a.emory-call-button{flex-wrap:nowrap;white-space:nowrap}
body .ea-inline-cta a.hp-button.emory-call-button{color:#fff;text-decoration:none}
body .ea-inline-cta a.hp-button.emory-call-button:hover{color:#fff}
body .hp-mobile-admissions a.hp-support-call.emory-call-button{flex-direction:row;min-height:65px;font-size:16px;line-height:24px;gap:8px}
@media(min-width:1280px){body .approved-header .approved-header-row a.approved-desktop-call.emory-call-button{padding-inline:16px;font-size:16px}}

/* Utility strip retains availability, insurance and the complete phone action. */
body .approved-utility .approved-shell>a{display:flex}
body .approved-utility .approved-shell{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding-block:0}
body .approved-utility a.approved-utility-call.emory-call-button{display:inline-flex;width:auto;min-height:44px;justify-content:center;color:#fff;font-size:14px;gap:6px;text-decoration:none}
body .approved-utility a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:767px){
 body .approved-utility .approved-shell{grid-template-columns:1fr auto;gap:0 12px;padding-block:4px}
 body .approved-utility .approved-shell>span{grid-column:1/-1;text-align:center;font-size:12px;line-height:18px}
 body .approved-utility .approved-shell>a{display:flex;min-height:44px;font-size:13px;justify-content:center}
 body .approved-utility a.approved-utility-call.emory-call-button{min-height:44px;font-size:13px;gap:5px}
 body .approved-utility a.approved-utility-call .emory-call-button-icon{width:15px;height:15px;flex-basis:15px}
}

/* The utility strip can wrap on mobile; hide its full measured height on scroll. */
body .approved-header{top:calc(var(--emory-admin-offset,0px) - var(--emory-utility-height,44px))}

/* Narrow city headers retain the full utility-strip and bottom-bar call actions. */
@media(max-width:359px){body:has(.emory-city-legacy) .approved-header-row a.approved-desktop-call.emory-call-button{display:none!important}}
