/* ===========================================================================
   ドパガキ問題集 — assets/dpg-t-plan-paper.css
   2026-10-29 T14 担当K2「勉強計画の整え」: AI感の案2「問題集の紙にそろえる」（関所7 Q10・本人だけ 't-plan-paper'）。
   景色の帯（絵・霧・塔の光・動き・本番の札・［探索する］）はそのまま。その下を、問題集と同じ
   クリームの地・白い面・茶の字・紫の線・虹の細い線にそろえる。すりガラス・箱の中の箱・丸い地の絵・飾りのグラデをやめ、影は1種に。
   - どの規則も html.t14-paper の下だけに当たる（印は head の dpg-t-plan-paper.js が最初の描画の前に、後から運営のアカウントと分かった時は
     dpg-plan-view.js の paper() が付ける。main.dpl にも同じ印が付く）。札が無い時は今の画面と1画素も変わらない。
   - 色は問題集の決まり（design/dpg/00-tokens.css）の値だけ。このページが読んでいる色の名前（dpg-pages-b.css の --pb-*・--g-card-shadow、
     dashboard.css の --surface-2・--green・--green-soft・--danger）を使う。--danger-soft はこのページに無いので v4.css と同じく値を添える。
     透明度違いは color-mix でその色の名前から作る（color-mix が無いブラウザ向けに、同じ値の rgb を先に書く）。新しい色は作らない。
   - 金は「外の世界」（主ボタン）と「自分が取った物」（連続の数・週の丸・進みの帯）だけに残す。
   - 動きは足さない（景色の動きは今のまま dpg-plan-view.js が動きを減らす設定で止める）。
   =========================================================================== */
html.t14-paper main.dpl{
  /* 問題集の色の名前（このページが読む dashboard.css の :root。値は 00-tokens.css の --surface-2・--success・--success-soft・--danger・--danger-soft と同じ） */
  --t14-surface-2:var(--surface-2,#fff3e6); --t14-success:var(--green,#276846); --t14-success-soft:var(--green-soft,#e8f4e9);
  --t14-danger:var(--danger,#b23336); --t14-danger-soft:var(--danger-soft,#fff0ed);
  /* 勉強計画の色の名前（--pl-*）を、問題集の色へ置き換える（dpg-plan.css の規則はそのまま、色だけが変わる） */
  --pl-ink:var(--pb-ink); --pl-ink-2:var(--pb-ink-2); --pl-ink-3:var(--pb-ink-2); --pl-ink-4:var(--pb-ink-2); /* 薄い字は1色に（字の色を減らす） */
  --pl-line:var(--pb-line); --pl-line-2:var(--pb-line);
  --pl-page:var(--pb-page);
  --pl-sky:var(--pb-accent); --pl-sky-ink:var(--pb-accent); --pl-sky-soft:var(--pb-accent-soft);
  --pl-sky-a08:rgb(101 53 181 / 8%); --pl-sky-a10:rgb(101 53 181 / 10%);
  --pl-grass:var(--pb-accent); --pl-grass-ink:var(--t14-success); --pl-grass-soft:var(--t14-success-soft); --pl-grass-ink-a22:rgb(39 104 70 / 22%);
  --pl-warn:var(--t14-danger); --pl-warn-soft:var(--t14-danger-soft); --pl-warn-a25:rgb(178 51 54 / 25%); --pl-x-7a2e12:var(--t14-danger);
  --pl-gold-ink:var(--pl-gold-num);
  --pl-glass:var(--pb-surface); --pl-glass-edge:var(--pb-line);
  --pl-x-2b6cff:var(--pb-accent);
  /* 字の色（紺 #172238）の透明度違い → 茶 #292622 の透明度違い（線・地・丸の縁） */
  --pl-ink-a03:rgb(41 38 34 / 3%); --pl-ink-a04:rgb(41 38 34 / 4%); --pl-ink-a06:rgb(41 38 34 / 6%); --pl-ink-a08:rgb(41 38 34 / 8%);
  --pl-ink-a10:rgb(41 38 34 / 10%); --pl-ink-a12:rgb(41 38 34 / 12%); --pl-ink-a13:rgb(41 38 34 / 13%); --pl-ink-a15:rgb(41 38 34 / 15%);
  --pl-ink-a22:rgb(41 38 34 / 22%); --pl-ink-a24:rgb(41 38 34 / 24%);
  /* 青白い地（#EDF4FA）の透明度違い → クリーム #fffcf7（景色の下の端がクリームへ溶ける） */
  --pl-page-a00:rgb(255 252 247 / 0%); --pl-page-a50:rgb(255 252 247 / 50%); --pl-page-a62:rgb(255 252 247 / 62%); --pl-page-a85:rgb(255 252 247 / 85%);
  /* 学習した日カレンダーのマス（関所7 の仮置き: 緑 → 紫の濃淡。紫 #6535b5 の透明度違い） */
  --t14-cal-1:rgb(101 53 181 / 20%); --t14-cal-2:rgb(101 53 181 / 42%); --t14-cal-3:rgb(101 53 181 / 68%); --t14-cal-4:var(--pb-accent);
  color:var(--pb-ink)
}
/* 透明度違いを色の名前から作る（color-mix がある時。上の rgb は同じ値の控え） */
@supports (color:color-mix(in srgb,red 50%,blue)){
  html.t14-paper main.dpl{
    --pl-sky-a08:color-mix(in srgb,var(--pb-accent) 8%,transparent); --pl-sky-a10:color-mix(in srgb,var(--pb-accent) 10%,transparent);
    --pl-grass-ink-a22:color-mix(in srgb,var(--t14-success) 22%,transparent); --pl-warn-a25:color-mix(in srgb,var(--t14-danger) 25%,transparent);
    --pl-ink-a03:color-mix(in srgb,var(--pb-ink) 3%,transparent); --pl-ink-a04:color-mix(in srgb,var(--pb-ink) 4%,transparent);
    --pl-ink-a06:color-mix(in srgb,var(--pb-ink) 6%,transparent); --pl-ink-a08:color-mix(in srgb,var(--pb-ink) 8%,transparent);
    --pl-ink-a10:color-mix(in srgb,var(--pb-ink) 10%,transparent); --pl-ink-a12:color-mix(in srgb,var(--pb-ink) 12%,transparent);
    --pl-ink-a13:color-mix(in srgb,var(--pb-ink) 13%,transparent); --pl-ink-a15:color-mix(in srgb,var(--pb-ink) 15%,transparent);
    --pl-ink-a22:color-mix(in srgb,var(--pb-ink) 22%,transparent); --pl-ink-a24:color-mix(in srgb,var(--pb-ink) 24%,transparent);
    --pl-page-a00:color-mix(in srgb,var(--pb-page) 0%,transparent); --pl-page-a50:color-mix(in srgb,var(--pb-page) 50%,transparent);
    --pl-page-a62:color-mix(in srgb,var(--pb-page) 62%,transparent); --pl-page-a85:color-mix(in srgb,var(--pb-page) 85%,transparent);
    --t14-cal-1:color-mix(in srgb,var(--pb-accent) 20%,transparent); --t14-cal-2:color-mix(in srgb,var(--pb-accent) 42%,transparent);
    --t14-cal-3:color-mix(in srgb,var(--pb-accent) 68%,transparent)
  }
}
/* 地: 青白いグラデ → 問題集のクリーム1色（iPhone アプリの時刻の下の帯も同じ色）。html の印は最初の描画の前に付くので、開いた直後も青白くならない */
html.t14-paper body[data-site-page="dashboard"]{background:var(--pb-page)}
html.is-native.t14-paper body[data-site-page="dashboard"]{--page:var(--pb-page)}

/* ───── 板: すりガラス → 白い面（角 16px・問題集のカードの影1種・縁なし） ───── */
html.t14-paper main.dpl .dpl-glass,
html.t14-paper main.dpl .dpl-sheet,
html.t14-paper main.dpl .dpl-folds>.dash-fold{background:var(--pb-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid transparent;border-radius:var(--g-radius,16px);box-shadow:var(--g-card-shadow)}
html.t14-paper main.dpl .dpl-folds>.dash-fold>summary{border-radius:var(--g-radius,16px)}

/* PC の段（今日やること・ふりかえり）: 板を囲む外の箱をやめ、見出しだけ残す。「ふりかえり」の見出しの下に虹の細い線を1本 */
@media (min-width:1024px){
  html.t14-paper main.dpl .dpl-band{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
  /* 段の外の箱をやめたので、見出し「今日やること」が絵の上に乗らないよう、景色の帯と重ねない（前は 44px 重ねていた） */
  html.t14-paper main.dpl .dpl-land,html.t14-paper main.dpl .dpl-skel__land{margin-bottom:6px}
  html.t14-paper main.dpl .dpl-band__h{margin:0 2px;font-weight:800;color:var(--pb-ink)}
  html.t14-paper main.dpl .dpl-band__h .dpl-ico,html.t14-paper main.dpl .dpl-band--look .dpl-band__h .dpl-ico{color:var(--pb-accent)}
  html.t14-paper main.dpl .dpl-band--look .dpl-band__h{padding-bottom:10px;background:var(--pb-rainbow) left bottom / 100% 2px no-repeat}
  /* 直し（検査役14 の小3）: 重ねなくなって見える景色の下の端を、クリームへ溶かす帯を高く（下の端はクリームそのもの） */
  html.t14-paper main.dpl .dpl-land__air{background:
    linear-gradient(180deg,var(--pl-white-a00) 34%,var(--pl-white-a10) 46%,var(--pl-white-a00) 58%),
    linear-gradient(180deg,var(--pl-page-a00) 68%,var(--pl-page-a62) 88%,var(--pb-page) 100%)}
  /* 直し（検査役14 の小4）: 目標の板が右の列の高さまで伸びた時、中身は見出しのすぐ下に置き、空きは中身と金のボタンの間へ（ボタンは板の下の端のまま） */
  html.t14-paper main.dpl #dpl-today > .dpl-goal{align-content:start}
}

/* ───── 見出し: 丸い地の小さな絵 → 地なしの紫の線の絵 ───── */
html.t14-paper main.dpl .dpl-panel__head{gap:8px}
html.t14-paper main.dpl .dpl-hico,html.t14-paper main.dpl .dpl-hico--grass,html.t14-paper main.dpl .dpl-hico--gold{width:auto;height:auto;background:none;border-radius:0;color:var(--pb-accent)}
html.t14-paper main.dpl .dpl-hico .dpl-ico{width:20px;height:20px}

/* ───── いま追っている目標: 板の中の白い箱をやめ、板にじかに置く（連続日数と週の丸の前は細い線で区切る） ───── */
html.t14-paper main.dpl .dpl-goal,
html.t14-paper main.dpl .dpl-goal.is-plain{padding:2px 2px 0;background:none;border:0;border-radius:0;box-shadow:none}
html.t14-paper main.dpl .dpl-goal__check,
html.t14-paper main.dpl .dpl-week__d.is-done .dpl-week__dot,
html.t14-paper main.dpl .dpl-week__mini{background:var(--pl-gold);box-shadow:none}
html.t14-paper main.dpl .dpl-week__d.is-link::before{background:var(--pl-gold)}
html.t14-paper main.dpl .dpl-goal__bar > span{background:var(--pl-gold)}
html.t14-paper main.dpl .dpl-goal__both{padding:0;background:none;border-radius:0;color:var(--pb-accent)}
html.t14-paper main.dpl .dpl-note{border-radius:var(--g-radius,16px)}
html.t14-paper main.dpl .dpl-pswitch__btn{background:var(--pb-surface)}
html.t14-paper main.dpl .dpl-pswitch__btn[aria-pressed="true"]{box-shadow:none}

/* ───── 2番手のボタン（今日の復習・詳細・予定を見直す ほか）: 白地に細い線。丸い地の絵はやめる ───── */
html.t14-paper main.dpl .dpl-btn,
html.t14-paper main.dpl .dpl-btn-sub{background:var(--pb-surface);border-color:var(--pb-line)}
html.t14-paper main.dpl .dpl-btn-sub{border-radius:var(--g-radius,16px)}
html.t14-paper main.dpl .dpl-btn-sub__ico{background:none;color:var(--pb-accent)}
html.t14-paper main.dpl .dpl-btn--quiet{background:transparent;border-color:transparent}

/* ───── いま学んでいる本棚: 札は細い線の白い面1枚。中の3つの箱（進み・正答率の線・このペース）は箱をやめて線で区切る ───── */
html.t14-paper main.dpl .dpl-shelf{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:var(--g-radius,16px);box-shadow:none}
html.t14-paper main.dpl .dpl-shelf__stat,
html.t14-paper main.dpl .dpl-shelf__trend{padding:0;background:none;border:0;border-radius:0}
html.t14-paper main.dpl .dpl-shelf__trend{padding-top:10px;border-top:1px solid var(--pb-line)}
html.t14-paper main.dpl .dpl-shelf__pace{padding:0;background:none;border:0;border-radius:0}
html.t14-paper main.dpl .dpl-shelf__pace .dpl-ico{color:var(--pb-accent)}
html.t14-paper main.dpl .dpl-shelf__exam{border-radius:var(--g-radius,16px)}
html.t14-paper main.dpl .dpl-shelf__und{padding:0;background:none;border-radius:0;color:var(--pb-accent)}
/* 表紙の絵が無い本: 青のグラデ → 紫1色（線2本と字は今のまま） */
html.t14-paper main.dpl .dpl-shelf__cover:not(.has-img){background:var(--pb-accent);box-shadow:none}
html.t14-paper main.dpl .dpl-shelf__cover.has-img{box-shadow:none}
/* 進みの数は今日の数より小さく（大きな数字は「今日の残り」と「本番まで」に絞る） */
html.t14-paper main.dpl .dpl-ring__pct{font-size:var(--g-fs-title,22px);font-weight:800;letter-spacing:0}
html.t14-paper main.dpl .dpl-ring__pct small{font-size:var(--g-fs-small,14px)}
html.t14-paper main.dpl .dpl-ring{grid-template-columns:auto 44px}
html.t14-paper main.dpl .dpl-ring svg{width:44px;height:44px}
html.t14-paper main.dpl .dpl-ring .bg{stroke:var(--pl-ink-a08)}
/* 正答率の線: 青 → 紫（線と点は --pl-sky を紫にしたので、そのまま紫になる）。最後の点の光の輪はやめる */
html.t14-paper main.dpl .dpl-trend__dot.is-last{box-shadow:none}

/* ───── ドパガキくんの一言: 吹き出しは問題集の淡い紙の色（影なし）・顔の縁は細い線 ───── */
html.t14-paper main.dpl .dpl-tone button{background:var(--pb-surface);border-color:var(--pb-line)}
html.t14-paper main.dpl .dpl-tone button[aria-pressed="true"]{border-color:var(--pb-ink)}
html.t14-paper main.dpl .dpl-say__face{border:1px solid var(--pb-line);box-shadow:none}
html.t14-paper main.dpl .dpl-say__bubble{background:var(--t14-surface-2);box-shadow:none;border-radius:4px var(--g-radius,16px) var(--g-radius,16px) var(--g-radius,16px)}
html.t14-paper main.dpl .dpl-say.is-plain .dpl-say__bubble{border-radius:var(--g-radius,16px)}

/* ───── 今週のまとめ: 4つのタイル → 1枚の面の中に4つの数（十字の細い線で区切る） ───── */
html.t14-paper main.dpl .dpl-stats{gap:0}
html.t14-paper main.dpl .dpl-stat{padding:10px 12px 12px;background:none;border:0;border-radius:0}
html.t14-paper main.dpl .dpl-stat:nth-child(odd){border-right:1px solid var(--pb-line)}
html.t14-paper main.dpl .dpl-stat:nth-child(n+3){border-top:1px solid var(--pb-line)}
html.t14-paper main.dpl .dpl-stat dt .dpl-ico{color:var(--pb-accent)}
html.t14-paper main.dpl .dpl-stat__v{font-size:var(--g-fs-title,22px);font-weight:800;letter-spacing:0}
html.t14-paper main.dpl .dpl-stat__v small{font-size:var(--g-fs-small,14px)}
html.t14-paper main.dpl .dpl-stat dd{margin-top:4px}

/* ───── 学習した日カレンダー: 緑 → 紫の濃淡 ───── */
html.t14-paper main.dpl .dpl-cal__c[data-l="1"]{background:var(--t14-cal-1)}
html.t14-paper main.dpl .dpl-cal__c[data-l="2"]{background:var(--t14-cal-2)}
html.t14-paper main.dpl .dpl-cal__c[data-l="3"]{background:var(--t14-cal-3)}
html.t14-paper main.dpl .dpl-cal__c[data-l="4"]{background:var(--t14-cal-4)}
html.t14-paper main.dpl .dpl-cal__c.is-future{background:transparent}

/* ───── 狭い幅（〜300px・200% 拡大）: 今週のまとめは1列（線は上だけ） ───── */
@media (max-width:300px){
  html.t14-paper main.dpl .dpl-stat:nth-child(odd){border-right:0}
  html.t14-paper main.dpl .dpl-stat:nth-child(n+2){border-top:1px solid var(--pb-line)}
  html.t14-paper main.dpl .dpl-stat{padding-left:4px;padding-right:4px}
  /* 本棚の札の進み: 輪が札の右からはみ出さないよう、輪は数の下へ */
  html.t14-paper main.dpl .dpl-ring{grid-template-columns:auto;row-gap:6px}
  html.t14-paper main.dpl .dpl-ring svg{grid-column:1;grid-row:2}
}