/* =====================================================================
   GENERATED FILE -- DO NOT EDIT.

   Built from _source/assets/pages.css by _dev/generate/theme-assets.mjs. Edit the
   snapshot (or re-sync it from the original) and regenerate; a hand edit
   here fails the gate at commit rather than surviving to contradict its
   source.

     node _dev/sync-static-source.mjs people-skills-development      pull the original in
     node _dev/generate/theme-assets.mjs people-skills-development   rebuild this file

   The file below is the static site's stylesheet verbatim, comments and
   undefined

   NOTHING WORDPRESS-SPECIFIC GOES IN THIS FILE. Adapter rules that map
   block markup onto these components live in native-adapters.css, which
   is hand-written and loads after this one. Keeping them apart is what
   lets this copy stay diffable against the original.
   ===================================================================== */

/* =====================================================================
   People Skills Development, menu pages
   About, Courses, Contact and Resources: the pages the main menu links
   to. Loaded after site.css and pathway.css, borrowing pathway.css's
   page head (B), columns (C) and prose (D) so every inner page shares
   one reading rhythm. Built from slides 8 and 10 to 13 of Peter's deck
   of 14 September 2026, copy verbatim.

   A  Plain head       a page head with no pathway number
   B  Single column    one measure-width column for a short list
   C  Figures          About, the career numbers lifted from its copy
   D  Contact card     Contact, Peter's name, email and phone
   E  Grant panel      Contact, the Alfond Center grant funding
   F  Course index     Courses, the slide 10 flyer's two series of courses
   G  Book list        Resources, titles set as citations
   ===================================================================== */


/* ---------------------------------------------------------------------
   A  Plain head
   pathway.css lays the head out as number then title; with no number
   the title takes the whole row.
   --------------------------------------------------------------------- */
.page-head-plain .wrap { grid-template-columns: minmax(0, 1fr); }
.page-head-plain .page-sub { grid-column: 1; }


/* ---------------------------------------------------------------------
   B  Single column
   --------------------------------------------------------------------- */
.page-single { max-width: 46rem; }
.page-single > * + * { margin-top: clamp(1.75rem, 3vw, 2.5rem); }


/* ---------------------------------------------------------------------
   C  Figures (About)
   Three numbers from the About copy, set large on the paper band so the
   scale of the career reads before the prose does. The wording under
   each number is the copy's own.
   --------------------------------------------------------------------- */
.figures {
  padding-block: clamp(1.5rem, 3vw, 2.25rem);
  background: var(--c-paper);
  border-block: 1px solid var(--c-line);
}
.figures-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem clamp(1.5rem, 4vw, 3rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
.figure-num {
  display: block;
  font-family: var(--f-display);
  font-size: clamp(2.2rem, 4.5vw, 3.2rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--c-navy);
  font-variant-numeric: tabular-nums;
}
.figure-label {
  display: block;
  margin-top: .45rem;
  color: var(--c-muted);
  line-height: 1.4;
  text-wrap: pretty;
}
@media (max-width: 640px) {
  .figures-list { grid-template-columns: minmax(0, 1fr); }
}


/* ---------------------------------------------------------------------
   D  Contact card (Contact)
   Each line is a whole-row link at least 44px tall, with the slide's
   envelope and phone marks drawn as inline SVG in cyan.
   --------------------------------------------------------------------- */
.contact-card {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: var(--radius);
  background: var(--c-navy-ink);
  color: var(--c-white);
}
.page-col .contact-card h2 {
  margin: 0 0 1rem;
  color: var(--c-white);
}
.contact-lines { margin: 0; padding: 0; list-style: none; }
.contact-line {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 44px;
  font-size: clamp(1.05rem, 1.6vw, 1.2rem);
  color: var(--c-white);
  text-decoration: none;
  overflow-wrap: anywhere;
}
a.contact-line:hover { text-decoration: underline; text-underline-offset: .2em; }
.contact-line svg { flex: none; width: 22px; height: 22px; color: var(--c-cyan); }
.contact-lines li + li { border-top: 1px solid rgba(255, 255, 255, .14); }
.contact-register { margin-top: 1.25rem; }
.contact-register .btn { width: 100%; justify-content: center; }


/* ---------------------------------------------------------------------
   E  Grant panel (Contact)
   The grant bullets on the pale sky ground. The three named Alfond
   Center links have no address yet; see COPY-NOTES.md.
   --------------------------------------------------------------------- */
.grant-panel {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: var(--radius);
  background: var(--c-sky-soft);
  border: 1px solid var(--c-sky);
}
.grant-panel a { color: var(--c-navy); font-weight: 700; text-underline-offset: .2em; }


/* ---------------------------------------------------------------------
   F  Course index (Courses)
   The course flyer on slide 10: a credentials band, then two series of
   course groups. Groups in the pathway series open with their step's
   number in its family colour (the same colours as pathway.css block A)
   and link to the step's page; the second series' groups have no step
   and fall back to navy. Two groups a row on wide screens, and the
   leadership group spans both so its two workshop outlines sit side by
   side.
   --------------------------------------------------------------------- */
.stage-assessment { --stage: #4a3f9c; }
.stage-leaders    { --stage: #0d7a72; }
.stage-people     { --stage: #1058aa; }

/* Credentials band: the funding line takes the wide first track */
.courses-facts {
  padding-block: 1rem;
  background: var(--c-paper);
  border-block: 1px solid var(--c-line);
}
.courses-facts-list {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
  gap: .75rem clamp(1.25rem, 3vw, 2.5rem);
  align-items: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--c-muted);
  font-size: .95rem;
  line-height: 1.45;
}
.courses-facts-list strong { color: var(--c-navy-deep); }
@media (max-width: 760px) {
  .courses-facts-list { grid-template-columns: minmax(0, 1fr); }
}

.course-series + .course-series { margin-top: clamp(3rem, 6vw, 4.5rem); }
.course-series-kicker {
  margin: 0 0 .3rem;
  font-family: var(--f-display);
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--c-muted);
}
.course-series-title {
  margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem);
  font-family: var(--f-display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--c-navy);
  text-wrap: balance;
}
.course-series-intro {
  max-width: 44rem;
  margin: -.75rem 0 clamp(1.25rem, 2.5vw, 1.75rem);
  font-family: var(--f-display);
  font-size: clamp(1.1rem, 1.8vw, 1.3rem);
  font-style: italic;
  line-height: 1.3;
  color: var(--c-muted);
  text-wrap: pretty;
}

.course-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem) clamp(2rem, 5vw, 4.5rem);
}
.course-group-wide { grid-column: 1 / -1; }
.course-group {
  padding-top: 1rem;
  border-top: 3px solid var(--stage, var(--c-navy));
}
.course-group-step {
  display: flex;
  align-items: baseline;
  gap: .6rem;
  margin: 0 0 .35rem;
  font-family: var(--f-display);
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--c-muted);
}
.course-group-num { color: var(--stage, var(--c-navy)); font-size: 1.15rem; }
.course-group h3 {
  margin: 0 0 1rem;
  font-family: var(--f-display);
  font-size: clamp(1.3rem, 2vw, 1.55rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-navy-deep);
  text-wrap: balance;
}
.course-group .course-list > li { padding-bottom: .7rem; border-bottom: 1px solid var(--c-line); }
.course-group .course-list > li:last-child { border-bottom: 0; padding-bottom: 0; }
.course-name-inline { color: var(--c-navy-deep); }
.course-length { display: block; margin-top: .15rem; color: var(--c-muted); font-size: .92rem; }
.course-detail { display: block; margin-top: .4rem; font-size: .95rem; line-height: 1.5; }

/* The two leadership workshops: name, length and tag, then the outline */
.workshops {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem clamp(2rem, 5vw, 4.5rem);
}
.workshop-name {
  margin: 0;
  font-family: var(--f-display);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-navy-deep);
}
.workshop-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .3rem .6rem;
  margin: 0 0 .9rem;
}
.workshop-meta .course-length { display: inline; margin: 0; }
.workshop-tag {
  padding: .1rem .55rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--stage, var(--c-navy)) 12%, white);
  color: var(--stage, var(--c-navy));
  font-size: .85rem;
  font-weight: 700;
}
@media (max-width: 760px) {
  .workshops { grid-template-columns: minmax(0, 1fr); }
}
.course-group-more {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: .5rem;
  color: var(--c-navy);
  font-weight: 700;
  text-underline-offset: .2em;
}
.courses-register {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .9rem 1.25rem;
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  padding: 1.1rem 1.25rem;
  border-radius: var(--radius);
  background: var(--c-navy-ink);
  color: var(--c-white);
}
.courses-register p {
  margin: 0;
  font-family: var(--f-display);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 900px) {
  .course-groups { grid-template-columns: minmax(0, 1fr); }
}


/* ---------------------------------------------------------------------
   G  Book list (Resources)
   The copy runs title and author together, so only the titles are
   marked, as <cite>, and set in the display face.
   --------------------------------------------------------------------- */
.book-list > li { font-size: 1.05rem; line-height: 1.5; }
.book-list cite {
  font-family: var(--f-display);
  font-size: 1.15em;
  font-style: normal;
  font-weight: 700;
  color: var(--c-navy-deep);
}
/* Each title is a link to the book's Amazon listing. The underline marks
   it as a link, so colour is not the only signal. */
.book-link {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}
.book-link:hover { text-decoration-thickness: 2px; }
.book-link:hover cite { color: var(--c-navy); }