/* Geometric controls remain identical across platform emoji fonts. */
.reaction-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:currentColor}
.reaction-icon svg{display:block;flex-shrink:0}
#player-icon,.play-dot,.youtube-play-badge,.instagram-start>span{font-size:0!important;display:inline-grid;place-items:center}
#player-icon::before,.play-dot::before,.youtube-play-badge::before,.instagram-start>span::before{content:"";display:block;width:18px;height:20px;background:currentColor;clip-path:polygon(15% 0,100% 50%,15% 100%)}
.sticky-player.playing #player-icon::before{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}
.article-reaction-grid button{min-height:58px;gap:8px}
.article-reaction-grid button.active{outline:2px solid #e1062c;outline-offset:2px}
.youtube-open-button,.youtube-external-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.youtube-card:focus-visible{outline:3px solid #e1062c;outline-offset:4px}
@media(max-width:640px){.article-reaction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-reaction-grid button{min-width:0;font-size:14px;overflow-wrap:anywhere}.youtube-card-actions{flex-wrap:wrap}}