/* Approved palette sampled from the user's open Inter portfolio tab. */
:root{--blue:#0479b6;--yellow:#f1c40f;--ink:#2a2828;--paper:#f7f6f0;--line:#d7d8d4}
body,main,.section,.selected,.project-caption,.honesty{background:#f7f6f0!important;color:#2a2828}
header,.home-intro,.editorial-intro,.page-heading{background:#0479b6!important;color:#fff}
header{border-bottom-color:#ffffff25}header>a{background:transparent!important;padding:0}
nav{color:#fff}nav .contact{border-color:#ffffff70;color:#fff}nav a[aria-current]{border-bottom-color:#f1c40f}
.home-intro h1 em,.editorial-intro h1 em,.page-heading h1 em{color:#f1c40f}
.home-intro>div>p:not(.eyebrow),.editorial-intro>div>p,.page-heading .intro,.home-note,.intro-bottom,.home-intro .eyebrow,.editorial-intro .eyebrow,.page-heading .eyebrow,.back{color:#fff}
.intro-bottom{border-bottom-color:#ffffff50}
.hero-product{background:#00649b!important;border-color:#ffffff35!important}
.product-label,.hero-product .product-label{color:#fff}
.featured,.visual-link,.queue-surface,.principles,.result-panel{background:#e4e9e7!important}
.app-window,.catalogue-ui,.queue-ui,.app-message,.app-body,.app-bar,textarea{background:#fff!important;color:#2a2828}
.app-body aside,.draft{background:#f7f6f0!important}
.active-item,.avatar,.status-pill,.queue-ui i{background:#fff!important;color:#52635b}
.extracted{background:#fff!important}
.dark,.app-icon{background:#0479b6;color:#fff}.home-intro .dark{background:#f1c40f;color:#2a2828}
.feature-copy .eyebrow,.section-title .eyebrow,.project-caption .eyebrow,.eyebrow{color:#545050}
.feature-copy>p:not(.eyebrow),.principles article p,.project-caption p,.section-title>p,.demo-layout p,.build-notes p{color:#545050}
.closing,.cta{background:#f1c40f!important;color:#2a2828}.closing .eyebrow,.closing>a{color:#2a2828}.closing>a{border-color:#2a2828}
footer{background:#252a2c;color:#fff}footer small{color:#c5cdce}.preview{background:#2a2828;color:#fff}

/* Approved EPB ribbon lockup, preserved exactly on its white presentation ground. */
header>a:first-child{background:#fff!important;padding:8px 10px!important;line-height:0}header img{width:270px!important;height:auto}footer img{width:220px!important;height:auto;background:white;padding:7px} @media(max-width:620px){header img{width:230px!important}}

header>a:first-child{background:transparent!important;padding:0!important;text-decoration:none;line-height:1.3}header img,footer img{background:transparent!important;padding:0!important}.brand-descriptor{display:block;text-align:center;color:#fff;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px;margin-top:-5px}.footer-brand{display:block}.footer-brand .brand-descriptor{font-size:10px;margin-top:-3px}@media(max-width:620px){.brand-descriptor{font-size:11px}}
/* Larger transparent branding with a fine light keyline for blue-background contrast. */
header img{width:330px!important;max-width:100%;filter:drop-shadow(1px 0 0 rgba(255,255,255,.82)) drop-shadow(-1px 0 0 rgba(255,255,255,.82)) drop-shadow(0 1px 0 rgba(255,255,255,.82)) drop-shadow(0 -1px 0 rgba(255,255,255,.82))}
header>a:first-child{flex-shrink:0}.brand-descriptor{font-size:13px;letter-spacing:1.7px;margin-top:-8px}footer img{width:260px!important;filter:drop-shadow(0 0 1px rgba(255,255,255,.85))}
@media(max-width:1050px) and (min-width:621px){header{gap:20px}header img{width:285px!important}nav{gap:18px}}
@media(max-width:620px){header img{width:280px!important}.brand-descriptor{font-size:12px}header>a:first-child{max-width:100%}}


/* Coloured EPB emblem, white lettering, no outline or background. */
header img,footer img{filter:none!important;box-shadow:none!important;background:transparent!important}.brand-descriptor{margin-top:8px;font-size:11px;letter-spacing:1.8px}.footer-brand .brand-descriptor{margin-top:7px;font-size:10px}
.brand-descriptor{display:table;margin:9px auto 0;padding:5px 12px;border:1px solid rgba(255,255,255,.5);border-radius:9px;color:#fff;font-size:10px;font-weight:400;letter-spacing:.8px;line-height:1.4;background:transparent}.footer-brand .brand-descriptor{margin:9px auto 0;font-size:9px;padding:4px 10px}@media(max-width:620px){.brand-descriptor{font-size:10px}}

/* Centre the tagline beneath the wordmark, excluding the EPB emblem. */
header .brand-descriptor{box-sizing:border-box;display:block;width:66%;margin:9px 0 0 34%;padding:6px 4px;font-size:13px;letter-spacing:.35px;line-height:1.4;text-align:center;white-space:nowrap}
.footer-brand .brand-descriptor{box-sizing:border-box;display:block;width:66%;margin:9px 0 0 34%;padding:5px 3px;font-size:12px;letter-spacing:.2px;line-height:1.4;text-align:center;white-space:nowrap}
@media(max-width:620px){header .brand-descriptor{font-size:12px;padding:6px 3px}}


header .brand-descriptor,.footer-brand .brand-descriptor{position:relative;top:-8px;margin-top:0;margin-bottom:-8px}