/* Context-aware language menu for The Byun Shi-Ji Atlas */
.topin{position:relative}
.atlas-lang{position:relative;flex:0 0 auto;margin-left:5px;font-family:Arial,"Noto Sans KR",sans-serif}
.atlas-lang summary{
  list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;
  min-height:34px;padding:7px 10px;border:1px solid #cdbb9e;border-radius:999px;
  background:#fffdf7;color:#6d5432;font-size:11px;letter-spacing:.04em;
  transition:background .18s ease,border-color .18s ease,color .18s ease
}
.atlas-lang summary::-webkit-details-marker{display:none}
.atlas-lang summary::after{content:"⌄";font-size:11px;line-height:1;transform:translateY(-1px)}
.atlas-lang[open] summary,.atlas-lang summary:hover{background:#9c6a28;border-color:#9c6a28;color:#fff}
.atlas-lang-current{font-weight:700;letter-spacing:.1em}
.atlas-lang-label{white-space:nowrap}
.atlas-lang-menu{
  position:absolute;right:0;top:calc(100% + 10px);z-index:1000;width:260px;
  padding:9px;background:#fffdf7;border:1px solid #d3c5b0;border-radius:13px;
  box-shadow:0 18px 45px rgba(44,33,19,.2)
}
.atlas-lang-menu::before{
  content:"";position:absolute;right:18px;top:-6px;width:10px;height:10px;
  background:#fffdf7;border-left:1px solid #d3c5b0;border-top:1px solid #d3c5b0;
  transform:rotate(45deg)
}
.atlas-lang-section{
  display:block;padding:7px 10px 5px;color:#9c6a28;font-size:9px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase
}
.atlas-lang-menu a,.atlas-lang-menu .atlas-lang-active,.atlas-lang-menu .atlas-lang-disabled{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;
  min-height:36px;padding:8px 10px;border-radius:8px;font-size:12px;text-decoration:none
}
.atlas-lang-menu a{color:#3a3025}
.atlas-lang-menu a:hover{background:#eee5d5;color:#8b5d23}
.atlas-lang-menu .atlas-lang-active{background:#17110b;color:#fff}
.atlas-lang-menu .atlas-lang-disabled{color:#9e9487;background:#f3eee5;cursor:not-allowed}
.atlas-lang-menu small{font-size:9px;letter-spacing:.06em;opacity:.72}
.atlas-lang-separator{height:1px;margin:7px 10px;background:#ded2bf}
.atlas-lang-menu .atlas-lang-all{color:#8b5d23;font-weight:700}
.atlas-lang-note{display:block;padding:8px 10px 5px;color:#887b6b;font-size:9px;line-height:1.5}
@media(max-width:1180px){
  .atlas-lang-label{display:none}
  .atlas-lang summary{padding:7px 9px}
}
@media(max-width:900px){
  .topin{gap:10px}
  .atlas-lang{margin-left:auto}
  .atlas-lang-menu{position:fixed;right:12px;top:68px;width:min(290px,calc(100vw - 24px))}
}/* Direct access button used where an equivalent Atlas translation does not exist */
.atlas-lang-direct{
  flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:34px;
  margin-left:5px;padding:7px 11px;border:1px solid #cdbb9e;border-radius:999px;
  background:#fffdf7;color:#6d5432;text-decoration:none;
  font:700 11px Arial,"Noto Sans KR",sans-serif;letter-spacing:.04em;
  transition:background .18s ease,border-color .18s ease,color .18s ease
}
.atlas-lang-direct:hover{background:#9c6a28;border-color:#9c6a28;color:#fff}
.atlas-lang-direct strong{font-size:12px;letter-spacing:.08em}
@media(max-width:1180px){
  .atlas-lang-direct .atlas-lang-direct-label{display:none}
}
@media(max-width:900px){
  .atlas-lang-direct{margin-left:auto}
}

/* Compact exact-language counterpart button */
.atlas-lang-direct > strong:only-child{
  display:block;
  min-width:18px;
  text-align:center;
}