.bnp-language { display: inline-flex; align-items: center; gap: 3px; border: 1px solid #ffffff4d; border-radius: 999px; padding: 5px 8px; background: #172130ed; color: #f6f3ee; font: 12px/1.4 system-ui,sans-serif; white-space: nowrap; }
.bnp-language select { min-width: 0; max-width: 88px; border: 0; border-radius: 6px; padding: 3px 0; background: #172130; color: #f6f3ee; font: inherit; cursor: pointer; }
.bnp-language select:focus-visible { outline: 2px solid #f2a65a; outline-offset: 3px; }
.bnp-language > svg { flex: 0 0 auto; width: 17px; height: 17px; }
.discovery > .bnp-language { display: flex; width: max-content; margin: 0 0 16px auto; }
.bnp-language-panel { position: fixed; z-index: 20; top: 12px; right: 12px; }
html:not([lang="ko"]) .bar { max-width: calc(100vw - 20px); }
html:not([lang="ko"]) .bar button { white-space: normal; }
@media (max-width: 700px) {
  #place-actions { flex-wrap: nowrap; align-items: center; }
  #place-actions > .bnp-language { order: 2; position: relative; box-sizing: border-box; flex: 0 0 44px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; margin-left: 0; }
  #place-actions .bnp-language > svg { width: 20px; height: 20px; pointer-events: none; }
  #place-actions .bnp-language select { position: absolute; inset: -1px; box-sizing: border-box; width: calc(100% + 2px); height: calc(100% + 2px); max-width: none; padding: 0; margin: 0; opacity: 0; font-size: 16px; }
  #place-actions .bnp-language:focus-within { outline: 2px solid #f2a65a; outline-offset: 3px; }
  body[data-bnp-scene="true"] header.title { top: calc(var(--bnp-nav-bottom, 56px) + 12px); }
  html:not([lang="ko"]) .bar { flex-wrap: wrap; justify-content: center; }
  html:not([lang="ko"]) .bar .time { min-width: 0; }
  html:not([lang="ko"]) a.card .txt { left: 16px; right: 54px; }
  html:not([lang="ko"]) a.card h2 { font-size: 19px; }
  html:not([lang="ko"]) a.card p { font-size: 12px; }
}