/* きいてマスター V2 初版候補 — 5教科統合に必要な差分だけ。色・角丸・部品は app.css（V1）のトークンを使う */

/* 学習画面：V1 社会版の .stage.mcq と同じく、上から並べてスクロールする */
.stage.v2{justify-content:flex-start;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 0 8px;text-align:left}
.stage.v2 .qhead{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.stage.v2 .qhead .r{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}

/* 収録の区分バッジ */
.badge{font-size:10.5px;font-weight:900;letter-spacing:.04em;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--dim);background:rgba(255,255,255,.05);white-space:nowrap}
.badge.sample{color:#fbbf24;border-color:rgba(251,191,36,.5);background:rgba(251,191,36,.10)}
.badge.v1{color:#5cc8ff;border-color:rgba(92,200,255,.45);background:rgba(92,200,255,.10)}
.badge.noaudio{color:var(--dim2)}

/* 本文（国語の文章など）：文番号つきで左寄せ */
.passage{width:100%;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:calc(16px * var(--fs));line-height:1.7}
.passage p{margin:0}
.stem{width:100%;font-size:calc(17px * var(--fs));font-weight:800;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.fig{width:100%;display:flex;justify-content:center;background:#fff;border-radius:16px;padding:8px}
.fig img{max-width:100%;height:auto;max-height:280px}

/* 既存音声（V1）の行 */
.audiorow{display:flex;gap:8px;width:100%}
.audiorow .btn{flex:1;min-height:48px;font-size:15px}

/* 答え合わせ後の表示 */
.answer.v2{max-height:none;text-align:left}
.answer.v2 .a{font-size:calc(20px * var(--fs))}
.answer.v2.ng{background:rgba(129,140,248,.12);border-color:var(--again)}
.answer.v2.ng .l{color:var(--again)}
.answer.v2 .rl{margin-top:10px;font-size:calc(13px * var(--fs));color:var(--dim);white-space:pre-wrap;line-height:1.6}
.answer.v2 .rl b{color:var(--text)}
.answer.v2 .e{white-space:pre-wrap}
.result{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}
.result.ok{color:var(--ok)} .result.ng{color:var(--again)} .result.cl{color:var(--close)} .result.skip{color:var(--dim)}
.hintbox{width:100%;font-size:calc(13.5px * var(--fs));color:var(--dim);background:rgba(255,255,255,.04);border:1px dashed var(--line);border-radius:12px;padding:8px 12px;white-space:pre-wrap}

/* ホーム：教科カード */
.subjgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.subjcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius-card);padding:14px;text-align:left;color:var(--text);min-height:112px}
.subjcard .e{font-size:28px;line-height:1}
.subjcard .n{font-size:18px;font-weight:900}
.subjcard .c{font-size:12px;color:var(--dim);font-weight:800;line-height:1.45}
.subjcard .c b{color:var(--text)}
.subjcard.wide{grid-column:span 2}
.localnote{margin:10px 0 0;font-size:11.5px;line-height:1.55;color:var(--dim);background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.25);border-radius:14px;padding:9px 12px}
.localnote b{color:#fbbf24}

/* 単元一覧：学年の見出し */
.gradeh{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--dim);margin:14px 2px 6px}
.unit .m .badge{display:table;margin:4px 0 0}  /* ACCEPTANCE01 D-3：1行（nowrap・はみ出しを隠す）のままだと 375px で札が切れるので、札だけ次の行へ */