/* Phase 8a — Disposition treatment paths section (homepage)
   Adds the home-disposition-paths section styling.
   Uses --telstar-* tokens throughout. No source file edits.
*/

.home-disposition-paths {
  background: var(--telstar-color-surface, #F4F6F8);
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.home-disposition-paths__header {
  margin-bottom: 2.5rem;
}

.home-disposition-paths__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

.home-disposition-chip {
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  border-left: 4px solid transparent;
  background: #fff;
  box-shadow: 0 1px 3px rgba(11,37,69,0.07);
}

.home-disposition-chip__label {
  display: block;
  font-family: var(--telstar-font-heading, 'Inter', sans-serif);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 0.25rem;
  color: var(--telstar-color-navy, #0B2545);
}

.home-disposition-chip__desc {
  display: block;
  font-size: 0.82rem;
  color: var(--telstar-color-slate, #5C6B73);
  line-height: 1.45;
}

/* Border accent colours per disposition */
.home-disposition-chip--retain     { border-left-color: #2CA6A4; }
.home-disposition-chip--retire      { border-left-color: #5C6B73; }
.home-disposition-chip--rationalise { border-left-color: #1E5AA8; }
.home-disposition-chip--stabilise   { border-left-color: #F58A07; }
.home-disposition-chip--automate    { border-left-color: #2CA6A4; }
.home-disposition-chip--ai-assist   { border-left-color: #1E5AA8; }
.home-disposition-chip--ai-enable   { border-left-color: #0B2545; }
.home-disposition-chip--replace     { border-left-color: #F58A07; }
.home-disposition-chip--rebuild     { border-left-color: #5C6B73; }

.home-disposition-paths__note {
  font-size: 0.9rem;
  color: var(--telstar-color-slate, #5C6B73);
  border-left: 3px solid var(--telstar-color-teal, #2CA6A4);
  padding-left: 1rem;
  margin-top: 0.5rem;
  max-width: 720px;
  line-height: 1.6;
}

@media (max-width: 640px) {
  .home-disposition-paths__grid {
    grid-template-columns: 1fr 1fr;
  }
}