/* ★★★**運営の 画面の «足し» の 見た目**（★`AD-02`／`AD-03`／`AD-04`／`AD-06`）
 *
 * ★★★**`pl06.css`（参加者の 画面）は 触りません**
 *   ——★★★**参加者の 画面を «作り直さない»**（★Codex 監査復帰133 §10）。
 * ★★★**実ブラウザの 目視で 見つけた もの «だけ»**を 直して います
 *   （★2026-10-08・★`390px`）:
 *   ★★★**升が «1 文字ずつ» 折り返して いました**
 *   （★「始め／られ／ま／す・」——★★★**読めません**）。
 * ★★★**表は «その 中だけ» 横スクロール**（★`210` が 許す 形）
 *   ——★★★**頁ごと 横に 溢れさせません**。
 */

/* ★★★**升が 潰れない 幅**——★★★**折り返しは «語» で**。 */
.ad__table td,
.ad__table th {
  min-width: 7.5em;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ★★★**«名前» の 升は 長い ので 広く**（★`FALLBACK_NUMERIC_UNDEFINED`） */
.ad__table td:nth-child(2) {
  min-width: 15em;
}

/* ★★★**«内容»・«どうするか» は 文**ですので さらに 広く */
.ad__table td:nth-child(3),
.ad__table td:nth-child(4) {
  min-width: 18em;
}

/* ★★★**横に 逃がすのは «表の 中» «だけ»**（★頁は 溢れません） */
.pl06__table-wrap {
  overflow-x: auto;
}

/* ★★★**狭い 画面では «横に 動かせます» と 伝えます**
 *   ——★★★**«見えない 列が 在る» ことを 隠しません**。 */
@media (max-width: 480px) {
  .ad__scroll-hint::after {
    content: "★表は 横に 動かせます（右に 続きが 在ります）";
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #555;
  }
}

/* ★★★**同意・規約の «本文»**（★Codex 監査復帰155 §2）
 *   ——★★★**`textContent` で 入れます**ので ★★★**折り返しを 効かせます**
 *   （★`pre` の 既定は 折り返しません＝★★★**横に 溢れます**）／
 *   ★★★**長い 本文は «その 中だけ» 縦に 送ります**。
 */
.pl06__doc {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-height: 16em;
  overflow-y: auto;
  margin: 0 0 var(--s-naka, 8px);
  padding: var(--s-naka, 8px);
  border: 1px solid var(--kyokai, #ccc);
  background: var(--haikei-usu, #fafafa);
  font-family: inherit;
  font-size: var(--t-honbun, 16px);
  line-height: 1.7;
}