/* Shared green brand area across every logo placement. */
:root{--brand-green:#007f78}
body>header,body>footer,.community-page>.c-header,.community-page>.c-footer,.modal-top{background:var(--brand-green);color:#fff}
body>header,.community-page>.c-header{max-width:none;width:100%;margin:0;min-height:95px;height:auto;padding:15px 5%;gap:34px}
body>footer,.community-page>.c-footer{max-width:none;width:100%;margin:0;padding:24px 5%;border:0}
.logo,.c-logo{--brand-width:145px;width:var(--brand-width);display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0;line-height:1;background:transparent;border-radius:0;padding:0;letter-spacing:normal}
footer .logo,.modal-top .logo{--brand-width:145px}
.logo img,footer .logo img,.modal-top .logo img,.c-logo img{display:block;width:var(--brand-width);height:calc(var(--brand-width)*.34375);object-fit:contain}
.logo .brand-tagline,.c-logo span{display:block;margin:0;padding:0;color:#fff;font:400 13px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.015em;text-align:center;white-space:nowrap}
body>header nav,body>header nav a,body>header .navlink,body>header a[aria-current=page],body>footer>a:not(.logo),body>footer .navlink,body>footer>span,body>footer p{color:#fff}
body>header a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
body>header .navlink span{background:#ffffff26;color:#fff}
body>header a:focus-visible,body>header button:focus-visible,body>footer a:focus-visible,body>footer button:focus-visible{outline:3px solid #e8f092;outline-offset:4px}
.modal-top{padding:18px 22px;border:0;border-radius:8px;gap:20px}
.modal-top button{background:#ffffff20;color:#fff;border:1px solid #ffffff60}
.sidebar{background:var(--brand-green);color:#fff}
.sidebar .brand img{width:145px;height:auto;max-height:none}
.sidebar .brand .brand-tagline{width:145px;font:400 13px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;letter-spacing:.015em}
.sidebar .brand small,.sidebar .nav-caption,.sidebar .sidebar-bottom p,.sidebar .nav-icon{color:#ddf1ed}
.sidebar .nav a:first-child,.sidebar .nav a:hover{background:#ffffff20;color:#fff}
@media(max-width:760px){body>header,.community-page>.c-header{gap:15px;padding:15px 6%}body>footer,.community-page>.c-footer{padding:24px 6%}.logo,.c-logo,footer .logo,.modal-top .logo{--brand-width:112px}.logo .brand-tagline,.c-logo span{font-size:10px}.sidebar .brand img,.sidebar .brand .brand-tagline{width:112px}.sidebar .brand .brand-tagline{font-size:10px}}