.pghead {
  background: var(--c-paper);
  padding-block: clamp(48px, 6vw, 80px);
}
.pghead__in {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--gutter);
  align-items: start;
}
.pghead__main { grid-column: 1 / span 7; }
.pghead__main:only-child,
.pghead__meta:only-child { grid-column: 1 / span 12; }

@media (min-width: 1024px) {
  .pghead__in.is-swapped .pghead__main,
  .pghead__in.is-swapped .pghead__meta { grid-row: 1; }
  .pghead__in.is-swapped .pghead__main { grid-column: 6 / span 7; }
  .pghead__in.is-swapped .pghead__meta { grid-column: 1 / span 4; }
  .pghead__in.is-swapped .pghead__main:only-child,
  .pghead__in.is-swapped .pghead__meta:only-child { grid-column: 1 / span 12; }
}
.pghead__title {
  margin-top: var(--sp-4);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-h2);
}
.pghead__lede { margin-top: var(--sp-5); max-width: 60ch; }
.pghead__main:only-child .pghead__lede { max-width: none; }

.pghead__meta {
  grid-column: 9 / span 4;
  border: var(--bw-hair) solid var(--c-line);
}
.pghead__meta > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--sp-4);
  padding: 13px 18px;
}
.pghead__meta > div + div { border-top: var(--bw-hair) solid var(--c-line); }
.pghead__meta dt {
  flex: none;
  font-family: var(--ff-mono);
  font-size: var(--fs-mono);
  letter-spacing: var(--ls-mono);
  color: var(--c-muted);
}
.pghead__meta dd {
  font-size: var(--fs-xs);
  line-height: 1.5;
  color: var(--c-ink);
  text-align: right;
}
.pghead__meta dd:only-child { text-align: left; }

@media (min-width: 1024px) {
  .pghead__in:has(.section-tag) .pghead__meta { margin-top: calc(24px + var(--sp-4)); }
}

@media (max-width: 1023px) {
  .pghead__main { grid-column: 1 / span 12; }
  .pghead__meta { grid-column: 1 / span 12; margin-top: var(--sp-7); max-width: 520px; }
}
@media (max-width: 599px) {
  .pghead__meta > div { flex-direction: column; gap: var(--sp-1); }
  .pghead__meta dd { text-align: left; }
}

.pghead--qa .pghead__title {
  font-family: var(--ff-body);
  font-weight: var(--fw-semi);
  font-size: var(--fs-h3);
  line-height: 1.35;
  letter-spacing: 0;
  max-width: 26ch;
}


.pillrow {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  align-items: center;
}

.about-split {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--gutter);
  align-items: start;
}
.about-split__main { grid-column: 1 / span 7; }
.about-split__side { grid-column: 9 / span 4; }

.about-split__main:only-child,
.about-split__side:only-child { grid-column: 1 / span 12; }

@media (min-width: 1024px) {
  .about-split.is-swapped .about-split__main,
  .about-split.is-swapped .about-split__side { grid-row: 1; }
  .about-split.is-swapped .about-split__main { grid-column: 6 / span 7; }
  .about-split.is-swapped .about-split__side { grid-column: 1 / span 4; }
  .about-split.is-swapped .about-split__main:only-child,
  .about-split.is-swapped .about-split__side:only-child { grid-column: 1 / span 12; }
}

.about-heading {
  margin-top: var(--sp-4);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  letter-spacing: var(--ls-h3);
  max-width: 24ch;
}

.about-prose p {
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--c-muted);
  max-width: 64ch;
}
.about-prose p + p { margin-top: var(--sp-5); }

.about-split__main:only-child .about-heading,
.about-split__main:only-child .about-prose p,
.about-split__main:only-child .process__d,
.about-split__main:only-child .process__t,
.about-split__main:only-child .field__help,
.about-split__main:only-child .timeline__d,
.about-split__main:only-child .measure,
.about-split__side:only-child .about-heading,
.about-split__side:only-child .about-prose p,
.about-split__side:only-child .process__d,
.about-split__side:only-child .process__t,
.about-split__side:only-child .field__help,
.about-split__side:only-child .timeline__d,
.about-split__side:only-child .measure { max-width: none; }

.measure { max-width: 74ch; }
.measure--narrow { max-width: 64ch; }
.provenance.measure { max-width: 620px; }
.about-split__main:only-child .provenance.measure,
.about-split__side:only-child .provenance.measure { max-width: none; }

@media (max-width: 1023px) {
  .about-split__main, .about-split__side { grid-column: 1 / span 12; }
  .about-split__side { margin-top: var(--sp-8); }
}
@media (max-width: 599px) {
  .about-prose p { font-size: 16px; line-height: 1.75; }
}

.about-figure--portrait { aspect-ratio: 4 / 5; border: var(--bw-hair) solid var(--c-line); }
.about-figure--landscape { aspect-ratio: 3 / 2; border: var(--bw-hair) solid var(--c-line); }

@media (max-width: 1023px) {
  .about-figure--portrait, .about-figure--landscape { max-width: 520px; }
}
@media (max-width: 599px) {
  .about-figure--portrait { aspect-ratio: 3 / 2; max-width: none; }
  .about-figure--landscape { max-width: none; }

  .about-figure--portrait .measure-v, .about-figure--landscape .measure-v { display: none; }
}

.skill-cell { min-height: 340px; padding: 32px; }
.skill-cell .cell__body { margin-top: var(--sp-5); }
.skill-cell__text {
  --prose-gap: var(--sp-4);
  margin-top: var(--sp-3);
  font-size: var(--fs-sm);
  line-height: 1.62;
  color: var(--c-muted);
}

.provenance {
  margin-top: var(--sp-6);
  padding-top: var(--sp-4);
  border-top: var(--bw-hair) solid var(--c-line);
  display: grid;
  grid-template-columns: 118px 1fr;
  column-gap: var(--sp-4);
  row-gap: 10px;
}
.provenance dt {
  font-family: var(--ff-mono);
  font-size: var(--fs-mono-sm);
  letter-spacing: var(--ls-mono);
  color: var(--c-muted);
  padding-top: 2px;
}
.provenance dd {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--c-ink);
}

.provenance dt { grid-column: 1; }
.provenance dd { grid-column: 2; }
.provenance dd:first-child,
.provenance dd + dd { grid-column: 1 / -1; }
.provenance dt:last-child,
.provenance dt:has(+ dt) { grid-column: 1 / -1; }
.provenance a {
  color: var(--c-brand);
  text-decoration: none;
  border-bottom: var(--bw-hair) solid var(--c-line-strong);
}
.provenance a:hover { color: var(--c-action); border-bottom-color: var(--c-action); }

.skill-grid__photo, .wire__photo { position: relative; min-height: 340px; }
.skill-grid__photo > .fig, .wire__photo > .fig { position: absolute; inset: 0; }

@media (max-width: 1023px) {
  .skill-cell { padding: 24px; }
  .skill-cell .cell__title { font-size: 19px; }
  .provenance { grid-template-columns: 104px 1fr; }
  .skill-grid__photo, .wire__photo { min-height: 280px; }
}
@media (max-width: 599px) {
  .skill-cell { min-height: 0; }
  .provenance { grid-template-columns: 1fr; row-gap: 4px; }
  .provenance dd { margin-bottom: var(--sp-3); }
  .provenance dd:last-of-type { margin-bottom: 0; }

  .skill-grid__photo, .wire__photo { position: static; min-height: 0; }
  .skill-grid__photo > .fig, .wire__photo > .fig { position: relative; aspect-ratio: 3 / 2; }
}

.cell--cta-quiet {
  background: var(--c-ice);
  justify-content: flex-end;
}
.cell--cta-quiet:hover, .cell--cta-quiet:focus-within { background: var(--c-paper-blue); }
.cell--cta-quiet .cell__text { -webkit-line-clamp: 4; }

.process--plain > li { grid-template-columns: 1fr; }
.process--plain .process__d { max-width: 66ch; }
.process--plain .process__i {
  padding-top: 0;
  margin-bottom: var(--sp-2);
  letter-spacing: var(--ls-mono);
}

.process--abbr > li { grid-template-columns: 132px 1fr; }
.process--abbr .process__i {
  letter-spacing: var(--ls-mono-tight);
  padding-top: 5px;
}
.process--abbr .process__t {
  font-family: var(--ff-body);
  font-size: 16px;
}
.process--abbr .process__d { max-width: 70ch; }

@media (max-width: 767px) {
  .process--abbr > li { grid-template-columns: 1fr; }
  .process--abbr .process__i { padding-top: 0; margin-bottom: var(--sp-2); }
}
@media (max-width: 599px) {
  .process--plain .process__t { font-size: 16px; }
  .process--plain .process__d { font-size: 14.5px; }
  .process--abbr .process__t { font-size: 15.5px; }
}

.checklist__label {
  font-family: var(--ff-mono);
  font-size: var(--fs-mono);
  letter-spacing: var(--ls-mono);
  color: var(--c-muted);
}
.checklist li {
  position: relative;
  padding-left: var(--sp-5);
  margin-top: 10px;
  font-size: var(--fs-sm);
  line-height: 1.6;
  color: var(--c-ink);
}
.checklist li::before {
  content: "";
  position: absolute;
  left: 0; top: 9px;
  width: 5px; height: 5px;
  background: var(--c-ink);
}

@media (min-width: 1024px) {
  .about-split__side .idlist { margin-top: 64px; }
}

.section__body { padding-block: var(--section-y-split); }
.section__body--head { padding-bottom: var(--sp-9); }
.section__body--rows { padding-top: var(--sp-9); }

.cell--static { min-height: 220px; }
.cell--static::after { display: none; }
.cell--static:hover, .cell--static:focus-within { background: transparent; }
.cell--static .cell__body { margin-top: var(--sp-7); }
.cell__text--full {
  display: block;
  overflow: visible;
  -webkit-line-clamp: none;
}

.cell--axis .cell__index { position: relative; padding-left: 18px; }
.cell--axis .cell__index::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 9px;
  height: 9px;
  background: var(--c-copper);
}

@media (max-width: 599px) {
  .cell--static { min-height: 0; }
}

.redflag {
  background: var(--c-deep);
  border-top: var(--bw-emph) solid var(--c-brand);
  padding-block: var(--section-y-dark);
}
.redflag__head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--gutter);
  align-items: start;
  margin-bottom: var(--sp-8);
}
.redflag__head > h2, .redflag__head > h3 { grid-column: 1 / span 5; }
.redflag__head > div { grid-column: 7 / span 6; }

.redflag__head > h2:only-child,
.redflag__head > h3:only-child,
.redflag__head > div:only-child { grid-column: 1 / span 12; }
.redflag__text {
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--c-ink-invert);
  max-width: 58ch;
}
.redflag__text + .redflag__text { margin-top: var(--sp-4); }

@media (max-width: 1023px) {
  .redflag__head { grid-template-columns: 1fr; margin-bottom: var(--sp-7); }
  .redflag__head > h2, .redflag__head > h3, .redflag__head > div { grid-column: 1; }
  .redflag__head > div { margin-top: var(--sp-5); }
}
@media (max-width: 599px) {
  .redflag__text { font-size: 16px; line-height: 1.75; }
}

.on-dark .checklist li { color: var(--c-ink-invert); }
.on-dark .checklist li::before { background: var(--c-copper-invert); }
.on-dark .checklist__label { color: var(--c-focus-invert); }

.checklist--split { columns: 2; column-gap: var(--gutter); }
.checklist--split li { break-inside: avoid; }
@media (max-width: 767px) {
  .checklist--split { columns: 1; }
}

.negatives {
  border-top: var(--bw-emph) solid var(--c-ink);
  padding-top: var(--sp-5);
}

.areamap { border-top: var(--bw-emph) solid var(--c-ink); }
.areamap__head { display: none; }

.area-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 32px;
  gap: var(--sp-2) var(--sp-4);
  align-items: start;
  padding: 20px 4px 22px 12px;
  border-bottom: var(--bw-hair) solid var(--c-line);
  transition: background-color var(--dur) var(--ease);
}
.area-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: -1px;
  width: 2px;
  background: var(--c-brand);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform var(--dur) var(--ease);
}
.area-row:hover, .area-row:focus-within { background: var(--c-paper-blue); }
.area-row:hover::before, .area-row:focus-within::before { transform: scaleY(1); }

.area-row__i {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  display: grid;
  place-content: center;
  min-width: 38px;
  padding: 5px 7px 6px;
  background: var(--c-paper-blue);
  border: var(--bw-hair) solid var(--c-line);
  font-family: var(--ff-head);
  font-weight: var(--fw-semi);
  font-size: 15px;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.01em;
  line-height: 1;
  color: var(--c-muted);
  transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease),
              border-color var(--dur) var(--ease);
}
.area-row:hover .area-row__i, .area-row:focus-within .area-row__i {
  background: var(--c-ice);
  border-color: var(--c-line-strong);
  color: var(--c-ink);
}
.area-row__go {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  font-size: 1rem;
  color: var(--c-brand);
  transition: transform var(--dur) var(--ease);
}
.area-row__main { grid-column: 1 / span 2; grid-row: 2; }
.area-row__t {
  font-family: var(--ff-head);
  font-size: 17px;
  font-weight: var(--fw-semi);
  line-height: 1.3;
  letter-spacing: var(--ls-h3);
  color: var(--c-ink);
  transition: color var(--dur) var(--ease);
}
.area-row__t a { color: inherit; text-decoration: none; }
.area-row__t a::after { content: ""; position: absolute; inset: 0; }
.area-row__p {
  display: block;
  margin-top: 5px;
  font-size: var(--fs-xs);
  font-style: italic;
  line-height: 1.4;
  color: var(--c-muted);
}
.area-row:hover .area-row__t, .area-row:focus-within .area-row__t { color: var(--c-brand); }
.area-row:hover .area-row__go, .area-row:focus-within .area-row__go { transform: translateX(6px); }

.area-row__data {
  grid-column: 1 / span 2;
  grid-row: 3;
  margin-top: var(--sp-3);
  display: grid;
  gap: var(--sp-4);
}
.area-row__k {
  display: block;
  margin-bottom: 5px;
  font-family: var(--ff-mono);
  font-size: var(--fs-mono-sm);
  letter-spacing: var(--ls-mono);
  color: var(--c-muted);
}
.area-row__v {
  display: block;
  font-size: 14px;
  line-height: 1.55;
  color: var(--c-muted);
}

@media (min-width: 600px) {
  .area-row { grid-template-columns: 46px 1fr 30px; padding: 22px 4px 24px 14px; }
  .area-row__i { margin-top: 2px; }
  .area-row__main { grid-column: 2; grid-row: 1; }
  .area-row__go { grid-column: 3; grid-row: 1; padding-top: 4px; }
  .area-row__t { font-size: 18px; }
  .area-row__data {
    grid-column: 2 / span 2;
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .area-row__data > span:last-child { grid-column: span 2; }
}

@media (min-width: 768px) {
  .area-row__data { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .area-row__data > span:last-child { grid-column: auto; }
}

@media (min-width: 1200px) {
  .areamap__head {
    display: grid;
    grid-template-columns:
      46px minmax(200px, 1.1fr) repeat(var(--areamap-cols, 3), minmax(0, 1.1fr)) 30px;
    gap: var(--sp-4);
    padding: 14px 4px 12px 14px;
    border-bottom: var(--bw-hair) solid var(--c-line);
  }
  .areamap__head > span {
    font-family: var(--ff-mono);
    font-size: var(--fs-mono);
    line-height: 1.2;
    letter-spacing: var(--ls-mono);
    color: var(--c-muted);
  }
  .area-row {
    grid-template-columns:
      46px minmax(200px, 1.1fr) repeat(var(--areamap-cols, 3), minmax(0, 1.1fr)) 30px;
  }
  .area-row__data { display: contents; }
  .area-row__go { grid-column: -1; }
  .area-row__k {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

.redflag__head:last-child { margin-bottom: 0; }

.msgform {
  max-width: 620px;
  margin-top: var(--sp-8);
}

.btn:disabled {
  background: var(--c-line);
  border-color: var(--c-line);
  color: var(--c-ink);
  cursor: not-allowed;
}

.mapframe {
  margin-top: var(--sp-8);
  aspect-ratio: 21 / 9;
  border: var(--bw-hair) solid var(--c-line);
  overflow: hidden;
}
.mapframe iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(.35) contrast(1.02);
}

@media (max-width: 599px) {
  .mapframe { aspect-ratio: 4 / 5; }
}

@media (max-width: 767px) {
  .wire--stack-md { grid-template-columns: 1fr; }
}

.jumprail {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: var(--sp-5);
  border-top: var(--bw-hair) solid var(--c-line);
  border-bottom: var(--bw-hair) solid var(--c-line);
}
.jumprail__label {
  font-family: var(--ff-mono);
  font-size: var(--fs-mono-sm);
  letter-spacing: var(--ls-mono);
  color: var(--c-muted);
  padding-block: 14px;
}
.jumprail a {
  font-family: var(--ff-mono);
  font-size: var(--fs-mono);
  letter-spacing: var(--ls-mono-tight);
  color: var(--c-ink);
  text-decoration: none;
  white-space: nowrap;
  padding-block: 14px;
  border-bottom: var(--bw-hair) solid transparent;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.jumprail a:hover { color: var(--c-action); border-bottom-color: var(--c-action); }

.jumprail__n {
  margin-left: 6px;
  font-family: var(--ff-head);
  font-size: var(--fs-mono-md);
  font-weight: var(--fw-semi);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: normal;
  color: var(--c-muted);
}
.jumprail__dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 6px;
  background: var(--c-copper);
  vertical-align: 2px;
}

.topic {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--gutter);
  align-items: start;
  border-top: var(--bw-emph) solid var(--c-ink);
  padding-top: var(--sp-5);
}
.topic + .topic { margin-top: var(--sp-11); }
.topic__plate { grid-column: 1 / span 4; }
.topic__plate .fig { aspect-ratio: 3 / 2; border: var(--bw-hair) solid var(--c-line); }
.topic__main { grid-column: 5 / span 8; }
.topic__p {
  margin-top: 5px;
  font-size: var(--fs-xs);
  font-style: italic;
  line-height: 1.4;
  color: var(--c-muted);
}
.topic__data {
  margin-top: 10px;
  font-family: var(--ff-mono);
  font-size: var(--fs-mono);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: var(--ls-mono-tight);
  color: var(--c-muted);
}
@media (max-width: 1199px) {
  .topic__plate { grid-column: 1 / span 5; }
  .topic__main { grid-column: 6 / span 7; }
}
@media (max-width: 767px) {
  .topic { grid-template-columns: 1fr; }
  .topic__plate, .topic__main { grid-column: 1; }
  .topic__main { margin-top: var(--sp-6); }
  .topic + .topic { margin-top: var(--sp-9); }
}

.post-list { border-top: var(--bw-hair) solid var(--c-line); }

.post-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 28px;
  gap: var(--sp-2) var(--sp-4);
  align-items: start;
  padding: 22px 4px 24px 12px;
  border-bottom: var(--bw-hair) solid var(--c-line);
  transition: background-color var(--dur) var(--ease);
}
.post-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: -1px;
  width: 2px;
  background: var(--c-brand);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform var(--dur) var(--ease);
}
.post-row:hover, .post-row:focus-within { background: var(--c-paper-blue); }
.post-row:hover::before, .post-row:focus-within::before { transform: scaleY(1); }

.post-row__go {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  font-size: 1rem;
  color: var(--c-brand);
  transition: transform var(--dur) var(--ease);
}
.post-row:hover .post-row__go, .post-row:focus-within .post-row__go { transform: translateX(6px); }

.post-row__main { grid-column: 1 / span 2; grid-row: 2; }
.post-row__t {
  font-family: var(--ff-head);
  font-size: 18px;
  font-weight: var(--fw-semi);
  line-height: 1.3;
  letter-spacing: var(--ls-h3);
  color: var(--c-ink);
  transition: color var(--dur) var(--ease);
}
.post-row__t a { color: inherit; text-decoration: none; }
.post-row__t a::after { content: ""; position: absolute; inset: 0; }
.post-row:hover .post-row__t, .post-row:focus-within .post-row__t { color: var(--c-brand); }

.post-row__when {
  display: block;
  margin-top: 5px;
  font-size: var(--fs-xs);
  font-style: italic;
  line-height: 1.4;
  color: var(--c-muted);
}

.post-row__rail { grid-column: 1 / span 2; grid-row: 3; margin-top: var(--sp-4); }
.post-row__meta {
  display: block;
  margin-top: 10px;
  font-family: var(--ff-mono);
  font-size: var(--fs-mono);
  letter-spacing: var(--ls-mono-tight);
  color: var(--c-muted);
}

@media (min-width: 600px) {
  .post-row { grid-template-columns: 52px 1fr 30px; padding: 24px 4px 26px 14px; }
  .post-row__main { grid-column: 2; grid-row: 1; }
  .post-row__go { grid-column: 3; grid-row: 1; padding-top: 4px; }
  .post-row__rail { grid-column: 2 / span 2; grid-row: 2; }
}

@media (min-width: 1024px) {
  .post-row { grid-template-columns: 52px minmax(0, 1fr) 132px 30px; align-items: stretch; }
  .post-row__t { font-size: 20px; }
  .post-row__rail {
    grid-column: 3;
    grid-row: 1;
    margin-top: 0;
    padding-left: var(--sp-5);
    border-left: var(--bw-hair) solid var(--c-line);
  }
  .post-row__go { grid-column: 4; }
}

.topic__main--wide { grid-column: 1 / span 12; }
.topic__links {
  margin-top: var(--sp-4);
  display: grid;
  gap: var(--sp-3);
  justify-items: start;
}

.post-row--plain { grid-template-columns: 1fr 28px; }
.post-row--plain .post-row__main { grid-column: 1; grid-row: 1; }
.post-row--plain .post-row__rail { grid-column: 1; grid-row: 2; margin-top: var(--sp-3); }
.post-row--plain .post-row__go { grid-column: 2; grid-row: 1; }

@media (min-width: 1024px) {
  .post-row--plain { grid-template-columns: minmax(0, 1fr) 132px 30px; }
  .post-row--plain .post-row__rail {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
    padding-left: var(--sp-5);
    border-left: var(--bw-hair) solid var(--c-line);
  }
  .post-row--plain .post-row__go { grid-column: 3; }
}

.post-row--feed { grid-template-columns: 76px 1fr 28px; }
.post-row__thumb {
  grid-column: 1;
  grid-row: 1 / span 2;
  aspect-ratio: 3 / 2;
  border: var(--bw-hair) solid var(--c-line);
  overflow: hidden;
  margin: 0;
}
.post-row--feed .post-row__main { grid-column: 2; grid-row: 1; }
.post-row--feed .post-row__rail { grid-column: 2; grid-row: 2; margin-top: var(--sp-3); }
.post-row--feed .post-row__go { grid-column: 3; grid-row: 1; }

.post-row__topic {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-top: 10px;
  font-family: var(--ff-mono);
  font-size: var(--fs-mono-sm);
  letter-spacing: var(--ls-mono);
  color: var(--c-muted);
  text-decoration: none;
  border-bottom: var(--bw-hair) solid var(--c-line);
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.post-row__topic:hover { color: var(--c-brand); border-bottom-color: var(--c-brand); }

@media (min-width: 600px) {
  .post-row--feed { grid-template-columns: 132px 1fr 30px; }
  .post-row--feed .post-row__rail { grid-column: 2; grid-row: 2; }
}

@media (min-width: 1024px) {
  .post-row--feed { grid-template-columns: 168px minmax(0, 1fr) 132px 30px; }
  .post-row--feed .post-row__thumb { grid-row: 1; }
  .post-row--feed .post-row__main { grid-column: 2; }
  .post-row--feed .post-row__rail {
    grid-column: 3;
    grid-row: 1;
    margin-top: 0;
    padding-left: var(--sp-5);
    border-left: var(--bw-hair) solid var(--c-line);
  }
  .post-row--feed .post-row__go { grid-column: 4; }
}


.badge {
  display: inline-block;
  margin-top: 8px;
  padding: 2px 7px;
  font-family: var(--ff-mono);
  font-size: var(--fs-mono-sm);
  letter-spacing: var(--ls-mono);
  line-height: 1.5;
}
.badge--fresh {
  color: var(--c-copper);
  border: var(--bw-hair) solid var(--c-copper);
}

.areaband {
  position: relative;
  aspect-ratio: 21 / 9;
  border-bottom: var(--bw-hair) solid var(--c-line);
  overflow: hidden;
}
@media (min-width: 768px) {
  .areaband { aspect-ratio: auto; height: min(42.85vw, 380px); }
}
.areaband > .fig { position: absolute; inset: 0; }
.areaband .fig__cap {
  left: max(var(--pad-x), calc((100vw - var(--container)) / 2));
  bottom: var(--sp-6);
}

.plate {
  background: var(--c-paper-blue);
  display: grid;
  place-content: center;
  padding-inline: max(var(--pad-x), calc((100vw - var(--container)) / 2));
}
.plate__k {
  position: absolute;
  top: var(--sp-6);
  left: max(var(--pad-x), calc((100vw - var(--container)) / 2));
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  font-family: var(--ff-mono);
  font-size: var(--fs-mono);
  letter-spacing: var(--ls-mono);
  color: var(--c-muted);
}
.plate__k::before {
  content: "";
  width: 2px;
  height: 24px;
  background: var(--c-copper);
  flex: none;
}
.plate__i {
  font-family: var(--ff-head);
  font-weight: var(--fw-semi);
  font-size: clamp(4rem, 11vw, 9rem);
  font-variant-numeric: tabular-nums lining-nums;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--c-line-strong);
  text-align: center;
}
.plate__t {
  position: absolute;
  bottom: var(--sp-6);
  left: max(var(--pad-x), calc((100vw - var(--container)) / 2));
  right: max(var(--pad-x), calc((100vw - var(--container)) / 2));
  font-family: var(--ff-mono);
  font-size: var(--fs-mono);
  letter-spacing: var(--ls-mono);
  color: var(--c-ink);
}
.plate__rule {
  position: absolute;
  left: max(var(--pad-x), calc((100vw - var(--container)) / 2));
  right: max(var(--pad-x), calc((100vw - var(--container)) / 2));
  bottom: calc(var(--sp-6) + 26px);
  height: 1px;
  background: var(--c-line-strong);
}
.plate__rule::before, .plate__rule::after {
  content: "";
  position: absolute;
  top: -3px;
  width: 1px;
  height: 7px;
  background: var(--c-copper);
}
.plate__rule::before { left: 0; }
.plate__rule::after { right: 0; }

@media (max-width: 767px) {
  .areaband { aspect-ratio: 16 / 9; }
  .plate__i { font-size: clamp(3.25rem, 16vw, 5rem); }
  .plate__k, .plate__t { font-size: var(--fs-mono-sm); }
}

.redflag--strip { padding-block: var(--sp-8); }
.redflag--strip .about-heading { max-width: none; }
.redflag--strip .redflag__head { margin-top: var(--sp-6); margin-bottom: 0; }
.redflag--strip .redflag__head > div:first-child { grid-column: 1 / span 6; margin-top: 0; }
.redflag--strip .redflag__head > div + div { grid-column: 7 / span 6; margin-top: 0; }

@media (max-width: 1023px) {
  .redflag--strip .redflag__head > div:first-child,
  .redflag--strip .redflag__head > div + div { grid-column: 1; }
  .redflag--strip .redflag__head > div + div { margin-top: var(--sp-6); }
}
@media (max-width: 767px) {
  .redflag--strip { padding-block: var(--sp-6); }
  .redflag--strip .redflag__text { font-size: 16px; line-height: 1.7; }
  .redflag--strip .checklist li { margin-top: 8px; }
}



[data-prose] { --prose-gap: var(--sp-5); }

[data-prose] > p { margin: 0; }
[data-prose] > p + p,
[data-prose] > p + ul,
[data-prose] > p + ol,
[data-prose] > ul + p,
[data-prose] > ol + p { margin-top: var(--prose-gap); }

[data-prose] > ul,
[data-prose] > ol { margin: 0; padding-left: 1.25em; }
[data-prose] li + li { margin-top: 6px; }

[data-prose] a {
  color: var(--c-brand);
  text-decoration: none;
  border-bottom: var(--bw-hair) solid var(--c-line-strong);
}
[data-prose] a:hover { color: var(--c-action); border-bottom-color: var(--c-action); }

.on-dark [data-prose] a { color: #fff; border-bottom-color: rgba(255, 255, 255, .45); }
.on-dark [data-prose] a:hover { border-bottom-color: #fff; }

.process__d[data-prose],
.cell__text[data-prose],
.field__help[data-prose],
.note-mono[data-prose],
.notice[data-prose],
.closing[data-prose],
.provenance dd[data-prose] { --prose-gap: 10px; }

.redflag__text[data-prose] { --prose-gap: var(--sp-4); }

.redflag--strip .redflag__head > div:only-child { grid-column: 1 / span 12; }

.about-split__side > .provenance:first-child,
.container--read > .provenance:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.about-prose--read p {
  color: var(--c-ink);
  font-size: 17px;
  line-height: 1.75;
  max-width: none;
}

.readbody > * + * { margin-top: var(--sp-8); }
.readbody > h2 { margin-top: var(--sp-10); }
.readbody > h2 + * { margin-top: var(--sp-6); }

@media (max-width: 767px) {
  .jumprail {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .jumprail a {
    flex: none;
    scroll-snap-align: start;
  }
}

@media (min-width: 1024px) {
  .pghead__meta:only-child { max-width: 520px; }
}

@media (max-width: 767px) {
  .topic__main--wide { grid-column: 1; margin-top: 0; }
}

@media (max-width: 767px) {
  .pillrow {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .pillrow .pill {
    height: 44px;
    flex: none;
    scroll-snap-align: start;
  }
}

@media (max-width: 767px) {
  .post-row__topic { padding-block: 12px; margin-top: 0; }
}

.post-row__thumb--blank {
  display: grid;
  place-items: center;
  background: var(--c-ice);
}
.post-row__seat {
  font-family: var(--ff-head);
  font-size: 22px;
  font-variant-numeric: tabular-nums;
  color: var(--c-line-strong);
}

.notfound { padding-block: clamp(64px, 12vw, 140px); }
.notfound__title {
  margin-top: var(--sp-4);
  font-family: var(--ff-head);
  font-size: clamp(30px, 5vw, 46px);
  line-height: 1.15;
  color: var(--c-ink);
}
.notfound__text { margin-top: var(--sp-6); }
.notfound__action { margin-top: var(--sp-7); }