/* Reference composition: yellow publisher line and five compact colour fields. */
.hero{border-bottom:0}
.topic-band{background:var(--accent);border-bottom:2px solid var(--ink)}
.topic-band-row{display:flex;align-items:stretch;border-top:2px solid var(--ink);min-height:clamp(56px,6.5vw,80px)}
.topic-publisher{display:flex;flex:1;align-items:center;flex-wrap:wrap;align-content:center;column-gap:1.4em;min-width:0;margin:0;padding:10px 16px 10px 0;font-family:var(--mono);font-size:clamp(11px,1.4vw,14px);font-weight:700;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}
.topic-publisher span{white-space:nowrap}
.topic-publisher-domain::before{content:'·';margin-right:1.4em}
.topic-strip{display:grid;align-items:stretch;grid-template-columns:repeat(5,minmax(0,1fr));flex:0 0 30%;min-width:120px;gap:0;padding:0}
.topic-strip a{display:block;min-width:24px;min-height:44px}
.topic-strip a:nth-child(1){background:var(--blue)}
.topic-strip a:nth-child(2){background:var(--pink)}
.topic-strip a:nth-child(3){background:var(--orange)}
.topic-strip a:nth-child(4){background:var(--green)}
.topic-strip a:nth-child(5){background:var(--purple)}
.topic-strip a:focus-visible{position:relative;z-index:1;outline:3px solid var(--ink);outline-offset:-6px}
@media(max-width:650px){.topic-publisher{display:block;align-self:center;letter-spacing:.04em}.topic-publisher span{display:block}.topic-publisher-domain::before{content:none}}
/* Preserve the official wordmark's letters and use the supplied green symbol.
   Both PNGs are unchanged. The word viewport hides the old bars via CSS. */
.buy-logo{display:flex;align-items:flex-end;gap:2.75%;filter:none}
.buy-logo-word{display:block;flex:0 0 72%;aspect-ratio:1596.96/680;overflow:hidden}
.buy-logo-word img{display:block;width:138.888889%;max-width:none;height:auto;filter:brightness(0)}
.buy-logo-symbol{display:block;width:25.25%;height:auto;flex:none}