/* Shared content edges keep the visible logo aligned with the text below it. */
html body .elco-header.elco-header,
html body .site-footer.site-footer {
    padding-left:var(--elco-page-edge);
    padding-right:var(--elco-page-edge);
}
html body main:not(.home-main) { padding-left:var(--elco-page-gutter);padding-right:var(--elco-page-gutter); }
html body .page-shell { padding-left:var(--elco-page-gutter);padding-right:var(--elco-page-gutter); }
html body .home-main .resource-story { padding-left:var(--elco-page-edge);padding-right:var(--elco-page-edge); }
html body .cinema-copy { left:var(--elco-page-edge); }
html body .content-article { margin-left:0;margin-right:0; }
html body .project-article .imported-content { margin-left:0;margin-right:0; }
.elco-logo-mark {
    display:block;position:relative;overflow:hidden;aspect-ratio:1795/1792;
    height:var(--elco-header-logo-height);flex:none;
}
html body .site-footer .elco-logo-mark { height:var(--elco-footer-logo-height); }
html body .elco-header .elco-brand .elco-logo-mark>img,
html body .site-footer .footer-logo .elco-logo-mark>img {
    position:absolute;top:0;left:-9.13649%;width:110.97493%;height:102.45536%;
    max-width:none;object-fit:fill;display:block;
}
html body .site-footer .footer-grid>div { align-items:flex-start;text-align:left; }
html body .site-footer .footer-bottom { justify-content:flex-start;text-align:left; }
@media(max-width:760px) { html:root:root { --elco-page-gutter:20px; } }
@media(max-width:1000px) { .elco-logo-mark { height:var(--elco-mobile-logo-height); } }
/* Keep the supplied black mark readable on the dark footer. */
html body .site-footer .footer-logo img[src$="/elco-logo-symbol.png"] { filter:invert(var(--elco-footer-logo-invert,1)); }
html body .contact-story .button { background:#fff;color:#000;border:1px solid #fff; }
html body .contact-story .button:hover { background:#e6e6e6;color:#000;border-color:#e6e6e6; }
:root { accent-color:#000; }
/* Match the native language links and keep the search icon legible at every width. */
.header-language-links .header-language-link[aria-current="page"] {
    background:#f3f3f3;color:#000;border-color:#ccc;
}
.menu-utilities .elco-search>summary {
    justify-content:center;min-width:32px;min-height:36px;padding:6px;
}
.menu-utilities .elco-search>summary>svg { display:block;width:21px;height:21px;flex:none; }
.elco-header .header-language-link:focus-visible,
.elco-header .elco-search>summary:focus-visible { outline:2px solid currentColor;outline-offset:3px; }