/* 국립전파연구원 60주년 역사박물관 메인 화면 스타일 */

/* ===== 기본 화면 설정 ===== */
    *{box-sizing:border-box}
    html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#d8d0c7}
    body{position:relative}
/* ===== 박물관 가로 스크롤 영역 ===== */
    .museum-scroll{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:#77716b #c8c0b7;scrollbar-width:auto}
    .museum-scroll::-webkit-scrollbar{height:14px}.museum-scroll::-webkit-scrollbar-track{background:#c8c0b7}.museum-scroll::-webkit-scrollbar-thumb{border:3px solid #c8c0b7;border-radius:999px;background:#77716b}
    .museum-stage{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden}
    .museum{position:absolute;left:50%;top:50%;width:max(130vw,calc(130vh * 3516 / 1481));aspect-ratio:3516/1481;overflow:hidden;transform:translate(-50%,calc(-50% - 40px))}
    body.modal-open .museum-scroll{overflow:hidden}
    @media(max-width:1400px){.museum-stage{width:1400px}.museum{width:2500px}}
/* ===== 박물관 배경 이미지 ===== */
    .museum-image{display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none}

/* ===== 모달 실행 버튼과 더하기 아이콘 ===== */
    .hotspot{position:absolute;padding:0;border:0;background:transparent;cursor:pointer}
    .map-button{position:absolute;left:var(--icon-x);top:var(--icon-y);width:var(--icon-size);aspect-ratio:1;border-radius:50%;background:#96918b;box-shadow:0 4px 5px #0004;pointer-events:none;transform:scale(1);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
    .map-button::before,.map-button::after{content:"";position:absolute;left:28%;top:47%;width:44%;height:6%;border-radius:999px;background:#fff}
    .map-button::after{left:47%;top:28%;width:6%;height:44%}
    .hotspot:not(:disabled):hover .map-button{background:#55514d;box-shadow:0 7px 14px #0006;transform:scale(1.08)}
    .hotspot:disabled{cursor:default}
    .hotspot:focus-visible{outline:4px solid #246beb;outline-offset:3px;background:#ffffff2e}
    @media(prefers-reduced-motion:reduce){.map-button{transition:none}}
/* ===== 전시 항목별 버튼 위치 ===== */
    .promo{left:26.963%;top:32.681%;width:7.821%;height:21.877%;--icon-x:84.36%;--icon-y:3.09%;--icon-size:13.18%}
    .agreement{left:26.963%;top:54.288%;width:7.821%;height:14.855%;--icon-x:84.36%;--icon-y:.45%;--icon-size:13.18%}
    .history-2014{left:35.973%;top:35.787%;width:9.670%;height:47.265%;--icon-x:78.88%;--icon-y:86.43%;--icon-size:12.39%}
    .history-1999{left:45.250%;top:35.787%;width:9.670%;height:47.265%;--icon-x:81.04%;--icon-y:86.43%;--icon-size:12.39%}
    .history-1966{left:54.522%;top:35.787%;width:9.670%;height:47.265%;--icon-x:83.19%;--icon-y:86.43%;--icon-size:12.39%}
    .photo{left:65.415%;top:33.761%;width:7.395%;height:27.009%;--icon-x:78.08%;--icon-y:6.50%;--icon-size:13.94%}
    .equipment{left:65.415%;top:61.918%;width:7.395%;height:20.932%;--icon-x:71.68%;--icon-y:4.52%;--icon-size:13.94%}
/* ===== 접근성 및 모달 표시 영역 ===== */
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .viewer[hidden]{display:none}.viewer{position:fixed;inset:0;z-index:1000}
    .viewer>[data-modal-host]{position:absolute;inset:0}