.portrait-issue {
  --paper: #f4f1e9;
  --ink: #18201d;
  --muted: #626a65;
  --line: #cbc9c0;
  --coral: #bc4c45;
  --green: #234e3f;
  --yellow: #d6a52e;
  --blue: #427f9b;
  background: #f4f1e9;
}

.portrait-volume-two {
  --paper: #fff8ef;
  --ink: #233334;
  --muted: #65716f;
  --line: #dfcec0;
  --coral: #f04462;
  --green: #12966f;
  --yellow: #dd9700;
  --blue: #216fd0;
  background: #fff8ef;
}

body.portrait-volume-two .site-header {
  background: rgb(20 103 90 / 0.97);
}

body.portrait-volume-two .issue-row p span,
body.portrait-volume-two .section-nav a.active {
  color: #ffe76f;
}

.portrait-volume-two .portrait-overline,
.portrait-volume-two .portrait-byline strong {
  color: #d9365b;
}

body.portrait-volume-two .section-nav a.active::after {
  background: #ffe76f;
}

body.portrait-volume-two .submit-button {
  border-color: #ffb48d;
  color: #ffe0d0;
}

.portrait-volume-two .portrait-hero {
  background: #ffe36e;
}

.portrait-volume-two .portrait-cover {
  border-color: #df644c;
  background: #ffad78;
}

.portrait-volume-two .portrait-roster {
  background: #fff0f5;
}

.portrait-volume-two .portrait-closing {
  background: #fff1dc;
}

.portrait-volume-two .portrait-section-intro {
  background: #276dcc;
}

.portrait-volume-two .portrait-team {
  background: #e84e69;
}

.portrait-volume-two footer {
  background: #15544c;
}

.portrait-volume-two .portrait-section-intro .section-kicker,
.portrait-volume-two .portrait-team .section-kicker,
.portrait-volume-two .portrait-team .edition-stamp,
.portrait-volume-two .portrait-pipeline span {
  color: #fff077;
}

.portrait-volume-two .portrait-profile:nth-of-type(4n + 1) {
  background: #fff8df;
}

.portrait-volume-two .portrait-profile:nth-of-type(4n + 2) {
  background: #eaf6ff;
}

.portrait-volume-two .portrait-profile:nth-of-type(4n + 3) {
  background: #fff0f5;
}

.portrait-volume-two .portrait-profile:nth-of-type(4n) {
  background: #eaf9ef;
}

.portrait-volume-two .portrait-ranking {
  background: #ede7ff;
}

.portrait-volume-two .portrait-profile.accent-coral {
  --profile-accent: #f04462;
}

.portrait-volume-two .portrait-profile.accent-blue {
  --profile-accent: #216fd0;
}

.portrait-volume-two .portrait-profile.accent-yellow {
  --profile-accent: #cf8500;
}

.portrait-volume-two .portrait-profile.accent-green {
  --profile-accent: #12966f;
}

.portrait-volume-two .portrait-profile.accent-red {
  --profile-accent: #d93673;
}

.portrait-volume-three {
  --paper: #faf7ff;
  --ink: #291832;
  --muted: #6b5f72;
  --line: #d8cae2;
  --coral: #c83f69;
  --green: #147d70;
  --yellow: #bd7c00;
  --blue: #3568ba;
  background: #faf7ff;
}

body.portrait-volume-three .site-header {
  background: rgb(75 35 94 / 0.97);
}

body.portrait-volume-three .issue-row p span,
body.portrait-volume-three .section-nav a.active {
  color: #ffd55f;
}

body.portrait-volume-three .section-nav a.active::after {
  background: #ffd55f;
}

body.portrait-volume-three .archive-button,
body.portrait-volume-three .icon-button {
  border-color: rgb(255 255 255 / 0.3);
  color: #f5eaff;
}

body.portrait-volume-three .submit-button {
  border-color: #f0a4ba;
  color: #ffe7ef;
}

.portrait-volume-three .portrait-hero {
  background: #dcc8ef;
}

.portrait-volume-three .portrait-cover {
  border-color: #684079;
  color: #4a2b58;
  background: #c9b8d6;
}

.portrait-volume-three .portrait-overline,
.portrait-volume-three .portrait-byline strong,
.portrait-volume-three .portrait-reading-notes strong {
  color: #9d2855;
}

.portrait-volume-three .portrait-overline b {
  border-color: #9d2855;
}

.portrait-volume-three .portrait-byline,
.portrait-volume-three .portrait-metrics > div {
  border-color: #b99fca;
}

.portrait-volume-three .portrait-metrics {
  border-color: #4b235e;
}

.portrait-volume-three .portrait-roster {
  background: #f0e5fa;
}

.portrait-volume-three .portrait-roster-grid a {
  border-color: #cab4da;
  background: rgb(255 255 255 / 0.62);
}

.portrait-volume-three .portrait-section-intro {
  background: #5f2b83;
}

.portrait-volume-three .portrait-section-intro .section-kicker,
.portrait-volume-three .portrait-team .section-kicker,
.portrait-volume-three .portrait-team .edition-stamp,
.portrait-volume-three .portrait-pipeline span {
  color: #ffd55f;
}

.portrait-volume-three .portrait-profile:nth-of-type(4n + 1) { background: #fff5f8; }
.portrait-volume-three .portrait-profile:nth-of-type(4n + 2) { background: #f1edff; }
.portrait-volume-three .portrait-profile:nth-of-type(4n + 3) { background: #eaf8f5; }
.portrait-volume-three .portrait-profile:nth-of-type(4n) { background: #fff8df; }

.portrait-volume-three .portrait-team {
  background: #3e2858;
}

.portrait-volume-three .portrait-ranking {
  background: #f7e7ae;
}

.portrait-volume-three .portrait-ranking-list li {
  border-color: #d2bd75;
}

.portrait-volume-three .portrait-closing {
  background: #f8e3ec;
}

.portrait-volume-three footer {
  background: #382044;
}

.portrait-volume-three .footer-share {
  padding: 0;
  border: 0;
  color: #ffd55f;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.portrait-archive {
  --paper: #f7fbff;
  --ink: #172432;
  --muted: #536579;
  --line: #b8d8e7;
  --coral: #f36b21;
  --green: #168a3b;
  --yellow: #d78700;
  --blue: #087faf;
  background: #f7fbff;
}

body.portrait-archive .site-header {
  background: rgb(23 36 50 / 0.97);
}

body.portrait-archive .issue-row p span,
body.portrait-archive .section-nav a.active {
  color: #67f05b;
}

body.portrait-archive .section-nav a.active::after {
  background: #67f05b;
}

body.portrait-archive .archive-button {
  border-color: #36bde8;
  color: #dff8ff;
}

.portrait-archive .portrait-hero {
  background: #cdefff;
}

.portrait-archive .portrait-cover {
  border-color: #172432;
  color: #172432;
  background: #ff9a52;
}

.portrait-archive .portrait-overline,
.portrait-archive .portrait-byline strong,
.portrait-archive .portrait-reading-notes strong {
  color: #b83d0e;
}

.portrait-archive .portrait-overline b {
  border-color: #b83d0e;
}

.portrait-archive .portrait-hero-copy > p,
.portrait-archive .portrait-byline {
  color: #40566b;
}

.portrait-archive .portrait-byline {
  border-color: #91c9df;
}

.portrait-archive .portrait-metrics {
  border-color: #172432;
}

.portrait-archive .portrait-metrics > div {
  border-color: #91c9df;
}

.portrait-archive .portrait-roster {
  background: #fff3c9;
}

.portrait-archive .portrait-roster-grid a {
  border-color: #efc55d;
  background: rgb(255 255 255 / 0.62);
}

.portrait-archive .portrait-section-intro {
  background: #c94f18;
}

.portrait-archive .portrait-section-intro .section-kicker {
  color: #fff;
}

.portrait-archive .portrait-section-intro > p:last-child {
  color: #fff;
}

.portrait-archive .portrait-profiles {
  display: flex;
  flex-direction: column;
}

.portrait-archive #person-09 { order: 1; }
.portrait-archive #person-03 { order: 2; }
.portrait-archive #person-01 { order: 3; }
.portrait-archive #person-07 { order: 4; }
.portrait-archive #person-04 { order: 5; }
.portrait-archive #person-02 { order: 6; }
.portrait-archive #person-08 { order: 7; }
.portrait-archive #person-05 { order: 8; }
.portrait-archive #person-10 { order: 9; }
.portrait-archive #person-06 { order: 10; }

.portrait-archive .portrait-profile:nth-of-type(4n + 1) {
  background: #fff7d9;
}

.portrait-archive .portrait-profile:nth-of-type(4n + 2) {
  background: #e8f8ff;
}

.portrait-archive .portrait-profile:nth-of-type(4n + 3) {
  background: #f2efff;
}

.portrait-archive .portrait-profile:nth-of-type(4n) {
  background: #ecffe8;
}

.portrait-archive .portrait-profile.accent-coral {
  --profile-accent: #b94712;
}

.portrait-archive .portrait-profile.accent-blue {
  --profile-accent: #066b94;
}

.portrait-archive .portrait-profile.accent-yellow {
  --profile-accent: #8d5400;
}

.portrait-archive .portrait-profile.accent-green {
  --profile-accent: #0f7130;
}

.portrait-archive .portrait-profile.accent-red {
  --profile-accent: #b92745;
}

.portrait-archive .portrait-bio,
.portrait-archive .portrait-profile blockquote,
.portrait-archive .portrait-verdict {
  color: #354b5d;
}

.portrait-archive .portrait-team {
  background: #066b94;
}

.portrait-archive .portrait-team .section-kicker,
.portrait-archive .portrait-team .edition-stamp,
.portrait-archive .portrait-pipeline span {
  color: #b9ff62;
}

.portrait-archive .portrait-team-lead,
.portrait-archive .portrait-pipeline p {
  color: #f7fcff;
}

.portrait-archive .portrait-ranking {
  background: #dff5ff;
}

.portrait-archive .portrait-ranking-list li {
  border-color: #9bcfe3;
}

.portrait-archive .portrait-closing {
  background: #fff0df;
}

.portrait-archive footer {
  background: #172432;
}

.portrait-archive .submit-button {
  display: none;
}

.portrait-issue .site-header {
  border-color: rgb(255 255 255 / 0.14);
  color: #f7f4ec;
  background: rgb(24 35 31 / 0.96);
}

.portrait-issue .archive-button,
.portrait-issue .icon-button {
  border-color: rgb(255 255 255 / 0.26);
  color: rgb(255 255 255 / 0.76);
}

.portrait-issue .issue-row p,
.portrait-issue .section-nav a {
  color: rgb(255 255 255 / 0.62);
}

.portrait-issue .issue-row p span,
.portrait-issue .section-nav a.active {
  color: #e6b94f;
}

.portrait-issue .issue-row p b {
  border-color: rgb(255 255 255 / 0.2);
  color: #dce8df;
}

.portrait-issue .section-nav a.active::after {
  background: #e6b94f;
}

.portrait-issue .submit-button {
  border-color: #d87362;
  color: #f0a394;
}

.portrait-issue .section-kicker {
  letter-spacing: 0;
}

.portrait-hero {
  display: grid;
  gap: 22px;
  background: #e7e1d5;
}

.portrait-cover {
  width: 50%;
  aspect-ratio: 1.42;
  justify-self: center;
  border-color: #9a9c96;
  border-radius: 4px;
  background: #cfd1cb;
}

.portrait-hero-copy {
  min-width: 0;
}

.portrait-overline,
.portrait-byline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.portrait-overline {
  color: #a43f3b;
  font-family: ui-monospace, "SFMono-Regular", monospace;
  font-size: 10px;
  font-weight: 850;
}

.portrait-overline b {
  padding: 4px 6px;
  border: 1px solid #a43f3b;
  font-family: inherit;
  font-weight: 750;
}

.portrait-hero h1 {
  max-width: 15ch;
  margin: 13px 0 12px;
  font-size: 31px;
  line-height: 1.18;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.portrait-hero-copy > p {
  margin: 0;
  color: #4f5752;
  font-size: 14px;
  line-height: 1.75;
}

.portrait-byline {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #c2bbae;
  color: #687069;
  font-size: 11px;
}

.portrait-byline strong {
  color: #a43f3b;
  font-family: Georgia, serif;
}

.portrait-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 2px solid var(--ink);
  border-bottom: 1px solid #bdb9af;
}

.portrait-metrics > div {
  min-width: 0;
  padding: 13px 8px 12px;
  border-right: 1px solid #bdb9af;
}

.portrait-metrics > div:last-child {
  border-right: 0;
}

.portrait-metrics strong,
.portrait-metrics span {
  display: block;
}

.portrait-metrics strong {
  font-family: Georgia, serif;
  font-size: 24px;
  line-height: 1;
}

.portrait-metrics strong.long-metric {
  font-size: 18px;
}

.portrait-metrics span {
  margin-top: 6px;
  color: var(--muted);
  font-size: 10px;
}

.portrait-reading-notes {
  display: grid;
  gap: 9px;
}

.portrait-reading-notes p {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
}

.portrait-reading-notes strong {
  color: #a43f3b;
}

.portrait-reading-notes span {
  color: var(--muted);
}

.portrait-roster {
  background: #f6f3ec;
}

.portrait-roster-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.portrait-roster-grid li {
  min-width: 0;
}

.portrait-roster-grid a {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  min-height: 76px;
  align-content: center;
  gap: 2px 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: rgb(255 255 255 / 0.42);
}

.portrait-roster-grid a:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 2px;
}

.portrait-roster-grid span {
  grid-row: 1 / 3;
  align-self: center;
  color: var(--coral);
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: italic;
}

.portrait-roster-grid strong,
.portrait-roster-grid small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.portrait-roster-grid strong {
  font-size: 13px;
  line-height: 1.3;
}

.portrait-roster-grid small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.portrait-section-intro {
  background: #18231f;
  color: #f7f4ec;
}

.portrait-section-intro .section-kicker {
  color: #e6b94f;
}

.portrait-section-intro h2 {
  margin: 0;
  font-size: 25px;
}

.portrait-section-intro > p:last-child {
  max-width: 47em;
  margin: 10px 0 0;
  color: rgb(255 255 255 / 0.64);
  font-size: 12px;
  line-height: 1.65;
}

.portrait-profile {
  --profile-accent: #bc4c45;
  padding: 28px 0 22px;
  border-top: 4px solid var(--profile-accent);
  border-bottom: 1px solid var(--line);
  background: #f4f1e9;
}

.portrait-profile:nth-of-type(even) {
  background: #eceae3;
}

.portrait-profile.accent-coral { --profile-accent: #bc4c45; }
.portrait-profile.accent-blue { --profile-accent: #347894; }
.portrait-profile.accent-yellow { --profile-accent: #b4871f; }
.portrait-profile.accent-green { --profile-accent: #31674f; }
.portrait-profile.accent-red { --profile-accent: #913e4a; }

.portrait-profile-inner {
  padding: 0 var(--page-padding);
}

.portrait-profile-inner::after {
  display: block;
  clear: both;
  content: "";
}

.portrait-photo {
  float: left;
  width: 35.355%;
  aspect-ratio: 0.8;
  margin: 0 14px 12px 0;
  border-color: #8c8d88;
  border-radius: 4px;
  background: #d1d2cd;
}

.portrait-profile-copy {
  min-width: 0;
}

.portrait-fileline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--profile-accent);
  font-family: ui-monospace, "SFMono-Regular", monospace;
  font-size: 9px;
}

.portrait-fileline b {
  min-width: 0;
  color: var(--muted);
  font-weight: 650;
  text-align: right;
}

.portrait-profile h3 {
  margin: 9px 0 2px;
  font-size: 26px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.portrait-role {
  margin: 0;
  color: var(--profile-accent);
  font-family: "Kaiti SC", "STKaiti", serif;
  font-size: 16px;
  font-weight: 700;
}

.portrait-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 13px;
}

.portrait-tags span {
  padding: 4px 6px;
  border: 1px solid #cbc9c0;
  border-radius: 3px;
  color: var(--profile-accent);
  font-size: 9px;
}

.portrait-bio {
  margin: 17px 0 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
  color: #48504b;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.75;
}

.portrait-evidence {
  display: grid;
  gap: 11px;
  padding: 16px 0;
}

.portrait-evidence p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.75;
}

.portrait-evidence strong {
  color: var(--ink);
}

.portrait-profile blockquote,
.portrait-team blockquote {
  margin: 0;
  padding: 12px 14px;
  border-left: 3px solid var(--profile-accent);
  color: #49504c;
  background: rgb(255 255 255 / 0.52);
  font-family: "Kaiti SC", "STKaiti", serif;
  font-size: 13px;
  line-height: 1.7;
}

.portrait-verdict {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 10px;
  margin: 14px 0 0;
  color: #414943;
  font-size: 11px;
  line-height: 1.6;
}

.portrait-verdict span {
  color: var(--profile-accent);
  font-weight: 850;
}

.portrait-profile > .reader-reactions {
  --reaction-color: #6c716c;
  --reaction-soft: rgb(108 113 108 / 0.08);
  --reaction-ring: rgb(108 113 108 / 0.15);
  margin: 10px var(--page-padding) 0 auto;
}

.portrait-team {
  color: #f4f1e9;
  background: #18231f;
}

.portrait-team .section-kicker,
.portrait-team .edition-stamp {
  color: #e6b94f;
}

.portrait-team-lead {
  max-width: 40em;
  margin: -2px 0 20px;
  color: rgb(255 255 255 / 0.66);
  font-size: 13px;
  line-height: 1.7;
}

.portrait-pipeline {
  border-top: 1px solid rgb(255 255 255 / 0.2);
}

.portrait-pipeline > div {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 4px 12px;
  padding: 15px 0;
  border-bottom: 1px solid rgb(255 255 255 / 0.18);
}

.portrait-pipeline span {
  grid-row: 1 / 3;
  color: #e6b94f;
  font-family: ui-monospace, "SFMono-Regular", monospace;
  font-size: 9px;
}

.portrait-pipeline strong {
  font-size: 13px;
}

.portrait-pipeline p {
  margin: 0;
  color: rgb(255 255 255 / 0.57);
  font-size: 11px;
  line-height: 1.55;
}

.portrait-team blockquote {
  --profile-accent: #e6b94f;
  margin-top: 20px;
  color: #f4f1e9;
  background: rgb(255 255 255 / 0.06);
}

.portrait-team > .reader-reactions {
  --reaction-color: rgb(230 185 79 / 0.68);
  --reaction-soft: rgb(230 185 79 / 0.08);
  --reaction-ring: rgb(230 185 79 / 0.14);
}

.portrait-ranking {
  background: #e5ddd0;
}

.portrait-ranking-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.portrait-ranking-list li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 52px;
  align-items: center;
  gap: 9px;
  min-height: 52px;
  border-top: 1px solid #bdb6aa;
}

.portrait-ranking-list > li > span {
  color: var(--coral);
  font-family: Georgia, serif;
  font-style: italic;
}

.portrait-ranking-list div {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.portrait-ranking-list strong {
  overflow-wrap: anywhere;
  font-size: 12px;
}

.portrait-ranking-list i {
  display: block;
  width: var(--score);
  height: 3px;
  background: var(--bar-color, var(--coral));
}

.portrait-ranking-list li:nth-child(3n + 2) { --bar-color: var(--blue); }
.portrait-ranking-list li:nth-child(3n) { --bar-color: var(--green); }
.portrait-ranking-list li.score-100 { --score: 100%; }
.portrait-ranking-list li.score-86 { --score: 86%; }
.portrait-ranking-list li.score-72 { --score: 72%; }
.portrait-ranking-list li.score-66 { --score: 66%; }
.portrait-ranking-list li.score-44 { --score: 44%; }
.portrait-ranking-list li.score-42 { --score: 42%; }
.portrait-ranking-list li.score-41 { --score: 41%; }
.portrait-ranking-list li.score-37 { --score: 37%; }
.portrait-ranking-list li.score-25 { --score: 25%; }
.portrait-ranking-list li.score-10 { --score: 10%; }
.portrait-ranking-list li.score-74 { --score: 74%; }
.portrait-ranking-list li.score-70 { --score: 70%; }
.portrait-ranking-list li.score-67 { --score: 67%; }
.portrait-ranking-list li.score-47 { --score: 47%; }
.portrait-ranking-list li.score-11 { --score: 11%; }
.portrait-ranking-list li.score-6 { --score: 6%; }
.portrait-ranking-list li.score-84 { --score: 84%; }
.portrait-ranking-list li.score-83 { --score: 83%; }
.portrait-ranking-list li.score-45 { --score: 45%; }
.portrait-ranking-list li.score-32 { --score: 32%; }
.portrait-ranking-list li.score-20 { --score: 20%; }
.portrait-ranking-list li.score-3 { --score: 3%; }
.portrait-ranking-list li.score-observed { --score: 2%; }

.portrait-ranking-list b {
  color: #59615c;
  font-family: ui-monospace, "SFMono-Regular", monospace;
  font-size: 10px;
  text-align: right;
}

.portrait-closing {
  padding-top: 48px;
  padding-bottom: 52px;
  text-align: center;
  background: #f4f1e9;
}

.portrait-closing h2 {
  max-width: 14ch;
  margin: 12px auto 14px;
  font-size: 29px;
  line-height: 1.25;
}

.portrait-closing > p:not(.section-kicker) {
  max-width: 42em;
  margin: 0 auto 24px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
}

.portrait-issue footer {
  color: rgb(255 255 255 / 0.6);
  background: #18231f;
}

@media (min-width: 760px) {
  .portrait-hero,
  .portrait-roster,
  .portrait-section-intro,
  .portrait-team,
  .portrait-ranking,
  .portrait-closing,
  .portrait-issue footer {
    padding-right: max(var(--page-padding), calc((100% - 980px) / 2));
    padding-left: max(var(--page-padding), calc((100% - 980px) / 2));
  }

  .portrait-hero {
    grid-template-columns: minmax(0, 0.525fr) minmax(0, 1.475fr);
    align-items: start;
  }

  .portrait-cover {
    width: 100%;
    grid-row: 1 / 4;
  }

  .portrait-reading-notes {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .portrait-roster-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .portrait-roster-grid a {
    grid-template-columns: 1fr;
    min-height: 106px;
  }

  .portrait-roster-grid span {
    grid-row: auto;
  }

  .portrait-profile-inner {
    max-width: 980px;
    margin: 0 auto;
  }

  .portrait-photo {
    width: 12.12%;
    margin-right: 22px;
  }

  .portrait-profile:nth-of-type(even) .portrait-photo {
    float: right;
    margin-right: 0;
    margin-left: 22px;
  }

  .portrait-profile > .reader-reactions {
    margin-right: max(var(--page-padding), calc((100% - 980px) / 2));
  }

  .portrait-pipeline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .portrait-pipeline > div:nth-child(odd) {
    padding-right: 22px;
    border-right: 1px solid rgb(255 255 255 / 0.18);
  }

  .portrait-pipeline > div:nth-child(even) {
    padding-left: 22px;
  }
}

@media (max-width: 390px) {
  .portrait-issue .masthead {
    font-size: 29px;
  }

  .portrait-issue .archive-button span {
    display: none;
  }

  .portrait-hero h1 {
    font-size: 29px;
  }

  .portrait-roster-grid a {
    min-height: 82px;
  }

  .portrait-fileline {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .portrait-fileline b {
    text-align: left;
  }
}