.masthead__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.6rem 1.2rem;
}
.masthead__inner > .brand { min-width: 0; }
.masthead__inner > .nav { grid-column: 1 / -1; }
.rib-languages {
  display: flex;
  justify-self: end;
  gap: 2px;
  border: 1px solid var(--rule);
  border-radius: 99px;
  padding: 3px;
  font-size: 11.5px;
  line-height: 1.6;
}
.rib-languages a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 4px 10px;
  border-radius: 99px;
  color: var(--ink-soft);
  text-decoration: none;
  white-space: nowrap;
}
.rib-languages a:hover { background: var(--paper); color: var(--ink); }
.rib-languages a[aria-current="true"] { background: var(--ink); color: var(--ground); }
.rib-languages a:focus-visible { outline-offset: 1px; }
html[lang="ja"] .rib-translated,
html[lang="zh-Hans"] .rib-translated { line-break: strict; }
html[lang="ja"] .rib-translated :is(h1, h2, h3, p, li, span),
html[lang="zh-Hans"] .rib-translated :is(h1, h2, h3, p, li, span) { word-break: normal; }
.rib-translated .doc > div,
.rib-translated .plain span { min-width: 0; }
.rib-translated .section__marker,
.rib-translated .brand__dept,
.rib-translated .plain b { overflow-wrap: anywhere; }
@media (max-width: 46rem) {
  .masthead__inner { grid-template-columns: minmax(0, 1fr) auto; gap: 0.6rem; }
  .masthead__inner > .brand { grid-column: 1 / -1; }
  .rib-languages { justify-self: end; }
  .masthead__inner > .navbtn { grid-column: 2; }
  .rib-languages a { min-height: 36px; padding: 4px 9px; }
}
@media (max-width: 360px) {
  .rib-languages { font-size: 10.5px; gap: 1px; }
  .rib-languages a { padding-inline: 7px; }
}