/* Selected chapters: an editorial career narrative, with all essential
   information visible at every width and without JavaScript. */
.career-record {
  --chapter-title: clamp(2rem, 4vw, 3rem);
  --chapter-muted-number: color-mix(in srgb, var(--spot) 35%, var(--paper));
  --chapter-wash: color-mix(in srgb, var(--spot) 7%, var(--paper));
  display: grid;
  gap: var(--space-5);
  margin-block-start: var(--section-space);
  padding-block-start: var(--space-5);
  border-block-start: 3px solid var(--spot);
  scroll-margin-block-start: calc(var(--space-7) + var(--space-4));
}
.career-intro { min-inline-size: 0; }
.career-eyebrow,
.chapter-dateline,
.chapter-current,
.career-credentials dt {
  font-family: var(--mono);
  font-size: var(--type-meta);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.career-eyebrow { color: var(--spot); }
.career-title {
  margin-block: var(--space-4);
  font-family: var(--serif);
  font-size: clamp(2.75rem, 5.5vw, 4.5rem);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.career-deck {
  max-inline-size: 25ch;
  margin-block-end: var(--space-3);
  font-family: var(--serif);
  font-size: clamp(1.375rem, 2.5vw, 1.75rem);
  line-height: 1.2;
}
.career-note { max-inline-size: 32ch; font-family: var(--sans); font-size: var(--type-support); line-height: 1.5; color: var(--ink-soft); }
.career-cv,
.chapter-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  min-block-size: 44px;
  margin-block-start: var(--space-4);
  border-block-end: 1px solid var(--spot);
  color: var(--spot);
  font-family: var(--sans);
  font-size: var(--type-support);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: color var(--motion-fast), border-color var(--motion-fast);
}
.career-cv:hover,
.chapter-link:hover { color: var(--ink); border-color: var(--ink); }
.career-record a:focus-visible { outline: 2px solid var(--spot); outline-offset: 4px; }
.career-record a:active { color: var(--spot-deep); }
.career-chapters { min-inline-size: 0; margin: 0; padding: 0; list-style: none; }
.career-chapter { padding-block: var(--space-5); border-block-start: 1px solid var(--rule); }
.career-chapter--current {
  margin-block-end: var(--space-3);
  padding: var(--space-4);
  border-block-start: 0;
  background: var(--chapter-wash);
}
.chapter-dateline { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2) var(--space-3); margin-block-end: var(--space-4); color: var(--ink-mute); }
.chapter-period { color: var(--ink); }
.chapter-layout { display: grid; grid-template-columns: minmax(0, 1fr); }
.chapter-number { display: none; }
.chapter-content { min-inline-size: 0; }
.chapter-current { display: flex; align-items: center; gap: var(--space-2); margin-block-end: var(--space-3); color: var(--spot); }
.chapter-current::before { content: ""; inline-size: var(--space-2); block-size: var(--space-2); border-radius: 50%; background: currentColor; }
.chapter-org {
  max-inline-size: 22ch;
  margin: 0;
  font-family: var(--serif);
  font-size: var(--chapter-title);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.035em;
  overflow-wrap: break-word;
  text-wrap: balance;
}
.chapter-role { margin-block: var(--space-2) var(--space-4); font-family: var(--sans); font-size: var(--type-support); font-weight: 600; line-height: 1.5; color: var(--spot); }
.chapter-copy { max-inline-size: 60ch; font-family: var(--serif); font-size: clamp(1.0625rem, 1.6vw, 1.25rem); line-height: 1.5; color: var(--ink-soft); }
.chapter-scope { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-3); margin-block-start: var(--space-4); padding-block-start: var(--space-3); border-block-start: 1px solid var(--rule); font-family: var(--sans); font-size: var(--type-meta); color: var(--ink-soft); }
.chapter-evidence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-block-start: var(--space-5); padding-block: var(--space-3); border-block: 1px solid var(--rule); }
.chapter-evidence > div { display: flex; flex-direction: column-reverse; justify-content: end; gap: var(--space-2); }
.chapter-evidence > div + div { padding-inline-start: var(--space-4); border-inline-start: 1px solid var(--rule); }
.chapter-evidence dt { max-inline-size: 24ch; font-family: var(--sans); font-size: var(--type-meta); line-height: 1.5; color: var(--ink-soft); }
.chapter-evidence dd { margin: 0; font-family: var(--serif); font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 500; line-height: 1; letter-spacing: -0.04em; color: var(--spot); }
.chapter-evidence dd span { font-size: 0.65em; }
.career-file { grid-column: 1 / -1; padding-block-start: var(--space-4); border-block-start: 1px solid var(--ink); }
.career-credentials { display: grid; margin-block-start: var(--space-4); }
.career-credentials > div { padding-block: var(--space-3); border-block-start: 1px solid var(--rule); }
.career-credentials dt { margin-block-end: var(--space-2); color: var(--ink-mute); }
.career-credentials dd { margin: 0; font-family: var(--sans); font-size: var(--type-support); line-height: 1.5; color: var(--ink-soft); }
@media (min-width: 641px) {
  .career-chapter { padding-block: var(--space-6); }
  .career-chapter--current { padding: var(--space-5); }
  .chapter-layout { grid-template-columns: var(--space-7) minmax(0, 1fr); gap: var(--space-4); }
  .chapter-number { display: block; font-family: var(--serif); font-size: 3rem; font-weight: 400; line-height: 1; color: var(--chapter-muted-number); }
  .career-credentials { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
  .career-credentials > div { border-block-start: 0; }
  .career-credentials > div + div { border-inline-start: 1px solid var(--rule); padding-inline-start: var(--space-4); }
}
@media (min-width: 1024px) {
  .career-record { grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr); column-gap: var(--space-7); row-gap: var(--space-6); padding-block-start: var(--space-6); }
  .career-intro { position: sticky; inset-block-start: calc(var(--space-7) + var(--space-4)); align-self: start; }
  .career-title { font-size: clamp(3rem, 4.5vw, 4rem); text-wrap: initial; }
  .chapter-dateline { margin-block-end: var(--space-5); }
}
@media (prefers-reduced-motion: reduce) {
  .career-record *, .career-record *::before, .career-record *::after { animation: none; transition: none; }
}
@media (forced-colors: active) {
  .career-record { --chapter-muted-number: CanvasText; --chapter-wash: Canvas; }
  .career-chapter--current { border: 1px solid CanvasText; }
  .career-record a:focus-visible { outline-color: Highlight; }
}
@media print {
  .career-record { display: block; margin-block-start: var(--space-5); }
  .career-intro { position: static; }
  .career-title { font-size: 28pt; }
  .career-chapter { break-inside: avoid; padding-block: var(--space-4); }
  .career-chapter--current { background: transparent; }
  .chapter-org { font-size: 20pt; }
  .career-cv { display: none; }
}