/* Section title bars (home .ref-label, store pages .ref-label/.sr-label): bold number on an orange cell, bold English
   title, semibold Korean heading. The orange is a ::before layer behind the number; section-label.js scales it in from
   the left once per bar. Without JS, or with reduced motion, the cell is simply orange. */
.ref-label>span,.sr-label>span{position:relative;isolation:isolate;align-self:stretch;font-weight:700!important;color:#111}
.ref-label>span::before,.sr-label>span::before{content:"";position:absolute;inset:0;z-index:-1;background:#ff5a1f;transform:scaleX(1);transform-origin:left center}
.section-label-motion .ref-label>span::before,.section-label-motion .sr-label>span::before{transition:transform 350ms cubic-bezier(.3,.6,.2,1)}
.section-label-motion .ref-label>span:not(.is-filled)::before,.section-label-motion .sr-label>span:not(.is-filled)::before{transform:scaleX(0)}
.ref-label>p,.sr-label>p{color:#111!important;font-weight:700!important}
.ref-label h2,.sr-label h2{font-weight:600!important}
@media(prefers-reduced-motion:reduce){.section-label-motion .ref-label>span::before,.section-label-motion .sr-label>span::before{transform:scaleX(1)!important;transition:none}}
/* Store intro (desktop): the bar becomes a sticky 190px sidebar; the number gets a full-width cell flush with its edges. */
@media(min-width:1101px){.em-active .em-sticky-section>.sr-label>span{margin:-25px -24px 25px!important;padding:20px 24px 18px!important}}
/* Mobile: the bolder digits need a wider number column. */
@media(max-width:700px){.sr-label{grid-template-columns:96px minmax(0,1fr)!important}}
@media(max-width:600px){.ref-label{grid-template-columns:96px minmax(0,1fr)!important}}
.ref-label>div>p{font-size:14px!important;line-height:1.7}