@charset "UTF-8";
/*
 * ghs_msd_fnd.css
 * 本ページ専用の最小スタイル。現行デザインは index_02.css / kag.css 等が担うため、
 * ここでは「現行ページに無い新規要素」だけを定義する：
 *   - 検索対象の選択（ラジオ）
 *   - クライアントサイド検索結果の一覧
 *   - エラー / ステータス表示
 */

/* 検索対象の選択 */
#ghs-target {
  margin: 1.2rem 0;
  padding: 0.8rem 1rem;
  border: 1px solid #cfd8e3;
  background: #f4f8fc;
}
#ghs-target legend {
  font-weight: bold;
  padding: 0 0.4rem;
}
#ghs-target label {
  display: inline-block;
  margin-right: 1.6rem;
  cursor: pointer;
  white-space: nowrap;
}
#ghs-target input[type="radio"] {
  margin-right: 0.3rem;
}

/* エラー / ステータス */
.ghs-error {
  color: #c00;
  font-weight: bold;
  margin: 1rem 0;
}
.ghs-error:empty,
.ghs-status:empty {
  margin: 0;
}
.ghs-status {
  margin: 1rem 0 0.5rem;
  color: #333;
}

/* 検索結果一覧（現行踏襲：番号/名称/モデルラベル/別名/CAS番号 の表＋ページ送り） */
.ghs-result {
  margin: 0.5rem 0 2rem;
}
.ghs-pageinfo {
  text-align: right;
  color: #333;
  margin: 0.2rem 0;
}
.ghs-table {
  border-collapse: collapse;
  width: 100%;
  margin: 0.3rem 0 1rem;
  font-size: 0.92em;
}
.ghs-table th,
.ghs-table td {
  border: 1px solid #c9d3de;
  padding: 0.4rem 0.6rem;
  vertical-align: top;
  text-align: left;
}
.ghs-table thead th {
  background: #e9f0f7;
  color: #1a4a80;
  white-space: nowrap;
  text-align: center;
}
/* 現行どおり1物質＝2行構成。上段(データシート名)と下段(リンク/別名/CAS)の
   間の横罫線を消して、1物質を1つの枠に見せる */
.ghs-c-name-top,
.ghs-c-blank {
  border-bottom: none;
}
.ghs-row-bot .ghs-c-name,
.ghs-row-bot .ghs-c-label,
.ghs-row-bot .ghs-c-alias,
.ghs-row-bot .ghs-c-cas {
  border-top: none;
}
.ghs-c-no {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 3em;
}
/* 上段＝データシート名（黒・リンク無）、下段＝同名のSDSリンク（青・少し字下げ） */
.ghs-c-name-top {
  color: #000;
}
.ghs-c-name {
  padding-left: 1.4em;
}
.ghs-c-label {
  text-align: center;
  width: 4em;
}
.ghs-c-label a {
  font-weight: bold;
  text-decoration: none;
}
.ghs-c-cas {
  white-space: nowrap;
  width: 9em;
}

/* ページ送り（現行: 「検索結果ページ: 1 2 次へ」インライン・現在頁はテキスト） */
.ghs-pager {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0.4rem 0;
}
.ghs-pager-label {
  color: #333;
}
.ghs-pager-btn {
  padding: 0;
  border: none;
  background: none;
  color: #1a5fb4;
  text-decoration: underline;
  cursor: pointer;
  font-size: 1em;
  font-family: inherit;
}
.ghs-pager-btn:hover {
  color: #0a3d80;
}
.ghs-pager-cur {
  color: #000;
  font-weight: bold;
}

/* 画面幅が狭いとき */
@media screen and (max-width: 600px) {
  #ghs-target label {
    display: block;
    margin: 0.4rem 0;
  }
  .ghs-result-links a {
    display: block;
    margin: 0.3rem 0;
    text-align: center;
  }
}