/* ──────────────────────────────────────────────────────────
   person-pages.css — the secondary pages (Talks, the three craft
   pages, 404) in the home page's direction C look. Loads after
   poster.css and re-points its colour and type variables through
   body.pg-person; the page markup is unchanged apart from the header.
   Navy ground, white ink, maize for headings, links and marks, red for
   the bands poster.css fills with --egg. System sans until Ron's custom
   faces arrive, matching assets/person.css.
   ────────────────────────────────────────────────────────── */
html body.pg-ducks.pg-person {
  --paper: #00274c; --ink: #ffffff; --blue: #ffcb05; --egg: #e3002a; --on-blue: #00274c;
  --blue-tint: #ffcb05; --blue-rule: rgba(255, 255, 255, .3); --muted: #c9d6e3;
  --soft: rgba(255, 255, 255, .06); --rule-soft: rgba(255, 255, 255, .22); --shelf: #001a33;
  --strip: #ffcb05; --strip-fg: #00274c; --band-fg: #ffffff; --np-bg: #001a33; --np-fg: #ffffff; --np-accent: #ffcb05; --alt: #001a33; --navy: #001a33;
  --a: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --t: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --pav: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  background: var(--paper); color: var(--ink); color-scheme: dark;
}
body.pg-person :focus-visible { outline: 3px solid #ffcb05; outline-offset: 3px; }
body.pg-person h1, body.pg-person h2, body.pg-person h3 { letter-spacing: -.02em; }

/* Header, the same as the home page */
.ptop { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 28px; padding: 24px var(--gut); background: var(--paper); }
.ptop__nm { font-family: var(--a); font-weight: 800; font-size: 20px; letter-spacing: -.025em; text-decoration: none; color: #fff; }
.ptop nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; font-family: var(--t); font-weight: 600; font-size: 16px; }
.ptop nav a { text-decoration: none; color: #c9d6e3; }
.ptop nav a:hover { color: #fff; }
.ptop nav a[aria-current] { color: #fff; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.ptop nav .mail { padding: 9px 16px; background: #ffcb05; color: #00274c; }
.ptop nav .mail:hover { background: #fff; color: #00274c; }

/* Type: one bold weight for headings, normal case, as on the home page.
   poster.css set Pavilion at 400 and uppercase wide titles; with the
   system stack those read thin, so every heading level is set to 800. */
html body.pg-person.pg-ducks :is(h1, h2, h3), html body.pg-person.pg-ducks .also a,
body.pg-person .c, body.pg-person .x, body.pg-person .pg-title h1,
body.pg-person .depth h3.craft__h, body.pg-person .cjl__h, body.pg-person .cjl b {
  font-family: var(--a); font-weight: 800; font-stretch: normal; font-variation-settings: normal;
  text-transform: none; letter-spacing: -.025em;
}
body.pg-person .colophon h2, body.pg-person .foot .colophon h2 { font-family: var(--m); font-weight: 600; text-transform: uppercase; letter-spacing: .12em; }
body.pg-person .pq__i blockquote p { font-family: var(--a); font-weight: 600; }

/* Red bands: white text and headings, since maize and navy are both too
   low in contrast on the red. */
html body.pg-person.pg-ducks :is(.lenses, .band--blue, .disc, .cjl, .cta, .craft, .paf, .areas, .pr-appr) { color: #fff; }
html body.pg-person.pg-ducks :is(.lenses, .band--blue, .disc, .cjl, .cta, .craft, .paf, .areas, .pr-appr) :is(h1, h2, h3, p, li, a, span, b) { color: #fff; }

/* Footer on deep navy, as on the home page */
html body.pg-person.pg-ducks .foot { background: #001a33; color: #c9d6e3; }
html body.pg-person.pg-ducks .foot a { color: #fff; }
html body.pg-person.pg-ducks .wwm :is(h2, p, a) { color: #00274c; }