/* =====================================================================
   style.css — スラッグ生成（URL用文字列） ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-result）。
   ===================================================================== */

/* 複数行入力（共通の textarea スタイルが無いのでツール内で定義） */
.sg-textarea {
  min-height: 90px;
  resize: vertical;
  line-height: 1.6;
  font-family: inherit;
}

/* 生成スラッグは等幅寄りで折り返し可能に */
.slug-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(1.1rem, 4.5vw, 1.6rem);
  word-break: break-all;
  line-height: 1.4;
}

/* 区切り文字のラジオ群 */
.slug-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: var(--sg-space-1, 6px);
}
.slug-radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 0.95rem;
}