/* 파일 목적: 바로가기 버튼과 기기별 안내창을 반응형으로 표시합니다. */
.shortcut-header-controls { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; min-width: 0; }
.shortcut-button { font: inherit; font-size: .82rem; font-weight: 600; color: #425574; background: #fff; border: 1px solid #cbd5e1; border-radius: 9px; padding: 9px 12px; cursor: pointer; min-height: 40px; }
.shortcut-button:hover { background: #f1f5f9; border-color: #94a3b8; }
.shortcut-button:focus-visible, .shortcut-close:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.shortcut-dialog { box-sizing: border-box; width: min(460px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); overflow: auto; margin: auto; padding: 24px; border: 1px solid #dbe3ef; border-radius: 16px; color: #24334b; background: #fff; box-shadow: 0 20px 70px #0f172a33; font-family: inherit; }
.shortcut-dialog::backdrop { background: #0f172a80; }
.shortcut-dialog h2 { font-size: 1.2rem; line-height: 1.4; margin: 0 0 20px; }
.shortcut-dialog p { font-size: .95rem; line-height: 1.7; margin: 0 0 16px; overflow-wrap: anywhere; }
.shortcut-dialog .shortcut-note { font-size: .82rem; color: #52627a; }
.shortcut-close { display: block; margin-left: auto; min-height: 44px; padding: 10px 22px; border: 0; border-radius: 8px; background: #2563eb; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
@media (max-width: 600px) { .shortcut-header-controls { gap: 6px; } .shortcut-button { padding: 8px; font-size: .75rem; } .shortcut-header-controls .lang-select { max-width: 145px; } .shortcut-dialog { padding: 20px; } }

/* 언어 선택창과 바로가기 버튼의 세로 크기를 통일합니다. */
.shortcut-header-controls .lang-select, .shortcut-header-controls .shortcut-button { box-sizing: border-box; height: 40px; min-height: 40px; padding-top: 0; padding-bottom: 0; }