.vol16-war {
  --paper: #f4f3fb;
  --ink: #24213d;
  --muted: #6d6a83;
  --line: #d4d0e6;
  --violet: #6454a6;
  --orange: #e5794d;
  background: var(--paper);
}
.vol16-war main { display: flex; flex-direction: column; }
.vol16-war #headline { order: 1; }
.vol16-war #manual { order: 2; }
.vol16-war #timeline { order: 3; }
.vol16-war #risk { order: 4; }
.vol16-war #evidence { order: 5; }
.vol16-war #daily { order: 6; }
.vol16-war #closing { order: 7; }
.vol16-war .site-header { background: #37305f; }
.vol16-war .issue-row p span,
.vol16-war .section-nav a.active { color: #ffd17c; }
.vol16-war .section-nav a.active::after { background: #ffd17c; }
.vol16-war .archive-button,
.vol16-war .icon-button { border-color: rgb(255 255 255 / .32); color: #faf9ff; }
.vol16-war .portrait-hero { background: #dedcf4; }
.vol16-war .portrait-cover { border-color: var(--orange); background: #c9c6e5; }
.vol16-war .portrait-overline,
.vol16-war .portrait-byline strong { color: var(--orange); }
.vol16-war .portrait-section-intro { background: var(--violet); }
.vol16-war .portrait-section-intro h2,
.vol16-war .portrait-section-intro p { color: #faf9ff; }
.vol16-war .portrait-section-intro .section-kicker { color: #ffd17c; }
.vol16-war .portrait-roster { background: #fff7e8; }
.vol16-war .portrait-roster-grid li { border-color: #e2c98f; background: #fffdf8; }
.vol16-war .portrait-roster-grid span { color: var(--orange); }
.vol16-war .portrait-profile { background: #fffdf8; }
.vol16-war .portrait-profile .portrait-tags span { background: #f1effb; }
.vol16-war .portrait-team { background: #3d6b68; }
.vol16-war .portrait-team h2,
.vol16-war .portrait-team .portrait-evidence p { color: #f7fffd; }
.vol16-war .portrait-team .section-kicker,
.vol16-war .portrait-pipeline span { color: #ffd17c; }
.vol16-war .portrait-closing { background: #f8dfbf; }
.vol16-war .portrait-closing .submit-button { border-color: var(--ink); color: var(--ink); background: #fffdf8; }
.vol16-war .portrait-closing .submit-button:hover,
.vol16-war .portrait-closing .submit-button:focus-visible { color: #fffdf8; background: var(--ink); }
.vol16-war .vol16-timeline { background: #fbfaff; padding: 28px var(--page-padding); }
.vol16-war .vol16-timeline-list { display: grid; gap: 0; margin: 22px 0 0; padding: 0; list-style: none; }
.vol16-war .vol16-timeline-list li { display: grid; grid-template-columns: 76px 1fr; gap: 16px; padding: 16px 0; border-top: 1px solid var(--line); }
.vol16-war .vol16-timeline-list time { color: var(--orange); font: 700 11px/1.4 ui-monospace, monospace; }
.vol16-war .vol16-timeline-list strong { display: block; margin-bottom: 4px; color: var(--ink); }
.vol16-war .vol16-timeline-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
@media (max-width: 640px) { .vol16-war .vol16-timeline-list li { grid-template-columns: 62px 1fr; gap: 10px; } }

.vol16-war .portrait-hero { grid-template-columns: minmax(0, 1fr); }
.vol16-war .portrait-cover { width: 100%; }
.vol16-war .portrait-hero h1 { max-width: none; }
.vol16-war .portrait-roster-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vol16-war .portrait-roster-grid li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 8px; padding: 10px; border: 1px solid #e2c98f; border-radius: 4px; }
.vol16-war .portrait-roster-grid li span { grid-row: 1 / 3; align-self: start; }

@media (max-width: 520px) {
  .vol16-war .portrait-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vol16-war .portrait-roster-grid { grid-template-columns: 1fr; }
}