.fn-ad-canvas{width:var(--fn-ad-width,100%);max-width:100%;height:var(--fn-ad-height,auto);margin-inline:auto;overflow:hidden;position:relative}
.fn-ad-canvas>img,.fn-ad-canvas>a>img{width:100%;height:var(--fn-ad-height,auto);max-height:none;object-fit:var(--fn-ad-fit,contain)}
.fn-ad-canvas>iframe,.fn-ad-canvas>video{width:100%;max-width:100%;height:var(--fn-ad-height,auto)}
.fn-ad-canvas>a:has(>img){display:block}
.fn-header-ad-slot{position:relative;z-index:2;width:100%;min-width:0;max-width:var(--fn-width,1500px);margin:8px auto;padding-inline:16px;box-sizing:border-box}
.fn-header-ad-slot>.fn-widget{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.fn-header-editorial>.fn-header-ad-slot{padding:0;margin:0}
.fn-header-stack:has(.fn-header-ad-slot) .fn-header{height:auto;min-height:var(--fn-header-height,118px);padding-block:8px}
.fn-header-stack:has(.fn-header-ad-slot) .fn-header-editorial{min-width:0;max-width:100%}
body.fn-header-preset-template22 .fn-mn .ab-brand-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px 20px;height:auto;position:relative;z-index:1;overflow:visible}
body.fn-header-preset-template22 .fn-mn .ab-brand-row.mn-has-ad{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
.fn-mn .mn-brand-copy{display:flex;flex-direction:column;min-width:0;gap:3px}
.fn-mn .mn-brand-meta{display:flex;justify-content:flex-end;min-width:0}
.fn-mn .mn-brand-meta>.ab-copy--date{position:static;align-self:center;white-space:normal}
body.fn-header-preset-template22 .fn-mn .ab-logo{flex:none;padding-top:0;min-width:0}
body.fn-header-preset-template22 .fn-mn .ab-logo>a{display:block;flex:0 1 auto;min-width:0;max-width:100%}
body.fn-header-preset-template22 .fn-mn .ab-logo .custom-logo{display:block;width:var(--mn-logo-width,210px)!important;height:var(--mn-logo-height,78px)!important;max-width:100%!important;max-height:none!important;object-fit:contain}
.fn-mn .ab-brand-row>.fn-header-ad-slot{margin:0;padding:0}
.fn-mn .ab-brand-row:not(.mn-has-ad):has(.ab-logo.ab-align-center) .mn-brand-copy{grid-column:1/-1}
.fn-mn .ab-brand-row:not(.mn-has-ad):has(.ab-logo.ab-align-left) .mn-brand-copy{grid-column:2;grid-row:1}
.fn-mn .ab-brand-row:not(.mn-has-ad):has(.ab-logo.ab-align-left) .mn-brand-meta{grid-column:1;grid-row:1}
@media(max-width:780px){
body.fn-header-preset-template22 .fn-mn .ab-brand-row,body.fn-header-preset-template22 .fn-mn .ab-brand-row.mn-has-ad{grid-template-columns:minmax(0,1fr);height:auto;min-height:80px;padding-block:10px}
.fn-mn .mn-brand-copy,.fn-mn .mn-brand-meta{grid-column:1!important;grid-row:auto!important}
.fn-mn .mn-brand-meta{justify-content:center}
body.fn-header-preset-template22 .fn-mn .ab-logo .custom-logo{width:min(var(--mn-mobile-logo,150px),100%)!important;height:auto!important;max-height:var(--mn-logo-height,78px)!important}
.fn-header-stack:has(.fn-header-ad-slot) .fn-header{display:flex;flex-wrap:wrap}
.fn-header-stack:has(.fn-header-ad-slot) .fn-header-editorial{display:block;flex:1 0 100%;width:100%}
}

/* The header inherits its surface; no widget background or forced full-width canvas. */
.fn-header-ad-slot,
.fn-header-ad-slot>.fn-widget,
.fn-header-ad-slot .fn-pro-ad{
 background:transparent!important;background-image:none!important;
 border:0!important;box-shadow:none!important;border-radius:0!important;
 padding:0!important;margin-block:0!important;min-height:0!important;
}
.fn-header-ad-slot .fn-pro-ad{width:fit-content;max-width:100%;margin-inline:auto!important;overflow:visible}
.fn-header-ad-slot .fn-ad-canvas{
 width:var(--fn-ad-width,auto);height:var(--fn-ad-height,auto);
 max-width:100%;max-height:none;overflow:visible;flex:none;
}
.fn-header-ad-slot .fn-ad-canvas[data-auto-width="1"]{width:max-content}
.fn-header-ad-slot .fn-ad-canvas[data-auto-width="1"]>img,
.fn-header-ad-slot .fn-ad-canvas[data-auto-width="1"]>a>img{width:auto;max-width:100%}
.fn-header-ad-slot .fn-ad-canvas[data-auto-height="1"]>img,
.fn-header-ad-slot .fn-ad-canvas[data-auto-height="1"]>a>img{height:auto}
.fn-header-ad-slot .fn-ad-canvas>.fn-pro-ad__site-preview{height:var(--fn-ad-height,var(--fn-ad-preview-height,360px))}
.fn-header-stack:has(.fn-header-ad-slot) .fn-header-editorial{display:flex;justify-content:center;align-items:center}
body.fn-header-preset-template22 .fn-mn .ab-brand-row.mn-has-ad{
 grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
}
.fn-mn .ab-brand-row>.fn-header-ad-slot{width:fit-content;max-width:100%}
@media(max-width:780px){
 body.fn-header-preset-template22 .fn-mn .ab-brand-row.mn-has-ad{grid-template-columns:minmax(0,1fr)}
 .fn-mn .ab-brand-row>.fn-header-ad-slot{justify-self:center}
}

/* Position controls belong to each ad, not to the selected header preset. */
.fn-header-ad-slot .fn-pro-ad{width:100%}
.fn-ad-canvas[data-align="right"]{margin-left:auto;margin-right:0}
.fn-ad-canvas[data-align="center"]{margin-inline:auto}
.fn-ad-canvas[data-align="left"]{margin-left:0;margin-right:auto}
.fn-ad-canvas[data-align]{position:relative;left:var(--fn-ad-x,0px);top:var(--fn-ad-y,0px)}
.fn-mn .ab-brand-row>.fn-header-ad-slot{width:100%}
@media(max-width:780px){.fn-ad-canvas[data-align]{left:0;top:0}}