/* ============================================
   Utilities（最小限）
   多用しない。必要なときだけ使う。
   ============================================ */

/* 余白 */
.mt-0 { margin-top: 0 !important; }
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }
.mt-5 { margin-top: var(--space-5); }
.mb-0 { margin-bottom: 0 !important; }
.mb-3 { margin-bottom: var(--space-3); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-5 { margin-bottom: var(--space-5); }

/* テキスト揃え */
.text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-align: right; }

/* テキスト色 */
.text-sub   { color: var(--color-text-sub); }
.text-mute  { color: var(--color-text-mute); }
.text-accent { color: var(--color-accent); }

/* 表示制御 */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.hidden { display: none !important; }

/* スマホのみ／PCのみ表示 */
.show-mobile { display: block; }
.show-desktop { display: none; }
@media (min-width: 900px) {
  .show-mobile { display: none; }
  .show-desktop { display: block; }
}

/* モバイルのみ改行（PCでは1行）：<br class="br-sp"> */
.br-sp { display: inline; }
@media (min-width: 600px) { .br-sp { display: none; } }