/* harbor layout fixes for longer Japanese text. Served same-origin at /__i18n__/overrides.css and
   injected as a <link> by the injector (keeps the app's CSP intact). Add scoped CSS rules here as
   needed; find stable selectors via DevTools. Empty = no overrides. */

/* Projects page "statistics-panel" cards (プロジェクト / リポジトリ / 使用済みクォータ): each stat
   row is `.clr-row > .clr-col (label) + .clr-col.font-weight-700 (value)`. Clarity's default
   `.clr-col` (flex-grow:1, max-width:100%, no white-space control) lets the label column shrink
   until longer Japanese labels (e.g. "プライベート") wrap onto two lines. Scoped to the
   `statistics-panel` component tag (a stable Angular selector, not a themeable utility class) so
   this does not affect `.clr-col` anywhere else in the app.
   The label column is fixed to 8/12 (mirrors Clarity's own `.clr-col-8`) and the value column to
   the complementary 4/12 (mirrors `.clr-col-4`), so both stay the same width on every row in a
   panel (columns line up) while giving the label enough room to fit on one line. */
statistics-panel .clr-row .clr-col:not(.font-weight-700) {
  flex: 0 0 66.6667%;
  max-width: 66.6667%;
  white-space: nowrap;
}
statistics-panel .clr-row .clr-col.font-weight-700 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}