/* Version 2: home (five missions), skills hub, status labels. */

.mission-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.mission {
  background: #fff;
  border: 1px solid var(--border-light);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  padding: 1.5rem 1.6rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.mission .num {
  width: 2.4rem; height: 2.4rem; border-radius: 10px;
  background: var(--navy-900); color: var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 1.15rem;
}
.mission h3 { color: var(--navy-900); font-size: 1.2rem; margin: .2rem 0 0; }
.mission .promise { color: var(--navy-800); font-weight: 600; font-size: .98rem; margin: 0; }
.mission ul { color: var(--text-muted-dark); font-size: .92rem; margin: .2rem 0 .4rem; padding-left: 1.15em; }
.mission li { margin-bottom: .25rem; }
.mission .proof { margin-top: auto; padding-top: .8rem; border-top: 1px solid var(--border-light); font-size: .88rem; color: var(--text-muted-dark); }
.mission .proof strong { color: var(--navy-800); }
.mission .proof a { color: var(--navy-700); font-weight: 600; }

.status { display: inline-block; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  border-radius: 999px; padding: .15rem .55rem; background: #fbf6ea; color: var(--gold-dark); border: 1px solid #ead9ae; }
.status.live { background: #e8f5ee; color: #1b7a4a; border-color: #bfe3cf; }

.skill-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.25rem; margin-top: 1.25rem; }
.skill {
  background: #fff; border: 1px solid var(--border-light); border-radius: var(--radius); box-shadow: var(--shadow-card);
  padding: 1.35rem 1.5rem; display: flex; flex-direction: column; gap: .5rem;
}
.skill h3 { color: var(--navy-900); font-size: 1.1rem; margin: 0; }
.skill p { color: var(--text-muted-dark); font-size: .92rem; margin: 0; }
.skill .chips { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.skill .chip { font-size: .7rem; font-weight: 700; letter-spacing: .04em; color: var(--navy-700); background: var(--bg-light); border-radius: 4px; padding: .15rem .45rem; }
.skill .actions { margin-top: auto; padding-top: .6rem; display: flex; gap: .6rem; flex-wrap: wrap; }
.skill.pending { background: var(--bg-light); border-style: dashed; box-shadow: none; }

.flow-fig { border: 1px solid var(--border-light); border-radius: var(--radius); padding: 1rem; box-shadow: var(--shadow-card); overflow-x: auto; margin: 1.25rem 0; background: #fff; }
.flow-fig svg { min-width: 760px; width: 100%; height: auto; }

.cv-downloads { display: flex; gap: .75rem; flex-wrap: wrap; margin: 1.25rem 0; }

/* Qualities strip, availability line, CV profiles */
.availability { margin: 1.5rem 0 0; color: var(--navy-800); font-weight: 600; font-size: .95rem; }
.quality-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1rem; margin-top: 1rem; }
.quality { background: #fff; border-top: 3px solid var(--gold); border-radius: 6px; padding: 1rem 1.1rem; box-shadow: var(--shadow-card); }
.quality h3 { color: var(--navy-900); font-size: 1rem; margin: 0 0 .3rem; }
.quality p { color: var(--text-muted-dark); font-size: .9rem; margin: 0; }
.cv-profile { border: 1px solid var(--border-light); border-radius: var(--radius); padding: 1.1rem 1.3rem; margin: 1rem 0; background: #fff; box-shadow: var(--shadow-card); }
.cv-profile h3 { color: var(--navy-900); font-size: 1.1rem; margin: 0 0 .25rem; }
.cv-profile p { color: var(--text-muted-dark); font-size: .92rem; margin: 0; }
.cv-profile .cv-downloads { margin: .9rem 0 0; }
.cv-missions { color: var(--text-muted-dark); padding-left: 1.2em; }
.cv-missions li { margin-bottom: .4rem; }

/* Anchors (#missions) must not hide under the fixed menu */
#missions { scroll-margin-top: 90px; }