/* Storied Team · product expression: Story Indigo, Lavender, Terracotta, Parchment.
   An indigo rail with lavender marks, terracotta for the story underneath, sage for agreements.
   Loaded after shared/shell.css. */
:root{
  --indigo-ink:#34364F;--indigo-soft:#45486A;--indigo-line:#565A7B;--lavender-deep:#5E5878;
  --gold-tint:#F0E5CC;--gold-deep:#76602F;--clay-tint:#EED8CE;--clay-deep:#8E5643;--sage-tint:#E1E7D8;--sage-deep:#56664B;--lav-tint:#E7E3EE;
  --bg:var(--parchment);--paper:#FFFDF8;--ink:var(--indigo-ink);--muted:#686A7A;--green:var(--indigo);--dark:var(--indigo);
  --sage:var(--sage-tint);--gold:var(--harvest);--cream:#ECE6E0;--line:#E2DCD3;--rust:var(--clay);--soft:#F0EBE6;
  --rail-bg:var(--indigo-ink);--rail-soft:var(--indigo-soft);--rail-line:var(--indigo-line);--rail-text:#DAD8E6;--rail-sub:#AFADC4;--rail-heading:#B9B3CF;--rail-mark:var(--lavender);
  --accent:var(--indigo);--accent-soft:var(--indigo-soft);--accent-mark:var(--lavender);
  --eyebrow:var(--clay-deep);
  --feature-bg:var(--indigo);--feature-fg:var(--parchment);--feature-sub:#DCDAE8;--feature-eyebrow:var(--lavender);--feature-link-bg:var(--lavender);--feature-link-fg:var(--indigo-ink);
  --tint-bg:var(--lav-tint);--tint-eyebrow:var(--lavender-deep);--tint-fg:var(--indigo-ink);
  --path-within-bg:var(--clay-tint);--path-within-fg:var(--clay-deep);
  --path-between-bg:var(--lav-tint);--path-between-fg:var(--lavender-deep);
  --path-around-bg:var(--sage-tint);--path-around-fg:var(--sage-deep);
  --hero-rule:var(--lavender-deep);
}
.sidebar .workspace-symbol{color:var(--indigo-ink);font-weight:500}
.card.gold{background:var(--gold-tint)}
.card.green{background:var(--sage-tint)}
.learning{background:var(--lav-tint);border-left-color:var(--lavender-deep);color:var(--indigo-ink)}
.feature-meta{font-size:12px;opacity:.85}
.home-practice{font-family:var(--serif);font-size:17px!important;line-height:1.5;color:var(--indigo)!important}

/* story-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(--lav-tint);color:var(--lavender-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(--lavender-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(--indigo);border-color:var(--indigo)}
.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}
}

/* field box */
.field-box{background:var(--sage-tint);border:0;margin-bottom:8px}
.field-box .eyebrow{color:var(--sage-deep)}
.box-list{margin:16px 0 0;padding:0;list-style:none;counter-reset:box;display:grid;gap:0}
.box-list li{counter-increment:box;display:grid;grid-template-columns:28px 1fr;gap:2px 10px;padding:12px 0;border-top:1px solid rgba(86,102,75,.22)}
.box-list li::before{content:counter(box);grid-row:span 2;font-family:var(--serif);font-size:20px;color:var(--sage-deep)}
.box-list strong{font-weight:500}
.app-shell .mobile-brand svg{color:var(--indigo)}