/* ==========================================================
   場面10｜学べること（カードグリッド8）
   ========================================================== */
.s10{background:var(--color-bg);min-height:0;padding:130px 0}
.s10 .h2{text-align:center;margin-bottom:26px}
.s10-lead{max-width:640px;margin:0 auto 14px;text-align:center;font-size:16px;color:var(--color-text-sub)}
.s10-lead2{max-width:640px;margin:0 auto 30px;text-align:center;font-size:16px;color:var(--color-text-sub)}

/* 24本の目盛り（2026-09-14 追加・A案）
   全24本のうち、下に並ぶ8つを覗いている、という「量」を目で示すためのもの。
   🚨 文字は1字も足していない。既にある「ここに出てくるのは、その一部です。」の
      意味を、読まなくても伝わる形にするのが目的。
   濃い8本は等間隔に置いていない。「24本の中から拾った8つ」であって
   「最初の8本」ではないため（順番を意味しないようにしている）。 */
.lesson-scale{
  display:flex;align-items:flex-end;justify-content:space-between;
  width:100%;max-width:560px;height:30px;margin:0 auto 54px;
}
.lesson-scale i{display:block;width:2px;height:8px;background:var(--color-line)}
.lesson-scale i.is-open{height:26px;background:var(--color-navy)}

/* カード＝学びへの入口（2026-09-14・C案）
   1pxの罫線でつないだグリッドをやめ、1枚ずつ独立させた。
   左の縦線が「扉の隙間」。地の色（--color-bg）が隙間に出ることで、
   白いカードが「置かれている物」に見える。
   🚨 角は丸めない／影は付けない。このLPの直線的で静かな作りを保つため。 */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;background:none;border:0}
.card{
  background:var(--color-white);
  padding:24px 22px 24px 21px;
  display:flex;flex-direction:column;gap:10px;
  border:1px solid var(--color-line);
  border-left:3px solid rgba(16,52,107,.32);
  transition:border-left-color .45s ease;
}
.card:hover,.card:focus-within{border-left-color:rgba(16,52,107,.78)}

/* 問いを主役に、題名を小見出しへ（2026-09-14・B案）
   🚨 文章は入れ替えていない。大きさ・色・並びの主従だけを入れ替えている。 */
.card-t{
  order:2;
  font-family:var(--font-heading);font-size:12.5px;line-height:1.8;
  letter-spacing:.08em;color:var(--color-text-sub);margin:0;text-wrap:balance;
}
.card-s{
  order:1;
  font-family:var(--font-heading);font-size:16px;line-height:1.85;
  letter-spacing:.02em;color:var(--color-text);margin:0;text-wrap:balance;
}
.s10-end{margin:56px auto 0;text-align:center;font-family:var(--font-heading);font-size:clamp(17px,2.4vw,21px);line-height:2.0}