/* =====================================================================
   style.css — HMAC生成 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-hash）。
   ===================================================================== */

/* アルゴリズム／大文字小文字の切替 */
.sg-modes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: var(--sg-space-1, 4px);
}
.sg-mode {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 0.95rem;
}

/* 16進の大文字/小文字トグルは見出し内に小さく置く */
.sg-casetoggle {
  display: inline-flex;
  gap: 4px 12px;
  margin-left: 10px;
  font-weight: 400;
  font-size: 0.8rem;
  vertical-align: middle;
}
.sg-casetoggle .sg-mode {
  font-size: 0.8rem;
}

/* 結果値は長いので折り返す */
.sg-hash__value {
  word-break: break-all;
  line-height: 1.6;
}