.header-brand-row{display:flex;align-items:center;gap:16px;min-width:0;flex-shrink:0}
.header-phone{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 17px;border-radius:999px;background:#203e32;color:#fffefb;text-decoration:none;font:700 15px/1 Arial,Helvetica,sans-serif;letter-spacing:.01em;white-space:nowrap;box-shadow:0 2px 8px rgb(32 62 50 / 10%)}
.header-phone svg{width:17px;height:17px;fill:none;stroke:#b2dc4a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.header-phone:hover{background:#315341;text-decoration:none}
.header-phone:focus-visible{outline:3px solid #b2dc4a;outline-offset:3px}

html[data-reference-study] body.design-review header .header-brand-row{display:flex;align-items:center;gap:14px;min-width:0;flex-shrink:0}
html[data-reference-study] body.design-review header .header-phone{background:#203e32;color:#fffefb}

@media(max-width:760px){
 header .header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px 10px}
 .header-brand-row{gap:8px;min-width:0}
 .header-phone{min-height:42px;padding:9px 12px;font-size:14px;gap:6px;box-shadow:none}
 .header-phone svg{width:15px;height:15px}
 header .menu{grid-column:2;grid-row:1;margin-left:0!important}
 header nav{grid-column:1/-1;grid-row:2;width:100%}
 html[data-reference-study] body.design-review header .header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;min-height:76px;gap:8px 10px;flex-wrap:nowrap;padding-block:7px}
 html[data-reference-study] body.design-review header .header-brand-row{gap:8px;min-width:0}
 html[data-reference-study] body.design-review header .header-brand-row .brand-artwork{--fidelity-logo-width:150px;width:var(--fidelity-logo-width);flex:0 0 var(--fidelity-logo-width);max-width:none}
 html[data-reference-study] body.design-review header .header-phone{min-height:42px;padding:9px 12px;font-size:14px;gap:6px}
 html[data-reference-study] body.design-review header .menu{grid-column:2;grid-row:1;margin-left:0}
 html[data-reference-study] body.design-review header nav{grid-column:1/-1;grid-row:2;width:100%}
}

@media(max-width:390px){
 .header-brand-row{gap:6px}
 .header-phone{padding:8px 10px;font-size:13px}
 html[data-reference-study] body.design-review header .header-brand-row{gap:6px}
 html[data-reference-study] body.design-review header .header-brand-row .brand-artwork{--fidelity-logo-width:138px}
 html[data-reference-study] body.design-review header .header-phone{padding:8px 10px;font-size:13px}
}