/* Both service names stay centred on the icon axis. Captions share the title cell and sit below it. */
.newspaper .site-header .brand .cross-brand-copy,.newspaper .site-header .ecosystem-switch .cross-brand-copy{display:grid;font:inherit;letter-spacing:normal;text-transform:none;opacity:1;grid-template-columns:max-content;align-items:center;min-width:0}
.site-header .cross-brand-copy>.masthead,.site-header .cross-brand-copy>strong,.site-header .cross-brand-copy>.cross-brand-caption{grid-area:1/1}
.site-header .cross-brand-caption{display:block;align-self:end;transform:translateY(calc(100% + 1px));color:var(--forest,var(--green,#315b45));font:400 11px/1.15 var(--font-ui,Inter,system-ui,sans-serif);letter-spacing:0;white-space:nowrap;text-decoration:none}
@media(max-width:760px){.site-header .cross-brand-caption{font-size:9px}}
@media(max-width:360px){.newspaper .site-header{grid-template-columns:auto auto auto;column-gap:1px}.site-header .cross-brand-caption{font-size:8.5px}}

/* A small terracotta dot beside the caption identifies the current service. */
.newspaper .site-header .brand,.newspaper .site-header .ecosystem-switch,.newspaper .site-header .masthead,.newspaper .site-header .ecosystem-switch strong{text-decoration:none!important}
.newspaper .site-header .brand[aria-current="page"] .cross-brand-caption,.newspaper .site-header .ecosystem-switch[aria-current="page"] .cross-brand-caption{color:#a45f43;font-weight:600}
.site-header [aria-current="page"] .cross-brand-caption::after{content:"";display:inline-block;width:4px;height:4px;margin-left:5px;vertical-align:middle;border-radius:50%;background:currentColor}
.newspaper .site-header .brand:hover .masthead,.newspaper .site-header .ecosystem-switch:hover strong{color:#a45f43}
.newspaper .site-header .brand:focus-visible,.newspaper .site-header .ecosystem-switch:focus-visible{outline:2px solid currentColor;outline-offset:4px}
