/* A persistent version choice, separate from render resolution. */
.viewer-switch{flex:none;display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 16px;background:#123c37;color:#fff;z-index:15;box-sizing:border-box}
.viewer-switch__buttons{display:flex;gap:3px;padding:3px;background:#082b27;border:1px solid #57827b;border-radius:9px;flex:none}
.viewer-switch button{font:inherit;font-size:.875rem;min-height:32px;padding:5px 18px;border:0;border-radius:5px;background:transparent;color:#d7e8e4;white-space:nowrap;cursor:pointer}
.viewer-switch button[aria-pressed=true]{background:#fff;color:#123c37;font-weight:750;box-shadow:0 1px 3px #0003}
.viewer-switch button:focus-visible{outline:3px solid #f4ca79;outline-offset:3px}
.viewer-switch__note{font-size:.8125rem;line-height:1.4;color:#e0ece8}
body.testing .viewer-switch button{pointer-events:none;opacity:.65}
@media(max-width:700px){.viewer-switch{padding:5px 9px;gap:9px}.viewer-switch button{padding:5px 12px}.viewer-switch__note{font-size:.75rem}}
@media(max-width:390px){.viewer-switch{flex-wrap:wrap;gap:3px}.viewer-switch__note{width:100%}}

/* Fluorescent halo only: keep the original button dimensions, text and fills. */
#campusButton,
#livingOutlookButton,
#simpleLivingButton,
.living-outlook-hud button[data-living-return],
.living-outlook-hud button[data-living-settings]{
  box-shadow:0 0 0 2px #d7ff38,0 0 8px 2px #caff4380;
}
/* Allow the halo inside the scrolling navigation without moving its buttons. */
header nav[aria-label="탐색 영역"]{
  padding:4px;
  margin:-4px;
}