/* The pink tone is encoded into each optical frame. Keeping SVG filters off
   animated canvas layers avoids blank frames in Chromium-based browsers. */
html[data-tok-tone="rose"] .tok-live-header :is(.tok-glass-canvas,.tok-glass-fallback),
html[data-tok-tone="rose"] :is([data-footer-glass],[data-panel-glass]) :is(img,canvas){filter:none}
.tok-panel-social,.tok-panel-letter{position:relative}
.tok-panel-logo{aspect-ratio:150/68}
.tok-panel-letter{display:block;width:33.333%;height:100%;flex:1}
.tok-panel-social img,.tok-panel-social canvas,.tok-panel-letter img,.tok-panel-letter canvas{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;pointer-events:none}
.tok-panel-social[href]:hover{transform:none}
.tok-panel-socials{gap:8px}

/* The 44px SVG artwork keeps its size while the social-button centres move closer. */
#tok-about-stable-glass-page .tok-live-socials{gap:2.6px}
#tok-about-stable-glass-page .tok-live-socials>.tok-glass-button{width:38.15px;flex-basis:38.15px}
@media(max-width:360px){#tok-about-stable-glass-page .tok-live-socials{gap:0}}

@media(max-width:760px){
 #tok-about-stable-glass-page .tok-live-header{min-height:112px;padding:8px 0 4px;row-gap:0}
 #tok-about-stable-glass-page .tok-live-logo{width:113px;height:56px}
 #tok-about-stable-glass-page .tok-letter-group{transform:scale(.774);transform-origin:left top}
 #tok-about-stable-glass-page .tok-live-socials>.tok-glass-button{height:38px}
 #tok-about-stable-glass-page .tok-live-tools>.tok-glass-button{width:39px;height:39px;flex-basis:39px}
 #tok-about-stable-glass-page .tok-live-tools .tok-render-space{width:39px;height:39px}
 #tok-about-stable-glass-page .tok-breadcrumbs{margin:2px auto 8px}
 #tok-about-stable-glass-page .tok-hero{padding:8px 16px 14px}
 #tok-about-stable-glass-page .tok-article{padding:4px 0 26px}
 #tok-about-stable-glass-page .cms-exact-text{white-space:pre-line!important}
}