/* Icon space opens only when the icon is shown. */
.sn-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0;vertical-align:middle}
.sn-button-label{min-width:0}
.sn-button-icon{display:inline-block;flex:0 0 auto;width:0;margin-inline-start:0;overflow:hidden;line-height:1;text-align:center;opacity:0;transform:translateX(-5px) scale(.9);transition:width .25s cubic-bezier(.22,1,.36,1),margin-inline-start .25s cubic-bezier(.22,1,.36,1),opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1);pointer-events:none}
.sn-icon-button:hover>.sn-button-icon,.sn-icon-button:focus-visible>.sn-button-icon,.sn-icon-button[aria-busy=true]>.sn-button-icon,.related-story:hover .sn-button-icon,.related-story:focus-visible .sn-button-icon{width:1em;margin-inline-start:10px;opacity:1;transform:translateX(0) scale(1)}
.sn-icon-button:focus-visible{outline:3px solid #bc8b60;outline-offset:4px}
.filter.sn-icon-button,.pill.sn-icon-button{gap:0}
.filter .sn-button-icon,.pill .sn-button-icon{font-size:.9em}
.filter.sn-icon-button:hover>.sn-button-icon,.pill.sn-icon-button:hover>.sn-button-icon,.filter.sn-icon-button:focus-visible>.sn-button-icon,.pill.sn-icon-button:focus-visible>.sn-button-icon{margin-inline-start:7px}
.readlink.sn-icon-button{justify-content:flex-start}
.hamburger{transition:transform .2s ease}.hamburger:hover{transform:scale(1.06)}
.smallproof:before{content:none!important}.sn-proof-icon{margin-right:8px;color:var(--teal,#316e6b)}
@media(hover:none),(pointer:coarse){.sn-button-icon{width:1em;margin-inline-start:10px;opacity:1;transform:none}.filter .sn-button-icon,.pill .sn-button-icon{margin-inline-start:7px}}
@media(prefers-reduced-motion:reduce){.sn-button-icon,.hamburger{transition:none!important}}

/* Text links keep normal paragraph wrapping and footer link rows. */
.sn-icon-button.sn-inline-link{display:inline;vertical-align:baseline}
.sn-inline-link>.sn-button-icon{vertical-align:-.08em;font-size:.92em}
.sn-inline-link:hover>.sn-button-icon,.sn-inline-link:focus-visible>.sn-button-icon{margin-inline-start:5px}
.footer .sn-inline-link{display:block}
.footer .sn-inline-link>.sn-button-icon{font-size:.9em}
.links>.sn-inline-link{white-space:nowrap}
@media(hover:none),(pointer:coarse){.sn-inline-link>.sn-button-icon{margin-inline-start:5px}}