/* Right-edge quick menu, drawn in the same thin-line rail language as the left chapter rail. The header is an orange
   cell like the section numbers; each channel carries its own colour, swept in from the edge on hover. */
.eg-quick{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:85;background:#fff;border:1px solid #c6c6c2;color:#111;font-family:Arial,'Noto Sans KR',sans-serif;box-shadow:0 22px 50px #1111111c;animation:eg-q-in .6s cubic-bezier(.2,.8,.2,1) .3s both}
.eg-quick>p{margin:0;padding:14px 0 12px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.24em;text-indent:.24em;color:#111;background:#ff5a1f}
.eg-quick ul{margin:0;padding:0;list-style:none}
.eg-quick li{animation:eg-q-item .5s cubic-bezier(.2,.8,.2,1) both}
.eg-quick li:nth-child(1){animation-delay:.5s}.eg-quick li:nth-child(2){animation-delay:.57s}.eg-quick li:nth-child(3){animation-delay:.64s}.eg-quick li:nth-child(4){animation-delay:.71s}.eg-quick li:nth-child(5){animation-delay:.78s}
.eg-quick li+li{border-top:1px solid #e6e6e2}
.eg-quick a{--q-c:#111;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:7px;width:76px;padding:16px 0 14px;color:inherit;font-size:14px;letter-spacing:-.03em;text-decoration:none;transition:color .25s}
.eg-quick a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--q-c);transform:scaleX(0);transform-origin:right center;transition:transform .35s cubic-bezier(.3,.6,.2,1)}
.eg-quick a:hover,.eg-quick a:focus-visible{color:#fff}
.eg-quick a:hover::before,.eg-quick a:focus-visible::before{transform:scaleX(1)}
.eg-quick a>svg:not(.eg-q-ring){width:22px;height:22px;fill:none;stroke:var(--q-c);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s,transform .35s cubic-bezier(.3,.6,.2,1)}
.eg-quick a:hover>svg:not(.eg-q-ring),.eg-quick a:focus-visible>svg:not(.eg-q-ring){stroke:#fff;transform:translateY(-2px) scale(1.08)}
.eg-quick .eg-q-place{--q-c:#ff5a1f}.eg-quick .eg-q-blog{--q-c:#03c75a}.eg-quick .eg-q-insta{--q-c:#e1306c}.eg-quick .eg-q-youtube{--q-c:#f00}
.eg-quick .eg-q-insta::before{background:linear-gradient(45deg,#f9a825,#e1306c 50%,#833ab4)}
.eg-quick small{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px);padding:7px 12px;background:#111;color:#fff;font-size:14px;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.eg-quick a:hover small,.eg-quick a:focus-visible small{opacity:1;transform:translateY(-50%)}
.eg-quick .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eg-q-top-item{background:#f6f5f2}
/* Scroll progress ring around the TOP arrow (added by quick-menu.js). */
.eg-quick .eg-q-ring{position:absolute;left:50%;top:9px;width:36px;height:36px;margin-left:-18px;transform:rotate(-90deg);pointer-events:none}
.eg-q-ring circle{fill:none;stroke-width:1.6}
.eg-q-ring .eg-q-track{stroke:#dcdcd7;transition:stroke .25s}
.eg-q-ring .eg-q-progress{stroke:#ff5a1f;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--eg-progress,0) * 100);stroke-linecap:round}
.eg-quick a:hover .eg-q-track{stroke:#ffffff40}
@keyframes eg-q-in{from{opacity:0;transform:translate(28px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@keyframes eg-q-item{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
/* A store's own menu (rendered inside main) replaces the head-office one. */
body:has(main .eg-quick)>.eg-quick{display:none}
@media(max-width:700px){
 .eg-quick{z-index:200;top:auto;bottom:0;left:0;right:0;transform:none;border:0;border-top:1px solid #c6c6c2;box-shadow:0 -8px 24px #11111112;padding-bottom:env(safe-area-inset-bottom);animation-name:eg-q-in-m}
 .eg-quick>p,.eg-quick small{display:none}
 .eg-quick ul{display:flex}.eg-quick li{flex:1;animation-name:eg-q-item-m}.eg-quick li+li{border-top:0;border-left:1px solid #e6e6e2}
 .eg-quick a{width:auto;padding:10px 0 9px;gap:4px;font-size:14px}
 .eg-quick a::before{transform:scaleY(0);transform-origin:center bottom}
 .eg-quick a:hover::before,.eg-quick a:focus-visible::before,.eg-quick a:active::before{transform:scaleY(1)}
 .eg-quick a>svg:not(.eg-q-ring){width:20px;height:20px}
 .eg-quick .eg-q-ring{top:5px;width:30px;height:30px;margin-left:-15px}
 body.has-eg-quick{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 @keyframes eg-q-in-m{from{transform:translateY(100%)}to{transform:none}}
 @keyframes eg-q-item-m{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.eg-quick,.eg-quick li{animation:none}.eg-quick a::before,.eg-quick a>svg{transition:none}}
@media print{.eg-quick{display:none}}