/* Storied Leader · product expression: Deep Spruce, Harvest Gold, Terracotta, Parchment.
   Spruce for text and controls, gold as the leader's accent, terracotta for the "story beneath".
   Loaded after shared/shell.css. */
:root{
  --gold-tint:#F0E5CC;--gold-deep:#76602F;--clay-tint:#EED8CE;--clay-deep:#8E5643;--sage-tint:#E1E7D8;--spruce-ink:#243A34;
  --bg:var(--parchment);--paper:#FFFDF8;--ink:var(--spruce);--muted:#66716B;--green:var(--spruce);--dark:var(--spruce);
  --sage:var(--sage-tint);--gold:var(--harvest);--cream:#EEE5D4;--line:#E2DACB;--rust:var(--clay);--soft:#F0E9DD;
  --rail-bg:var(--spruce-ink);--rail-soft:#334B44;--rail-line:#425953;--rail-text:#CCD5CB;--rail-sub:#A7B5A8;--rail-heading:#A39466;--rail-mark:var(--harvest);
  --accent:var(--spruce);--accent-soft:#3C564F;--accent-mark:var(--harvest);
  --eyebrow:var(--gold-deep);
  --feature-bg:var(--spruce-ink);--feature-fg:var(--parchment);--feature-sub:#D3DBD1;--feature-eyebrow:var(--harvest);--feature-link-bg:var(--harvest);--feature-link-fg:var(--spruce-ink);
  --tint-bg:var(--gold-tint);--tint-eyebrow:var(--gold-deep);--tint-fg:var(--spruce);
  --path-within-bg:var(--clay-tint);--path-within-fg:var(--clay-deep);
  --path-between-bg:var(--gold-tint);--path-between-fg:var(--gold-deep);
  --path-around-bg:var(--sage-tint);--path-around-fg:#56664B;
  --hero-rule:var(--harvest);
}
.sidebar .workspace-symbol{color:var(--spruce-ink);font-weight:500}
.card.gold{background:var(--gold-tint)}
.card.green{background:var(--sage-tint)}
.learning{background:var(--gold-tint);border-left-color:var(--harvest);color:#5a5235}
.feature-meta{font-size:12px;opacity:.85}
.home-practice{font-family:var(--serif);font-size:17px!important;line-height:1.5;color:var(--spruce)!important}

/* leader-specific parts */
.stack-col{display:grid;gap:22px;align-content:start}
.profile-fact{padding:16px 0;border-top:1px solid var(--line);display:grid;gap:6px}
.profile-fact:first-of-type{margin-top:18px}
.story-contrast .quote{font-size:21px;margin:14px 0 6px}
.story-contrast .beneath{color:var(--clay-deep);margin-top:6px}
.quote.small-quote{font-size:17px;margin:14px 0}
.journey-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--gold-tint);color:var(--gold-deep)}
.journey-tile{display:flex;flex-direction:column}
.journey-tile .statline:last-child{margin-top:auto}
.shared-note{display:flex;align-items:center;gap:6px;color:var(--gold-deep);margin-top:6px}
.check-line{display:flex;gap:10px;align-items:flex-start;margin:-6px 0 16px;font-size:12px;color:var(--muted)}
.check-line span{display:grid;gap:2px}
.check-line small{color:var(--muted)}
.modal .check-line strong{color:var(--ink);font-weight:500}
.arc{list-style:none;padding:0;margin:14px 0 0;display:grid}
.arc li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.arc li>div{display:grid;gap:2px}
.arc-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--sand);display:grid;place-items:center;flex-shrink:0;color:var(--parchment);margin-top:1px}
.arc li.done .arc-dot{background:var(--spruce);border-color:var(--spruce)}
.cohort-person{padding:14px 0;border-top:1px solid var(--line);align-items:flex-start}
.cohort-person:first-of-type{margin-top:14px}
.module-disabled{max-width:640px}
.portrait-row{display:flex;gap:4px;margin-top:14px}
@media(max-width:850px){.stack-col{gap:16px}}
.grid-asym>aside.card{align-self:start}
.app-shell .mobile-brand span{white-space:nowrap}
@media(max-width:600px){
  .app-shell .person-switch .tiny{display:none}
  .app-shell .person-switch select{max-width:130px}
  .app-shell .mobile-brand{font-size:20px}
  .app-shell .mobile-brand svg{width:20px;height:28px}
}