/* Geometry, colors, reveal and individual SVG keyframes come from reference.css. */
html:not([lang="en"]) .mt-topic-banner .m-emotions__heading{font-size:3rem;line-height:1.1}
.mt-topic-banner .m-emotions__icon--trigger:focus-visible{outline:2px solid #fafaf6;outline-offset:-4px;border-radius:50%;z-index:4}
.mt-topic-banner .m-emotions__number:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.mt-topic-banner .m-emotions__number>span{display:inline-flex;gap:.4375rem;align-items:center}
.mt-topic-banner.is-topic-paused *,.mt-topic-banner.is-topic-reduced *{animation:none!important;transition:none!important}

/* Four real links remain available on touch screens; the original reveal stays intact. */
@media(max-width:1023px){
 html:not([lang="en"]) .mt-topic-banner .m-emotions__heading{font-size:1.75rem;line-height:1.25}
 .mt-topic-banner .m-emotions__icons:not(.m-emotions__icons--top){display:flex}
 .mt-topic-banner .m-emotions__icons{padding-inline:.3125rem}
 .mt-topic-banner .m-emotions__icon--trigger{position:relative;inset:auto;width:3.75rem;height:3.75rem;opacity:1;pointer-events:auto;flex-shrink:0}
 .mt-topic-banner .m-emotions__icon--visual{display:flex;flex-shrink:0}
 .mt-topic-banner .m-emotions__number{display:inline-flex}
}
@media(prefers-reduced-motion:reduce){
 .mt-topic-banner *{animation:none!important;transition:none!important}
}