/* NosTale Classic's additions to the News Blog. style.css next to this file is the Mystique 2.4.2 WordPress theme
   (digitalnature, GPL) unchanged, as the 2010 NosTale blog used it; images/ are the theme's own images. */

/* The logo (280x178) in the theme's 245x142 logo box, keeping its proportions. */
#site-title #logo img {
  object-fit: contain;
}

/* Language switch: the main page's flags (32x32) at the top right of the header. The page's own language is lit, the other
   one dimmed until it is hovered. */
#header .language-switch {
  position: absolute;
  z-index: 20;
  top: 12px;
  right: 10px;
  display: flex;
  gap: 6px;
}

#header .language-switch a {
  display: block;
  border-radius: 50%;
  opacity: .6;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}

#header .language-switch a:hover,
#header .language-switch a:focus-visible,
#header .language-switch a[aria-current] {
  opacity: 1;
}

#header .language-switch img {
  display: block;
}

/* A comment's Reply and Quote buttons show while the pointer is on its head (the theme's script did that). */
li.comment .comment-head:hover .controls,
li.comment .comment-head:focus-within .controls {
  display: block;
}

/* The theme's fields carried their labels as values; here they are placeholders, drawn like the values were. */
#commentform input::placeholder {
  color: inherit;
  opacity: 1;
}

/* A reply's form under the comment it answers (blog.js, or ?replytocom= without scripts) shows its Cancel Reply button. */
#cancel-reply.shown {
  display: inline-block;
}

/* Korean pages: the theme's fonts have no Hangul, so the Korean system fonts follow them. */
html:lang(ko) body,
html:lang(ko) body * {
  font-family: "Segoe UI", Arial, "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", Dotum, sans-serif;
  word-break: keep-all;
}