/* Brand colour stays inside a small white mark; the site's green palette stays intact. */
.brand-mark{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;overflow:hidden;border:1px solid #dce2d9;border-radius:8px;background:#fff;color:#50594e;vertical-align:middle}
.brand-mark .brand-initial{font:600 12px/1 Arial,sans-serif;letter-spacing:0;text-transform:none}
.brand-mark img{position:absolute;inset:5px;display:block;width:24px;height:24px;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:3px;object-fit:contain;background:#fff;opacity:0}
.brand-mark[data-brand-state="ready"] img{opacity:1}
.brand-mark[data-brand-state="ready"] .brand-initial{visibility:hidden}
.brand-label{display:inline-flex;align-items:center;gap:9px;vertical-align:middle;max-width:100%}
.brand-label>span:last-child{min-width:0}
.brand-platforms{display:flex;flex-wrap:wrap;gap:10px 18px;padding:0;margin:18px 0 24px;list-style:none}
.brand-platforms>li{margin:0;padding:0;list-style:none}
.brand-platforms .brand-label{font:550 .8125rem/1.45 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;color:inherit;text-decoration:none}
.brand-platforms a.brand-label{min-height:44px}
.brand-platforms a:hover{text-decoration:underline;text-underline-offset:4px}
.brand-platforms a:focus-visible{outline:3px solid #253e23;outline-offset:4px}
.portal-header .portal-mega .brand-platforms{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 20px;padding:0;width:100%}
.portal-header .portal-mega .brand-platforms>li{display:block}
.portal-header .portal-mega .brand-platforms a{display:inline-flex;flex-direction:row;justify-content:flex-start;gap:8px;min-height:44px;margin:0;padding:4px 0;font-size:.8125rem;font-weight:550;white-space:nowrap}
.portal-header .portal-mega .brand-platforms a:hover{background:transparent}
.portal-header .portal-mega a>.brand-label{display:flex;gap:10px}
.service-copy .brand-platforms{margin:16px 0 20px;gap:8px 14px}
.project-tag>.brand-label,.compact-card-category>.brand-label{font:inherit;letter-spacing:inherit;text-transform:inherit}
.project-tag .brand-mark,.compact-card-category .brand-mark{flex-basis:28px;width:28px;height:28px;border-radius:6px}
.project-tag .brand-mark img,.compact-card-category .brand-mark img{inset:4px;width:18px;height:18px}
.ads-proof .eyebrow>.brand-label{flex-wrap:wrap}
.channel-row:has(.brand-mark){grid-template-columns:minmax(116px,1.1fr) minmax(24px,2fr) auto}
.channel-row .brand-label{gap:8px;font-size:inherit}
.channel-row .brand-mark{flex-basis:26px;width:26px;height:26px;border-radius:6px}
.channel-row .brand-mark img{inset:4px;width:16px;height:16px}
.kh-section caption .brand-label{text-align:left}
.resource-name h2 .brand-mark{margin-right:10px}
.link-list .brand-mark{margin-right:10px}
@media(max-width:480px){.brand-platforms{gap:8px 14px}.channel-row:has(.brand-mark){grid-template-columns:minmax(110px,1.1fr) minmax(20px,1fr) auto}}
@media(prefers-reduced-motion:reduce){.brand-mark,.brand-mark img{animation:none;transition:none}}