body.hm-ui header :is(.brand,.hm-header-brand){display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;width:230px!important;flex:0 1 230px!important;min-width:0!important;text-decoration:none}
body.hm-ui header .hm-brand-mark{display:block;width:48px!important;height:48px!important;flex:none}
body.hm-ui header .hm-brand-copy{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;gap:2px!important;min-width:0}
body.hm-ui header .hm-brand-text{display:flex;justify-content:center;white-space:nowrap;font-family:Arial,sans-serif;font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.05;color:#087477}
body.hm-ui header .hm-brand-text>span+span{color:#f59e0b}
body.hm-ui header .brand-welcome{display:block!important;position:static!important;margin:0!important;width:100%!important;text-align:center;font-family:Arial,sans-serif;font-size:8px!important;font-weight:600;line-height:1.3!important;letter-spacing:0!important;white-space:nowrap;color:#17545a}
html[lang=te] body.hm-ui header .brand-welcome{font-family:HealthMateTelugu,sans-serif;font-size:10px!important;line-height:1.5!important}
@media(max-width:350px){body.hm-ui header :is(.brand,.hm-header-brand){grid-template-columns:42px minmax(0,1fr)!important;gap:5px!important;width:204px!important}body.hm-ui header .hm-brand-mark{width:42px!important;height:42px!important}body.hm-ui header .hm-brand-text{font-size:24px}body.hm-ui header .brand-welcome{font-size:7px!important}html[lang=te] body.hm-ui header .brand-welcome{font-size:9px!important}}

/* Isolate brand metrics from Telugu body line-height and old header styles. */
body.hm-ui header .hm-brand-copy{line-height:1!important;row-gap:1px!important;margin:0!important;padding:0!important}
body.hm-ui header .hm-brand-text,html[lang=te] body.hm-ui header .hm-brand-text{font:600 28px/1 Arial,sans-serif!important;letter-spacing:-1px!important;margin:0!important;padding:0!important}
body.hm-ui header .hm-brand-text>span{line-height:1!important;margin:0!important;padding:0!important}
body.hm-ui header .brand-welcome{display:block!important;margin:0!important;padding:0!important;min-height:0!important;transform:none!important}
html[lang=te] body.hm-ui header .brand-welcome{line-height:1.2!important}
body.hm-page-request header .hm-brand-text>span+span{color:#f59e0b!important}
@media(max-width:350px){body.hm-ui header .hm-brand-text,html[lang=te] body.hm-ui header .hm-brand-text{font-size:24px!important}}

/* The text column fits its content so centering cannot add a hidden left gap. */
body.hm-ui header :is(.brand,.hm-header-brand){grid-template-columns:48px max-content!important;column-gap:4px!important;justify-content:start!important}
body.hm-ui header .hm-brand-copy{width:max-content!important;justify-self:start!important}
body.hm-ui header .hm-brand-text{justify-content:flex-start!important}
@media(max-width:350px){body.hm-ui header :is(.brand,.hm-header-brand){grid-template-columns:42px max-content!important;column-gap:4px!important}}

body.hm-ui header .bar{display:flex;align-items:center;justify-content:space-between;gap:12px!important}
body.hm-ui header :is(.brand,.hm-header-brand){max-width:calc(100% - 82px)!important}

/* Finder headers have an inner bar: apply mobile padding only once. */
body.hm-ui.hm-page-finder header,body.hm-ui.hm-page-ehs header{padding:0!important}
body.hm-ui.hm-page-finder header .bar,body.hm-ui.hm-page-ehs header .bar{padding:16px 18px!important}
