/* ============================================================
 * v3-lp-rest.css — ページ群「lp-rest」の仕上げ
 * 対象: camp.html / houjin.html / referral.html / news-practice.html / speaking-practice.html
 * 読み込み順: … → rin-v3.css → v3-lp.css → このファイル
 * v3-lp.css は共有層なので触らず、ここで対象ページの崩れだけを直す。
 * ============================================================ */

/* ---------- houjin: 見出しリードの直後に番号リストが罫線ごと密着するのを離す ---------- */
/* 「研修で目指す状態」: <p class="jp" style="margin-bottom:8px"> の直後に .steps が来る */
.rin-public .sec .jp + .steps{margin-top:32px}

/* ---------- houjin: 月次レポート見本(狭い画面) ---------- */
/* 値側が折り返さないため、項目名が 1〜2 語ずつに砕けていた。縦積みにして両方を読めるようにする */
@media(max-width:560px){
  .rin-public .report-rows{gap:14px}
  .rin-public .report-row{flex-direction:column;align-items:flex-start;gap:2px}
  .rin-public .report-row .v{text-align:left;white-space:normal}
}

/* ---------- houjin: ポジショニング図(狭い画面) ---------- */
/* viewBox 560 を 350px 前後に縮めると図中の文字が 8〜9px になるため、文字だけ拡大する(配置は変えない) */
@media(max-width:600px){
  .rin-public .matrix-wrap svg text[font-size="12"]{font-size:17px}
  .rin-public .matrix-wrap svg text[font-size="14"]{font-size:20px}
  .rin-public .matrix-wrap svg text[font-size="15"]{font-size:21px}
}

/* ---------- speaking-practice: 問題一覧の重なり ---------- */
/* 一覧(nav)は縦 flex + max-height のスクロール領域。子が min-height まで縮み、
   2行になった項目(09 など)が次の項目に重なっていた。縮ませずにスクロールさせる */
.rin-public .sp-sidebar nav > .sp-question-link{flex-shrink:0}

/* ---------- news-practice: 選択欄の直後の注記が密着するのを離す ---------- */
.rin-public .np-step select + .np-note{margin-top:10px}

/* ---------- referral: 本文末のリンク行を共通フッターと同じ地色にする ---------- */
/* 温白の #terms と共通フッターの間に、近黒の細い帯が 1 本挟まって見えていた */
.rin-public .referral-page footer{
  border-top:0;padding:36px 0 0;
  border-image:linear-gradient(#121110,#121110) fill 0 // 0 100vw
}