/* Approved logo: upright XXL badge directly beside the wordmark (14 September 2026).
   The image is unchanged; object-fit removes only its white presentation margins. */
.xxl-masthead{display:flex;align-items:center;justify-content:space-between;gap:42px;min-height:154px;padding-block:12px}
.xxl-masthead .xxl-logo{display:block;position:relative;flex:0 1 680px;width:680px;max-width:100%;min-width:0;aspect-ratio:2172/510;overflow:hidden;margin:0}
.xxl-masthead .xxl-logo img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.xxl-footer-brand span{display:inline-block;background:#006a63;color:#fff;padding:2px 5px;margin-left:5px;border-radius:4px;box-shadow:2px 2px 0 #c5ee7c;font-style:normal}
.xxl-header-tools{flex-shrink:0;min-width:365px}
.xxl-tools-label{display:block;margin-bottom:9px;font-size:11px;letter-spacing:.08em;font-weight:650;color:#687e77}
.xxl-quick-links{display:flex;gap:10px}
.xxl-quick-links>a{display:flex;gap:10px;align-items:center;border:1px solid #dce8e0;border-radius:10px;padding:12px;background:#f8faf7;transition:background .15s,border-color .15s}
.xxl-quick-links>a:hover{background:#edf5e8;border-color:#a4cbbb}
.xxl-quick-links svg{width:23px;height:25px;fill:none;stroke:#007468;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.xxl-quick-links>a>span:first-of-type{font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
.xxl-quick-links small{display:block;font-size:10px;font-weight:400;color:#6a7e77}
.xxl-quick-links>a>span:last-child{font-size:15px;color:#49796c;margin-left:3px}
.xxl-navigation-bar{background:#f2f7f2;border-top:1px solid #e6eee6}
.xxl-navigation-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:58px}
.xxl-header nav{display:flex;align-items:center;gap:33px;font-size:13px;font-weight:600;padding:0;white-space:nowrap}
.xxl-header nav a{padding-block:18px;position:relative}
.xxl-header nav a:hover:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:10px;background:#7fad64}
.xxl-network-link{font-size:12px;font-weight:650;color:#006a63!important;border-left:1px solid #d3e1d4;padding-left:27px;white-space:nowrap}
.xxl-mobile-compare{display:none}
/* On desktop the card's left edge, rather than the image canvas or thumb,
   follows the content grid. The logo artwork starts about 57px into a 680px image. */
@media(min-width:951px){
 .xxl-masthead{--xxl-content-width:min(1240px,calc(100% - 80px));--xxl-logo-outset:57px;width:calc(var(--xxl-content-width) + var(--xxl-logo-outset) + 16px);margin-left:calc((100% - var(--xxl-content-width))/2 - var(--xxl-logo-outset));margin-right:0}
}
@media(min-width:951px) and (max-width:1150px){
 .xxl-masthead{--xxl-content-width:calc(100% - 48px);--xxl-logo-outset:43px;width:calc(var(--xxl-content-width) + var(--xxl-logo-outset) + 8px)}
}
@media(max-width:1150px){
 .xxl-masthead{gap:24px;min-height:142px}
 .xxl-masthead .xxl-logo{flex-basis:600px;width:600px}
 .xxl-header-tools{min-width:0}.xxl-quick-links>a{padding:10px;gap:7px}.xxl-quick-links svg{display:none}
 .xxl-header nav{gap:25px;font-size:12px}
}
@media(max-width:950px){.xxl-header-tools{display:none}.xxl-masthead{justify-content:center}.xxl-masthead .xxl-logo{flex:0 1 620px;width:620px}}
@media(max-width:800px){
 .xxl-masthead{padding-block:12px;min-height:120px}.xxl-navigation-inner{min-height:62px;flex-wrap:wrap;gap:0;padding-block:9px}
 .xxl-menu-toggle{display:block;border:0!important;padding:10px 0;font-weight:650}.xxl-menu-toggle span{padding-left:8px}
 .xxl-header nav{display:none;order:3;width:100%;align-items:stretch;gap:0;padding:12px 0 5px;white-space:normal}
 .xxl-header nav.is-open{display:flex;flex-direction:column}.xxl-header nav a{padding:12px 3px;border-top:1px solid #e0e8df;font-size:14px}
 .xxl-header nav a:hover:after{display:none}.xxl-network-link{display:none}
 .xxl-mobile-compare{display:inline-flex;margin-left:auto;font-size:12px!important;padding:11px 14px!important;border-radius:7px!important}
}
@media(max-width:580px){
 .xxl-masthead{min-height:104px;padding-block:10px}.xxl-masthead .xxl-logo{flex-basis:auto;width:100%}
}
