/**
 * ログイン（生徒・保護者・講師の入口 `page-login.php`）だけの見た目。
 *
 * ★2026-09-11（K-1562 段 H）: 画面の中の style ブロックから移した。
 * ★独立ページ（wp_head を呼ばない）なので、読み込みは画面の <link> が持つ（★components.css の後ろ ＝ 旧 style ブロックと同じ位置）。
 * ★値はトークン（tokens.css）から。★旧 #00A86B は --ies-jade と同じ値（★見た目は変わらない）。
 *
 * ★★消したもの（★この画面から）:
 *   ・入力欄の焦点の上書き … 入力欄をすべて部品 `.ies-input` にしたので、焦点の見た目は部品が持つ。
 *   ・焦点の包みの規則 … この画面のどこにも使われていなかった（★repo 全体で 0 件）。
 */

/* ★選ばれているタブ（★JS の switchTab() が付け外しする） */
.tab-active { border-bottom: 2px solid var(--ies-jade); color: var(--ies-jade); }

/* ★★K-2185（2026-10-23・一覧 W-658）: 講師の入口（noberu.net/t/）と、2 つの入口の下の「もう一方への小さな道」。
 *   ★見本 = docs/ui/screens/ログイン/mock-2026-10-23-entrances.png（真ん中が家庭・右が講師）。★Tailwind の字を増やさず、素のクラスで書く（tools/nb-test-screen-look.php の page-login.php の上限のため）。
 *   ★値はトークンから（新しい色・生の px は作らない）: 見出し 1.125rem（text-lg・画面タイトルの大きさ）／ 太さ 700 ／ 字色 --cl-ink ／ カードの中の下の空き --cl-sp-6（24px）。
 *   ★小さな道 = 緑の地の上の白い 14px（text-sm・12px 以上）の下線つきリンク。★上の空き --cl-sp-5（20px）・押せる箱の高さは 上下 --cl-sp-2（8px × 2）＋ 行の高さ（14px × 1.5 と見て 21px）＝ 約 37px（S 24 を割らない・計算）。
 *   ★白い字の明暗比（★計算・ブラウザでは測っていない）: 地のグラデーションの 45%（#00704A）で 6.1 : 1・60%（≒ #007F53）で 5.1 : 1・下端（#00A86B）で 3.1 : 1 ＝ カードの下の位置（中ほど）では 4.5 : 1 以上。 */
.nb-login__title {
  margin: 0 0 var(--cl-sp-6);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--cl-ink);
}
.nb-login__switch {
  margin: var(--cl-sp-5) 0 0;
  text-align: center;
  font-size: 0.875rem;
}
.nb-login__switch a {
  display: inline-block;
  padding: var(--cl-sp-2) var(--cl-sp-3);
  color: var(--cl-surface);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.nb-login__switch a:focus-visible {
  outline: 2px solid var(--cl-surface);
  outline-offset: 2px;
  border-radius: var(--cl-radius-sm);
}