/* ============================================================================
   05-utilities.css  ―  補助クラス（1クラス＝1指定）
   ----------------------------------------------------------------------------
   最後に読み込む。同じ詳細度なら後勝ちなので、部品の既定値を上書きできる。
   数が増えすぎると管理不能になるので、意図的に少数だけに絞っている。
   ========================================================================== */

.u-muted     { color: var(--color-text-muted); }
.u-faint     { color: var(--color-text-faint); }
.u-brand     { color: var(--color-brand); }
.u-center    { text-align: center; }
.u-mono      { font-family: var(--font-mono); }
.u-nowrap    { white-space: nowrap; }

.u-fs-xs     { font-size: var(--fs-xs); }
.u-fs-sm     { font-size: var(--fs-sm); }
.u-fs-lg     { font-size: var(--fs-lg); }
.u-fs-xl     { font-size: var(--fs-xl); }
.u-bold      { font-weight: 700; }

.u-measure   { max-width: 62ch; }
.u-mx-auto   { margin-inline: auto; }
.u-mt-auto   { margin-top: auto; }
.u-full      { width: 100%; }

.u-hide      { display: none; }

/* 画面幅で出し分ける。クラス名に記号を使うと CSS 側で \ の逃がしが要るので、
   ここでは素直に英字だけの名前にしている。 */
@media (min-width: 900px) { .u-hide-lg { display: none; } }
@media (max-width: 899px) { .u-show-lg { display: none; } }