/* dpg-pages-b.css — ほかのページを見た目の決まり（T3 案1）にそろえる（2026-10-15 Cowork 周2）。dpg-guide.css のトークンを使う（このファイルでは :root にトークンを写して持つ）。
   読むのは 勉強計画（dashboard.html）・勉強ログ（log.html）・本人履歴（study-history.html）の3ページだけ（<head> の最後）。index.html では読まない。
   関所Aの約束: ヘッダー・下のメニュー・ボタン・文字の段・カードだけをそろえ、ページ固有の絵柄（ドパガキくん・勉強ログのもふもふ・本棚の表紙・カレンダー）は残す。
   共通の CSS（site-shell.css・mode-switch.css・nav-compact.css など）は変えない。ここでページごとに上書きする（ページの印: body[data-site-page="dashboard"]・body.lg・.history）。
   色はすべて下の :root の変数で書く（値は dpg-guide.css・mode-switch.css・dashboard.css に既にある値だけ。新しい色は作らない）。 */
:root{
  /* ↓ dpg-guide.css の :root と同じ値 */
  --g-fs-hero:40px; --g-fs-title:22px; --g-fs-body:17px; --g-fs-small:14px;
  --g-s1:8px; --g-s2:16px; --g-s3:24px; --g-s4:32px; --g-s5:40px;
  --g-card-shadow:0 1px 2px rgb(44 33 30 / 6%),0 6px 20px rgb(113 66 13 / 7%);
  --g-card-shadow-lift:0 2px 4px rgb(44 33 30 / 8%),0 12px 28px rgb(113 66 13 / 10%);
  --g-radius:16px; --g-radius-btn:14px;
  --g-hit:48px; --g-btn-h:52px;
  --g-outline:var(--accent); --g-outline-bg:var(--surface);
  --g-primary-fill:linear-gradient(165deg,#9742f5 0%,#6424ed 48%,#441cf0 100%);
  --g-primary-border:#6125d2;
  --g-primary-shadow:0 3px 0 #4215a8,0 6px 12px #6d33d322;
  /* ↓ このファイルで使う色（問題集の画面と同じ値。mode-switch.css の .phead・.appnav と dashboard.css の :root にある値） */
  --pb-page:#fffcf7;          /* クリームの地 */
  --pb-surface:#fff;          /* 白いカード */
  --pb-ink:#292622;           /* 文字 */
  --pb-ink-2:#65594d;         /* 補足の文字・下のメニューの文字 */
  --pb-accent:#6535b5;        /* 紫 */
  --pb-accent-soft:#f3edff;   /* 淡い紫（選択中・押したとき） */
  --pb-line:#e5cdb8;          /* 細い線（区間3: 白地のセグメントの囲み。theme-dpg.css の --separator と同じ値） */
  --pb-rainbow:linear-gradient(100deg,#f47a91,#f9c65d,#94cf89,#70c5e5,#a092e5,#e495ce); /* ヘッダーの下の1本だけ */
  --pb-nav-bg:rgb(255 255 255 / 88%);
  --pb-nav-line:rgb(229 205 184 / 70%);
  --pb-nav-shadow:0 8px 24px rgb(41 38 34 / 12%),0 1px 3px rgb(41 38 34 / 8%);
  --pb-disc-shadow:0 6px 14px rgb(101 53 181 / 18%);
}

/* ======================================================================
   1) 勉強計画（dashboard.html）
   ====================================================================== */
/* 文字の段: 画面の見出し 22・本文 17・補足 14（14px 未満なし）。見出しの下の説明は補足。 */
body[data-site-page="dashboard"] .dash-heading h1{font-size:var(--g-fs-title);line-height:1.4}
body[data-site-page="dashboard"] .dash-heading .muted{margin-top:var(--g-s1);font-size:var(--g-fs-small)}
body[data-site-page="dashboard"] .dash :is(h2){font-size:var(--g-fs-title)}
body[data-site-page="dashboard"] .dash .dash-first>h2{font-size:var(--g-fs-body)}
body[data-site-page="dashboard"] .dash :is(.eyebrow,.dash-calendar__legend,.dash-calendar__legend-label,.dash-chip,.dash-goal-card .dash-chip){font-size:var(--g-fs-small)}
body[data-site-page="dashboard"] .dash .empty>p:not(.eyebrow):not(.muted),
body[data-site-page="dashboard"] .dash-fold>summary{font-size:var(--g-fs-body)}
/* 余白は 8 の倍数（段と段の間 24、カードの中 24） */
body[data-site-page="dashboard"] .dash{row-gap:var(--g-s3);column-gap:var(--g-s3)}
body[data-site-page="dashboard"] .dash .empty{padding:var(--g-s3)}
body[data-site-page="dashboard"] .dash .actions{gap:var(--g-s1)}

/* カード: 線をやめて白い面＋やわらかい影（線の色を透明にするだけ。太さは残すので中身は動かない） */
body[data-site-page="dashboard"] :is(.dash-card,#dash-shelves,#dash-insight,.dash-fold,.empty,.today.dash-goal-card,.dash-skel,#dash-week:has(>.empty)),
body[data-site-page="dashboard"] #dash-week:has(>.dash-chips)::before{border-color:transparent;border-radius:var(--g-radius);box-shadow:var(--g-card-shadow)}
body[data-site-page="dashboard"] #dash-week>.empty{box-shadow:none}
body[data-site-page="dashboard"] .dash-first{border-color:transparent}
body[data-site-page="dashboard"] .dash-first__item{border-color:transparent;box-shadow:var(--g-card-shadow)}
@media(max-width:759.98px){
  body[data-site-page="dashboard"] :is(#dash-week:has(>.dash-chips)>.section-head,#dash-week>.dash-chips){border-color:transparent}
}

/* 押す物の強弱: 紫の塗りは1画面に1つ（今日の目安のカードの主ボタン＝「今日の5問を解く」「学習の予定を立てる」など）。
   今日の復習の大きなボタンは2番手（白地に紫の枠）。枠は 1px の線＋内側の影 1px で 2px に見せる（ボタンの大きさは変わらない）。 */
body[data-site-page="dashboard"] #dash-review [data-role="dash-review-button"],
body[data-site-page="dashboard"] .dash:has(#dash-insight[hidden]) #dash-review [data-role="dash-review-button"]{
  border:1px solid var(--g-outline);background:var(--g-outline-bg);color:var(--g-outline);box-shadow:inset 0 0 0 1px var(--g-outline);filter:none
}
body[data-site-page="dashboard"] #dash-review [data-role="dash-review-button"]:hover{background:var(--pb-accent-soft)}
body[data-site-page="dashboard"] #dash-review [data-role="dash-review-button"]::before{background-color:var(--pb-accent-soft)}
/* 2番手のボタン（主ボタンの横の「問題集を用意する」・予定の「計画を編集」・窓の「閉じる」など）は白地に紫の枠。
   3番手（.subtle）は今まで通り。削除（.danger）は赤のまま（正誤の色ではないが、消す操作の印として既存のまま残す）。 */
body[data-site-page="dashboard"] :is(.dash .actions,.dialog-heading,.plan-title) > :is(button,.button):not(.primary):not(.subtle):not(.danger){
  border-color:var(--g-outline);background:var(--g-outline-bg);color:var(--g-outline);box-shadow:inset 0 0 0 1px var(--g-outline)
}
body[data-site-page="dashboard"] :is(.dash .actions,.dialog-heading,.plan-title) > :is(button,.button):not(.primary):not(.subtle):not(.danger):hover{background:var(--pb-accent-soft)}
body[data-site-page="dashboard"] :is(button,.button){border-radius:var(--g-radius-btn);min-height:44px}
/* 記録がまだ無いときに2番手にしている予定のカードのボタン（dashboard.css）も、ほかの2番手と同じ紫の枠に
   2026-10-16 周8: 予定がまだ無いとき（.dash-noplan）の「学習の予定を立てる」は除く（この画面の主ボタン＝紫の塗り） */
body[data-site-page="dashboard"] .dash:has(#dash-week>.empty) #dash-today>:not(.dash-noplan) :is(.button,button).primary{border:1px solid var(--g-outline);color:var(--g-outline);box-shadow:inset 0 0 0 1px var(--g-outline)}
/* 2026-10-16 周8: 予定がまだ無いときは「問題集を選んで解く」（dashboard.html の .dash-first）を2番手（白地に紫の枠）に。class・行き先は変えない */
body[data-site-page="dashboard"] .dash:has(#dash-today>.dash-noplan) .dash-first .button.primary{border:1px solid var(--g-outline);background:var(--g-outline-bg);color:var(--g-outline);box-shadow:inset 0 0 0 1px var(--g-outline);filter:none}
body[data-site-page="dashboard"] .dash:has(#dash-today>.dash-noplan) .dash-first .button.primary:hover{background:var(--pb-accent-soft)}
body[data-site-page="dashboard"] :is(button,.button).primary{min-height:var(--g-hit);font-size:var(--g-fs-body)}
/* 折りたたみの見出しは押す物なので 56px（8 の倍数） */
body[data-site-page="dashboard"] .dash-fold>summary{min-height:56px}

/* 予定を立てる窓: 終える予定日（試験日）のボタンは「選ぶ物」。選んだ物は白地に紫の枠と紫の文字（問題集の画面のチップと同じ） */
body[data-site-page="dashboard"] dialog{border-color:transparent;border-radius:var(--g-radius);box-shadow:var(--g-card-shadow-lift)}
body[data-site-page="dashboard"] dialog legend{font-size:var(--g-fs-body);font-weight:800}
/* 区間3: 値を選ぶ切り替えは白地のセグメントの選択中の形（薄紫の面＋紫の文字＋細い紫の線）。2番手のボタン（白地に紫の太い枠）と見分ける */
body[data-site-page="dashboard"] dialog .date-preset[aria-pressed="true"]{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:var(--pb-accent);box-shadow:none}
/* ドパガキくんの一言の口調（3つ）: 細い線で囲んだ白い面の中に並べ、選択中は薄紫の面＋紫の文字（前は紫の塗りに白い字・13px）。字は 14px */
body[data-site-page="dashboard"] #dash-insight .dash-insight__tones{gap:4px;width:fit-content;max-width:100%;margin:0;padding:3px;border:1px solid var(--pb-line);border-radius:var(--g-radius-btn);background:var(--pb-surface)}
body[data-site-page="dashboard"] #dash-insight .dash-insight__chip{padding:0;border-radius:10px}
body[data-site-page="dashboard"] #dash-insight .dash-insight__chip span{padding:0 12px;border:1px solid transparent;border-radius:10px;background:none;color:var(--pb-ink-2);font-size:var(--g-fs-small);line-height:42px}
body[data-site-page="dashboard"] #dash-insight .dash-insight__chip[aria-pressed="true"] span{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:var(--pb-accent);font-weight:800}
body[data-site-page="dashboard"] dialog .date-custom>summary{min-height:44px;display:flex;align-items:center;font-size:var(--g-fs-small);color:var(--pb-ink-2)}
body[data-site-page="dashboard"] dialog .date-custom[open]>summary{color:var(--pb-ink-2)}

/* ======================================================================
   2) 勉強ログ（log.html）: 灰色の地をクリームに・見出しの下に虹の線1本・下のメニューを問題集と同じ形（アイコンの下に文字）に。
      下のメニューの5つ（みんな・ルーム・撮る・通知・自分）と、その動き（data-key・通知の点・自分の2回タップ・撮る）はそのまま。
   ====================================================================== */
body.lg{--bg:var(--pb-page);background:var(--pb-page)}
/* 2026-10-16: 撮っている間は body も黒（log.css の body.is-shooting{background:#000} が、上の body.lg と同じ強さで後から読まれて負けていた。
   カメラの外・向きが変わる間にクリームが見えないように。tools/qa-studylog-browser.mjs・qa-studylog-webkit.mjs の「撮る: 撮っている間は html・body も黒」） */
body.lg.is-shooting{background:#000}
/* 2026-10-16: 勉強ログの下のメニュー（.tabbar の今いる画面の色・撮る丸の輪と絵・影）は、勉強ログで選んだ色（2026-10-02 本人決定「色を選べる」。log-accent.css の
   html[data-accent] が替える --accent・--soft・--accent-rgb）に従う。固定の紫のままだった（.sl-seg・.sl-chip と同じ考え方。むらさき（既定）は log.css の同じ値なので見た目は変わらない）。
   tools/qa-studylog-browser.mjs・qa-studylog-webkit.mjs の「色」の検査 */
body.lg{--pb-accent:var(--accent);--pb-accent-soft:var(--soft);--pb-disc-shadow:0 6px 14px rgb(var(--accent-rgb,101 53 181) / 18%)}
/* 見出し（みんなの画面の「勉強ログ ⌄」）: 問題集のヘッダー（.phead）と同じ高さ 56px・地の色・下に虹の線1本。スマホだけ（PC は左のメニューに名前がある） */
@media(max-width:1023.98px){
  body.lg .scr[data-screen="commons"]>.hd{position:relative;min-height:56px;margin:-20px -18px var(--g-s2);padding:0 16px;background:var(--pb-page)}
  body.lg .scr[data-screen="commons"]>.hd::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pb-rainbow)}
  /* 名前の字は問題集のヘッダーと同じ（太字・17px・下線なし）。顔の絵（もふもふ）は勉強ログのまま */
  body.lg .hd .switcher--log .switcher__name{font-family:inherit;font-size:var(--g-fs-body);font-weight:800;text-decoration:none}
}
/* 文字の段: 画面の見出し 22・補足 14 */
body.lg .sl-pctitle,body.lg .sl-title{font-size:var(--g-fs-title)}
/* カード: 線なしの白い面＋影。空のときの点線の箱も白いカードに（絵と文はそのまま） */
body.lg :is(.sl-now,.empty-card,.sl-empty){border-color:transparent;border-style:solid;background:var(--pb-surface);box-shadow:var(--g-card-shadow);border-radius:var(--g-radius)}
/* きのう／きょう（日の切り替え）＝値を選ぶ白地のセグメント（区間3。dpg-tabs.css の B。中身の種類は同じで日だけが変わるので、ランキングの期間と同じ形）。
   細い線で囲んだ白い面の中に2つ。選択中は淡い差し色の面＋差し色の文字＋細い差し色の線（勉強ログの6色に合わせて --accent・--soft を使う）。
   前は白地に太い輪で、2番手のボタンと同じ見た目だった。紫の塗りは主ボタン「最初の1枚を撮る」だけ。押せる高さは 44px */
body.lg .sl-seg{gap:4px;padding:3px;border:1px solid var(--pb-line);border-radius:var(--g-radius-btn);background:var(--pb-surface);box-shadow:none}
body.lg .sl-seg button{min-height:44px;border:1px solid transparent;border-radius:10px;background:none;color:var(--pb-ink-2);box-shadow:none}
body.lg .sl-seg button[aria-pressed="true"]{border-color:var(--accent);background:var(--soft);color:var(--accent);font-weight:800;box-shadow:none}
/* 受験組のチップ（すべて・資格）: 横に流れるチップのまま、選択中だけ同じ形（差し色の塗りに白い字をやめる） */
body.lg .sl-chip{border:1px solid var(--pb-line);background:var(--pb-surface);color:var(--pb-ink-2)}
body.lg .sl-chip[aria-pressed="true"]{border-color:var(--accent);background:var(--soft);color:var(--accent);font-weight:800}

/* 下のメニュー（スマホ）: nav-compact.css の問題集の .appnav（2026-10-15 文字を付けた形）と同じ寸法・色・印。
   帯 64px・角丸 22px・5列は同じ幅・アイコン 24px の下に文字（帯の幅 ÷ 27、12〜14px）・今いる画面はアイコンの後ろの横長の丸。
   真ん中の「撮る」は問題集の真ん中と同じ 36px の丸（白地に紫の輪。紫の塗りは画面の主ボタンに譲る）。 */
@media(max-width:1023.98px){
  body.lg{--tabbar:66px}
  body.lg .tabbar{container-type:inline-size;grid-template-columns:repeat(5,minmax(0,1fr));height:64px;padding:3px 4px;
    border:1px solid var(--pb-nav-line);border-radius:22px;background:var(--pb-nav-bg);box-shadow:var(--pb-nav-shadow)}
  .is-nav-compact body.lg .tabbar{background:var(--pb-nav-bg)}
  body.lg .tabbar .tab{display:grid;grid-template-rows:36px 16px;row-gap:2px;align-content:center;align-items:center;justify-items:center;
    height:56px;color:var(--pb-ink-2);font-size:13px;font-size:clamp(12px,calc(100cqw / 27),14px);font-weight:800;line-height:16px;letter-spacing:-.02em}
  body.lg .tabbar .tab[aria-current="page"]{color:var(--pb-accent)}
  body.lg .tabbar .tab>svg{width:24px;height:24px}
  body.lg .tabbar .tab>.chara{width:26px;height:26px}
  body.lg .tabbar .tab::before{top:5px;width:56px;height:28px;margin:0 0 0 -28px;border-radius:14px}
  body.lg .tabbar .tab[aria-current="page"]::before{background:var(--pb-accent-soft)}
  body.lg .tabbar .tab--plus{height:56px}
  body.lg .tabbar .tab__disc{width:36px;height:36px;margin:0;background:var(--pb-surface);color:var(--pb-accent);box-shadow:inset 0 0 0 2.5px var(--pb-accent),var(--pb-disc-shadow)}
  body.lg .tabbar .tab__disc svg{width:20px;height:20px}
  body.lg .tabbar .tab .tab__dot{top:4px;right:calc(50% - 22px)}
}
/* PC（1024px 以上）の左のメニュー: 地はクリーム・線は問題集の左のメニューと同じ。
   「投稿する」は2番手（白地に紫の枠）にする（log.css が !important で塗っているので、ここも !important で上書きする。塗りは画面の主ボタンだけ） */
@media(min-width:1024px){
  body.lg .tabbar{background:var(--pb-surface)}
  body.lg .tabbar .tab{color:var(--pb-ink-2);font-weight:800}
  body.lg .tabbar .tab[aria-current="page"]{color:var(--pb-accent);background:var(--pb-accent-soft)}
  body.lg .tabbar .tab.tab--plus{background:var(--g-outline-bg)!important;color:var(--g-outline)!important;box-shadow:inset 0 0 0 2px var(--g-outline)!important}
  body.lg .tabbar .tab.tab--plus:hover{background:var(--pb-accent-soft)!important}
  body.lg .tabbar .tab--plus .tab__disc{color:inherit}
}

/* ======================================================================
   3) 本人履歴（study-history.html）: 問題集と同じヘッダー（名前を押すと問題集へ）と、問題集へ戻るボタン。カードは線なし＋影。
   ====================================================================== */
.dpg-pb-head{position:sticky;top:0;z-index:20;background:var(--pb-page)}
/* PC でも出す（mode-switch.css は PC で .phead を左のメニューに任せて隠す。本人履歴には左のメニューが無い） */
@media(min-width:1024px){header.phead.dpg-pb-head{display:block;position:sticky}}
.dpg-pb-head .phead__in{max-width:none}
.dpg-pb-head a.switcher{text-decoration:none;color:var(--pb-ink)}
/* 勉強ログのアプリ（下に勉強ログのメニューが出るとき）は、そのメニューで戻れるのでヘッダーは出さない */
body:has(#site-navigation .tabbar) .dpg-pb-head{display:none}
.history{padding-top:calc(var(--g-s3) + env(safe-area-inset-top,0px))}
body:has(.dpg-pb-head:not([hidden])) .history{padding-top:var(--g-s3)}
.history h1{margin:var(--g-s2) 0 var(--g-s1);font-size:var(--g-fs-title);line-height:1.4}
.history h2{font-size:var(--g-fs-title)}
.history .history__intro{font-size:var(--g-fs-body)}
/* 2026-10-15 周4: 戻るは問題集の画面と同じ「‹ 行き先」の文字リンク1種類（紫の文字・下線なし・押せる所 48px）。‹ は読み上げない */
.history .history__back{display:inline-flex;align-items:center;gap:4px;min-height:var(--g-hit);margin-left:-6px;padding:0 6px;border-radius:8px;color:var(--pb-accent);font-size:var(--g-fs-body);font-weight:700;text-decoration:none}
.history .history__back::before{content:"‹";content:"‹" / ""}
.history .history__back:hover{text-decoration:underline;text-underline-offset:3px}
.history .history__back:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}
/* 「問題集へ戻る」: 戻るが2つ並んで見えないよう、枠のボタンをやめて3番手の文字のリンクに（行き先は今のまま） */
.history .dpg-pb-books{display:inline-flex;align-items:center;box-sizing:border-box;min-height:var(--g-hit);margin:0 0 var(--g-s2) -6px;padding:0 6px;
  border:0;border-radius:8px;background:none;color:var(--pb-accent);box-shadow:none;
  font-size:var(--g-fs-body);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.history .dpg-pb-books:hover{background:var(--pb-accent-soft)}
.history .dpg-pb-books:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}
/* 2026-10-15 区間4（関所D の Q4「二重の戻るは1つに」）: 上のヘッダーの名前（ドパガキ問題集＝問題集へ戻る）と同じ行き先なので、
   ヘッダーが出ている間は「問題集へ戻る」を出さない。勉強ログのアプリ（ヘッダーを隠す）では今までどおり出す。 */
body:not(:has(#site-navigation .tabbar)) .history .dpg-pb-books{display:none}
.history :is(.history__card,.history__totals div,.history__months li,.history__events li){border-color:transparent;box-shadow:var(--g-card-shadow)}
.history :is(.history__primary,.history__ghost,.history__danger-btn){min-height:44px;border-radius:var(--g-radius-btn)}
.history .history__ghost:not(.history__ghost--danger){border-color:var(--g-outline);color:var(--pb-accent);background:var(--pb-surface)}

/* 動きを減らす設定: このファイルが足した動き（下のメニューの縮み・色の移り変わり）を止める */
@media(prefers-reduced-motion:reduce){
  body.lg .tabbar,body.lg .tabbar .tab,body.lg .tabbar .tab::before{transition:none}
}
@media(max-width:1023.98px) and (prefers-reduced-motion:reduce){
  .is-nav-compact body.lg .tabbar{transform:translateX(-50%)}
}

/* 区間3（2026-10-15）: 勉強計画の予定カード
   ・数字の札（今日の解答・連続・正答率）: スマホの3列で「今日の解答」が「今日の解／答」と折れないよう、左右の余白を 8px に
   ・「詳細」: 薄紫の面＋細い紫の線は、値を選ぶ切り替えの「選択中」と同じ見た目になるので、2番手のボタン（白地に紫の枠）にそろえる */
body[data-site-page="dashboard"] .dash-goal-card .today-stats .dash-chip{padding-inline:var(--g-s1)}
body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__detail{border-color:var(--pb-accent);background:var(--pb-surface);color:var(--pb-accent);box-shadow:inset 0 0 0 1px var(--pb-accent)}
body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__detail:hover{background:var(--pb-accent-soft)}
/* 区間 r10（2026-10-16）: 「あと N問」を目安の数の横へ寄せて「今日の目安 17問（あと 11問）」の1まとまりにした（dashboard.js の laneGoalBlock）。
   幅が足りないときは括弧ごと次の行へ回す（文字の大きさ・色は今までの .dash-today-goal__rest のまま）。 */
body[data-site-page="dashboard"] .dash-today-goal__main{flex-wrap:wrap}
body[data-site-page="dashboard"] .dash-today-goal__main>.dash-today-goal__rest{margin:0;white-space:nowrap}
/* 区間 r13（2026-10-16 周7）: 主ボタンを今日の目安のすぐ下へ移した（dashboard.js の bigCard。スマホ 390 で下のメニューの帯の裏に隠れないように）。
   ボタンの下に来た「終える予定日・詳細」の行が、ボタンにくっつかないよう間を空ける（並びだけの直し。色・形は変えない）。 */
body[data-site-page="dashboard"] .dash-goal-card .actions+.dash-goal-card__foot{margin-top:var(--g-s2)}
/* 2026-10-16 周10（初めての人役 #5「予定を作った後、右上のキャラの絵が『（あと 11問）』にかぶる」）: 右上に重ねて置く絵
   （dashboard.js の bigCard の .dash-goal-card__badge）の分の場所を取る。見出しの行は、絵の高さの中で上下の真ん中に置く。
   PC（761px〜）は絵の大きさのまま、絵と同じ高さに来る数の行の右に絵の分の余白（幅が足りなければ「（あと N問）」が括弧ごと次の行へ）。 */
body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__titlewrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;align-content:center}
body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__titlewrap+.dash-today-goal>:is(.dash-today-goal__main,.today-message),
body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__titlewrap+.dash-goal-lanes>.dash-today-goal:first-child>:is(.dash-today-goal__main,.today-message){padding-right:126px}
/* スマホ（〜760px）は横幅が足りないので、絵を 72px → 56px にして見出しの行の右に収め、見出しの行の高さを絵と同じにする
   （数の行は絵の下から始まり、横幅いっぱいに「今日の目安 17問（あと 11問）」が1行で入る）
   2026-10-16: 右上の×（見える丸 32px）が絵に触れない（2026-10-03「×は絵に触れない」。中心の距離 − 16 − 絵の半径 ≥ 0）ように、絵の右の端を 24 → 32px に寄せ、
   見出しの右の余白もその分 72 → 80px（絵と見出しの間は 10px のまま。tools/qa-shelf-dashboard.mjs の「goal card 390px: the × …」） */
@media (max-width:760px){
  body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__badge{width:56px;height:56px;top:20px;right:32px}
  body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__titlewrap{min-height:56px;padding-right:80px}
  body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__titlewrap+.dash-today-goal>:is(.dash-today-goal__main,.today-message),
  body[data-site-page="dashboard"] .dash-goal-card .dash-goal-card__titlewrap+.dash-goal-lanes>.dash-today-goal:first-child>:is(.dash-today-goal__main,.today-message){padding-right:0}
}
/* 2026-10-16 周10: 「（あと N問）」「今日の分は解き終えました」は赤茶（--coral）だった。赤と緑は正誤だけの決まりなので墨にする（大きさ・太さはそのまま） */
body[data-site-page="dashboard"] .dash-today-goal__rest{color:var(--pb-ink)}
/* 2026-10-16 周10: 「ITパスポートまで あと31日 ／ 毎日17問で間に合う」が「う」1字だけ次の行に落ちていた。区切り（／）ごとのまとまり
   （dashboard.js の laneGoalBlock の .dash-today-goal__sub-part）を崩さず、折るときは区切りの所で折る。まとまりより長い名前は中を言葉の切れ目で折る */
body[data-site-page="dashboard"] .dash-today-goal__sub{word-break:auto-phrase;text-wrap:balance}
body[data-site-page="dashboard"] .dash-today-goal__sub-part{display:inline-block;max-width:100%}
/* 2026-10-16: 「試験まで あと7日・ペースを上げよう」のリンクは、1行に収まる幅だと高さ 37px になる。押せる所を 44px 以上にする
   （文字の大きさ・余白は今のまま。2行に折り返すと 56px なので変わらない。tools/qa-quiz-mobile-sweep.mjs の押せる大きさの検査） */
body[data-site-page="dashboard"] .dash-shelf-card a.dash-exam-link{min-height:44px}

/* 今週のまとめ（記録がまだ無い時）
   2026-10-15 関所D（本人 p4「このデザイン統一感ないから、既存のアセットのやつ使った方がいいかも」）:
   ・大きな3Dの絵（dashboard.css の #dash-week::after の dash/calendar.webp）は出さない
   2026-10-16 関所E（本人 Q4 案2「平たい絵」）: 丸い枠のキャラ＋ふきだしをやめ、平たい絵（scene/plan-flat-calendar.webp）を
   元の大きな絵と同じ「カードの右下」に置く（dashboard.js の renderInsightPanels）。
   ・見出しの下の1行（17px の太字。カードの幅いっぱい）→ その下の左に補足（14px）、右に絵。絵の下はカードの下の端にそろえる
     （胸から上の絵なので、切れ目が浮かないように、カードの余白 24px の分だけ下へ出す）。PC で隣のカードに合わせて
     カードが伸びても、絵は右下に残る。1行の文は意味の切れ目の span（inline-block）で、狭い幅ではそこで折れる
   ・絵の高さ: スマホ 136px・768px 以上 160px（120〜160px の間。8 の倍数）。幅は縦横の比（334×360）から決まる
   ・予定のシートの小さな絵（pose-calendar 64px・pose-fist）と予定カードの絵（pose-calendar 120px）は変えない */
body[data-site-page="dashboard"] #dash-week:has(>.empty){display:flex;flex-direction:column;padding:var(--g-s3)}
body[data-site-page="dashboard"] #dash-week:has(>.empty)::after{content:none}
body[data-site-page="dashboard"] #dash-week>.empty{flex:1 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:var(--g-s2);padding:var(--g-s2) 0 0}
body[data-site-page="dashboard"] #dash-week .dash-week-say{grid-column:1/-1;grid-row:1;margin:0;color:var(--pb-ink);font-size:var(--g-fs-body);font-weight:800;line-height:1.6}
body[data-site-page="dashboard"] #dash-week .dash-week-say span{display:inline-block}
body[data-site-page="dashboard"] #dash-week>.empty .muted{grid-column:1;grid-row:2;margin:var(--g-s1) 0 0;font-size:var(--g-fs-small);line-height:1.6;color:var(--pb-ink-2);word-break:auto-phrase}
body[data-site-page="dashboard"] #dash-week .dash-week-art{grid-column:2;grid-row:2/4;align-self:end;display:block;width:auto;height:136px;max-width:none;margin:var(--g-s1) 0 calc(-1 * var(--g-s3));pointer-events:none;user-select:none}
@media(min-width:768px){
  body[data-site-page="dashboard"] #dash-week .dash-week-art{height:160px}
}