/* Stable V18 presentation: keep the four-mode navigation and reference chart compact. */
body[data-suite-tool="runes"] .suite-nav { display: flex !important; visibility: visible !important; }
body[data-suite-tool="runes"] .runes-reference {
  display: block;
  width: min(100%, 360px) !important;
  max-width: 360px !important;
  max-height: 360px !important;
  height: auto !important;
  margin: 0 auto;
  object-fit: contain;
}
body[data-suite-tool="runes"] .runes-layout { align-items: start; }
body[data-suite-tool="runes"] #runesPreview,
body[data-suite-tool="runes"] #runesCanvas {
  width: auto;
  max-width: 100%;
  max-height: 460px;
}
@media (max-width: 760px) {
  body[data-suite-tool="runes"] .runes-reference { max-height: 420px !important; }
}