/* Russian font labels need more room than the original 250px control. */
[role="dialog"] [role="radiogroup"]:has(> [data-testid="system-font-style-trigger"]) {
  width: 320px !important;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
[role="dialog"] [data-testid="system-font-style-trigger"] {
  min-width: 0;
  width: 100%;
}
@media (max-width: 700px) {
  [role="dialog"] .two-col:has([data-testid="system-font-style-trigger"]) {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  [role="dialog"] .right-col:has([data-testid="system-font-style-trigger"]) {
    padding-left: 0;
    max-width: 100%;
  }
  [role="dialog"] [data-testid="system-font-style-trigger"] {
    height: auto;
    min-height: 28px;
  }
  [role="dialog"] [data-testid="system-font-style-trigger"] > span:last-child {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}