/* ============================================================
   仕上げ案B（攻め）: polish.css の上に重ねる
   - 紺×ターコイズのコントラスト（バッジの紺・金と同じ世界観）
   - 見出しに英字の小見出し、コースごとの色と番号
   - 目標カードとバッジ欄を紺にして、画面に重心を作る
   構成・文言は変えない。このファイルを外せば案Aに戻る
   ============================================================ */

/* ---- 地: トップだけ、ごく薄いドットの方眼 ---- */
body.home{background-color:#F3F7F7;background-image:radial-gradient(rgba(30,42,58,.055) 1px,transparent 1.2px);background-size:22px 22px}

/* ---- 英字の小見出し ---- */
.dash-main>.dh2{display:block}
.dash-main>.dh2::before,.dcard.path .dhead h2::before,#dashBadges .dhead h2::before{
  display:block;width:auto;height:auto;margin:0 0 4px;border-radius:0;background:none;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:500;font-size:.68rem;letter-spacing:.28em;color:var(--accent-text)}
.dash-main>.dh2::before{content:"COURSES"}
.dcard.path .dhead h2::before{content:"ROADMAP"}
#dashBadges .dhead h2::before{content:"BADGES";color:#5FE0D0}
.dash-main>.dh2{font-size:1.35rem}

/* ---- コース: 色・番号・左の帯 ---- */
.courses{counter-reset:crs}
.course{--cc:#12C4B0;--cc-soft:rgba(18,196,176,.12);position:relative;overflow:hidden;counter-increment:crs}
.course[data-course="single"]{--cc:#3D6FF2;--cc-soft:rgba(61,111,242,.11)}
.course[data-course="nanpin"]{--cc:#E0712C;--cc-soft:rgba(224,113,44,.11)}
.course[data-course="anomaly"]{--cc:#7A57C9;--cc-soft:rgba(122,87,201,.11)}
.course::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cc)}
.course::after{content:counter(crs,decimal-leading-zero);position:absolute;right:16px;top:2px;
  font-family:var(--disp);font-weight:900;font-size:3rem;line-height:1;color:rgba(30,42,58,.05);pointer-events:none}
.course .ic,.course.on .ic,.course.full .ic{background:var(--cc-soft);box-shadow:inset 0 0 0 1px var(--cc-soft)}
.course .pbar i{background:var(--cc)}
.course:hover{border-color:var(--cc);box-shadow:0 2px 4px rgba(30,42,58,.05),0 18px 36px -20px var(--cc)}
.course:hover .go,.course.on .go{color:var(--cc)}
.course.on .chip{background:var(--cc-soft);color:var(--cc)}

/* ---- 目標カード: 紺 ---- */
#dashGoal.dcard{border:0;color:#E6EEF4;
  background:radial-gradient(120% 80% at 100% 0%,rgba(18,196,176,.30),rgba(18,196,176,0) 55%),linear-gradient(160deg,#1E2A3A 0%,#131C27 100%);
  box-shadow:0 18px 40px -22px rgba(19,28,39,.8)}
#dashGoal .dh2,#dashGoal .g-t b,#dashGoal b{color:#FFFFFF}
#dashGoal p,#dashGoal .g-why{color:#B8C4D2}
#dashGoal .g-t small{color:#5FE0D0}
#dashGoal .g-meta,#dashGoal .g-cnt{color:#9FB0C2}
#dashGoal .g-pct{color:#5FE0D0}
#dashGoal .g-prog .pbar{background:rgba(255,255,255,.12)}
#dashGoal .g-prog .pbar i{background:linear-gradient(90deg,#12C4B0,#5FE0D0)}
#dashGoal .g-next{background:rgba(255,255,255,.07);color:#E6EEF4}
#dashGoal .g-next small{color:#5FE0D0}
#dashGoal a:not(.dbtn),#dashGoal .g-more{color:#7FEBDD}
#dashGoal .dbtn.ghost{background:transparent;border-color:#5FE0D0;color:#7FEBDD}

/* ---- バッジ欄: 紺（金と銀のバッジが映える） ---- */
#dashBadges.dcard{border:0;color:#DCE5EE;background:linear-gradient(160deg,#1E2A3A 0%,#111923 100%);box-shadow:0 18px 40px -22px rgba(19,28,39,.8)}
#dashBadges .dhead h2{color:#FFFFFF}
#dashBadges .dhead span{color:#9FB0C2}
#dashBadges .badge{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);box-shadow:none}
#dashBadges .badge b{color:#E6EEF4}
#dashBadges .badge small{color:#8FA0B3}
#dashBadges .badge.ok{background:rgba(18,196,176,.12);border-color:rgba(95,224,208,.4)}
#dashBadges .badge.ok small{color:#5FE0D0}
#dashBadges .badge .bi.img img{opacity:.32;filter:grayscale(1) brightness(1.3)}
#dashBadges .badge.ok .bi.img img{opacity:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
#dashBadges .g-more{color:#7FEBDD}

/* ---- 学習の道のり: いまの章をもう少し強く ---- */
.step.cur .dot{box-shadow:0 0 0 4px var(--accent-soft),0 6px 14px -6px rgba(18,196,176,.8)}