/* Two fixed columns on every homepage. The divider must never follow the
   word length or move when translated text needs another line. */
#appearanceOutput .app-rows .spectrum-row {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 12px;
  min-width: 0;
}
#appearanceOutput .app-rows .spectrum-trait,
#appearanceOutput .app-rows .spectrum-value {
  min-width: 0;
  white-space: normal;
}
#appearanceOutput .app-rows .spectrum-trait {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}
#appearanceOutput .app-rows .spectrum-value {
  overflow-wrap: anywhere; /* Preserve English's existing appearance. */
  padding-left: 12px;
}
html:not(:lang(en)) #appearanceOutput .app-rows .spectrum-value {
  overflow-wrap: anywhere; /* Safe fallback while dictionaries load or if they fail. */
  word-break: normal;
  hyphens: manual;
  hyphenate-limit-chars: 6 3 3;
}
html:not(:lang(en)):not(.appearance-hyphens-ready) #appearanceOutput .app-rows .spectrum-trait {
  overflow-wrap: anywhere; /* Long labels remain readable if the optional module fails. */
}
html.appearance-hyphens-ready:not(:lang(en)) #appearanceOutput .app-rows .spectrum-value {
  overflow-wrap: normal; /* Only language-pattern soft-hyphen breaks once loaded. */
}