/*
 * Keralam Times: what every page shares (see site.js).
 * One language at a time: the other language's text is hidden.
 */
html[data-lang="ml"] [data-lang="en"],
html[data-lang="en"] [data-lang="ml"] {
  display: none !important;
}

/* The way home, at the start of each game's masthead */
.site-home {
  flex: none;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-right: 2px;
  border-radius: 9px;
}
.site-home img { display: block; width: 32px; height: 32px; border-radius: 8px; box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.25); }
.site-home:focus-visible { outline-offset: 1px; }

/* The game's name gives way before the buttons do (site.js shrinks it to fit) */
.masthead > .brand { flex: 1 1 0; min-width: 0; }
.masthead > .tools { flex: none; }
.masthead .name, .masthead .edition { white-space: nowrap; }

/* The language toggle shows the other script, so it needs its own size */
.site-lang { font-size: 13px !important; font-weight: 800 !important; letter-spacing: 0.02em; }
.site-lang:lang(ml) { font-size: 16px !important; }
[data-site="theme"] svg { display: block; }

@media (max-width: 380px) {
  .site-home { width: 30px; height: 30px; }
  .site-home img { width: 28px; height: 28px; }
}