/* Preserve the original full-width-to-glass-pill motion. The removed menu item
   no longer consumes width, so the remaining navigation fits inside the pill. */
.nav a[href="/new"], .nav a[href="/new/"],
.sheet a[href="/new"], .sheet a[href="/new/"] { display: none; }
:root .nav__wrap { min-width: 0; }
:root .nav.scrolled .nav__wrap { max-width: 880px; }
@media (max-width: 1000px) {
  :root .nav__wrap { transition: max-width .6s cubic-bezier(.22,1,.36,1), height .6s cubic-bezier(.22,1,.36,1), margin-top .6s cubic-bezier(.22,1,.36,1), border-radius .6s cubic-bezier(.22,1,.36,1), background .3s; }
  :root .nav.scrolled .nav__wrap { max-width: calc(100% - 20px); height: 52px; margin-top: 8px; padding: 0 4px 0 16px; border-radius: 999px; box-shadow: 0 6px 24px #0002; }
  :root .nav.scrolled[data-on="light"] .nav__burger span { background: var(--ink); }
  :root .nav.open .nav__wrap { max-width: none; height: 56px; margin: 0; padding: 0 6px 0 18px; border-radius: 0; box-shadow: none; }
}

.lab-notice { width: min(420px, calc(100% - 32px), calc(80svh - 64px)); max-height: calc(100svh - 32px); padding: 0; border: 0; border-radius: 0; overflow: visible; background: transparent; color: #fff; box-shadow: none; font-family: var(--font, "Pretendard Variable", sans-serif); }
.lab-notice::backdrop { background: #0009; }
.lab-notice *, .lab-notice *::before, .lab-notice *::after { box-sizing: border-box; }
.lab-notice__media { position: relative; }
.lab-notice__viewport { position: relative; overflow: hidden; touch-action: pan-y; border-radius: 10px; box-shadow: 0 18px 72px #0005; }
.lab-notice__track { display: flex; transition: transform .35s ease; }
.lab-notice__slide { display: block; flex: 0 0 100%; min-width: 0; cursor: pointer; }
.lab-notice__slide img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; user-select: none; -webkit-user-drag: none; pointer-events: none; }
.lab-notice__arrow { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 52px; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; filter: drop-shadow(0 1px 3px #000); }
.lab-notice__arrow--prev { left: -56px; }
.lab-notice__arrow--next { right: -56px; }
.lab-notice__arrow svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lab-notice__dots { position: absolute; left: 0; right: 0; bottom: 0; height: 22px; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.lab-notice__dots button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; pointer-events: auto; }
.lab-notice__dots button::after { content: ""; width: 6px; height: 6px; border-radius: 8px; background: #888; transition: width .2s; }
.lab-notice__dots button[aria-pressed="true"]::after { width: 18px; background: #ff4f20; }
.lab-notice__bottom { display: grid; grid-template-columns: 1fr 1fr; background: transparent; }
.lab-notice__bottom button { min-height: 48px; border: 0; padding: 8px 4px; background: transparent; color: #fff; font: 500 13px var(--font, "Pretendard Variable", sans-serif); text-shadow: 0 1px 3px #000; cursor: pointer; }
.lab-notice__bottom button + button { border-left: 1px solid #ffffff30; }
@media (hover: hover) { .lab-notice__bottom button:hover { text-decoration: underline; text-underline-offset: 4px; } }
.lab-notice a:focus-visible, .lab-notice button:focus-visible { outline: 2px solid #ff4f20; outline-offset: -3px; }
.lab-notice-reopen { position: fixed; z-index: 95; right: 24px; bottom: 24px; min-height: 44px; padding: 0 17px; border: 1px solid #ffffff30; border-radius: 24px; color: #fff; background: #24201e; font: 650 14px var(--font, "Pretendard Variable", sans-serif); box-shadow: 0 4px 20px #0003; cursor: pointer; }
.lab-notice-reopen[hidden], body.menu-open .lab-notice-reopen, body:has(.modal) .lab-notice-reopen { display: none; }
html:has(.lab-notice[open]) { background: #131010; }
@media (max-width: 600px) { .lab-notice__arrow--prev { left: 2px; } .lab-notice__arrow--next { right: 2px; } .lab-notice__arrow svg { width: 22px; height: 22px; } .lab-notice-reopen { right: 14px; bottom: 96px; } }
@media (prefers-reduced-motion: reduce) { :root .nav__wrap, .lab-notice__track, .lab-notice__dots button::after { transition: none !important; } }