/* Frame only transparent padding; no stretching or cropping of the lettering. */
.nav-art-frame {
  --nav-art-height: calc(var(--nav-reading-height, 12px) * var(--nav-art-optical-scale, 1));
  display: block;
  position: relative;
  flex: 0 0 auto;
  height: var(--nav-art-height);
  width: calc(var(--nav-art-height) * var(--nav-art-ratio));
  overflow: hidden;
  pointer-events: none;
}
.nav-art-frame .nav-localized-art {
  display: block;
  position: absolute;
  top: var(--nav-art-top);
  left: var(--nav-art-left);
  width: var(--nav-art-width);
  height: auto;
  max-width: none;
  transform: none;
  pointer-events: none;
}
.primary-nav-link.nav-art-missing .nav-art-frame { display: none; }
.primary-nav-link.nav-art-missing .nav-label-text {
  position: static;
  width: auto;
  height: auto;
  clip: auto;
  clip-path: none;
  overflow: visible;
}
/* Dense native scripts need a slightly taller reading body than Latin serifs. */
html:is([lang="zh-CN"], [lang="zh-TW"], [lang="zh-Hant"], [lang="zh"], [lang="ko"]) .primary-nav { --nav-reading-height: 16.5px; }
@media (max-width: 720px) {
  html:is([lang="zh-CN"], [lang="zh-TW"], [lang="zh-Hant"], [lang="zh"], [lang="ko"]) .primary-nav { --nav-reading-height: 16px; }
}