/* Original transparent PNGs remain intact; these viewports frame their artwork. */
:root{--brand-orange:#ff751f;--brand-orange-dark:#ad3f00;--brand-orange-light:#fff0e5}
.official-logo{position:relative;display:block;flex:0 0 auto;overflow:hidden}
.official-logo img{position:absolute;display:block;max-width:none;height:auto;object-fit:contain}
.official-logo--mark{width:58px;aspect-ratio:2433/1220}
.official-logo--mark img{width:123.30456%;left:-13.68681%;top:-59.09836%}
.official-logo--wordmark{width:206px;max-width:100%;aspect-ratio:1716/365}
.official-logo--wordmark img{width:116.55012%;left:-11.42191%;top:-210.13699%}
.brand.product-brand{min-height:44px}
.sidebar>.brand.product-brand{max-width:100%}
.sidebar .official-logo--wordmark{width:190px}
.public-header .brand.product-brand{display:flex;align-items:center}
.brand-footer.product-brand-footer{display:flex;align-items:center;max-width:100%;min-height:44px}
.product-brand-footer .official-logo--wordmark{width:178px}
@media(max-width:800px){.sidebar>.brand.product-brand{margin-bottom:20px;max-width:52%}.sidebar .official-logo--wordmark{width:180px}.public-header .official-logo--wordmark{width:180px}}
@media(max-width:480px){.sidebar>.brand.product-brand{max-width:53%;padding-left:0;padding-right:0}.sidebar .official-logo--wordmark{width:156px}.public-header .brand.product-brand{max-width:155px}.public-header .official-logo--wordmark{width:145px}.product-brand-footer .official-logo--wordmark{width:160px}}
/* Field help is limited to the opportunity form and uses native keyboard controls. */
.opportunity-help-form .opportunity-label-row{position:relative;display:flex;align-items:center;gap:8px;min-height:32px;margin-bottom:7px}
.opportunity-help-form .opportunity-label-row label{margin:0}
.opportunity-help-form .opportunity-field-help{position:static;flex:0 0 auto}
.opportunity-help-form .opportunity-field-help summary{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5b18e;border-radius:50%;background:var(--brand-orange-light);color:var(--brand-orange-dark);font-size:12px;font-weight:700;line-height:1;cursor:pointer;list-style:none}
.opportunity-help-form .opportunity-field-help summary::-webkit-details-marker{display:none}
.opportunity-help-form .opportunity-field-help[open] summary{border-color:var(--brand-orange-dark)}
.opportunity-help-form .opportunity-field-help .helptext{position:absolute;left:0;top:calc(100% + 5px);z-index:20;width:min(340px,100%);margin:0;padding:13px 15px;border:1px solid #e5b18e;border-radius:9px;background:#fff;color:var(--ink);font-size:12px;line-height:1.7;overflow-wrap:anywhere;box-shadow:0 8px 24px #20364a18}
