/* ---------- XSTP.epoch page ---------- */

    .xstp-intro .xstp-kicker {
      font-size: var(--fs-sm);
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(0,0,0,0.50);
      margin-bottom: var(--sp-1);
    }

    .xstp-intro h1 {
      margin-top: 0;
      margin-bottom: var(--sp-2);
    }

    .xstp-intro .xstp-subtitle {
      font-family: "Doves Headline", Georgia, serif;
      font-size: var(--fs-md);
      line-height: 1.5;
      padding-left: var(--sp-2);
      border-left: 2px solid rgba(0,0,0,0.18);
      color: rgba(0,0,0,0.82);
      margin: var(--sp-2) 0 var(--sp-3);
      font-style: normal;
    }

    .xstp-intro .xstp-meta {
      font-size: var(--fs-sm);
      color: rgba(0,0,0,0.55);
      margin-top: var(--sp-3);
    }

    /* Pull-quote treatment for aphoristic moments */
    .xstp-pullquote {
      font-family: Georgia, "Iowan Old Style", serif;
      font-style: italic;
      font-size: 1.08rem;
      color: rgba(0,0,0,0.74);
      padding: var(--sp-1) 0 var(--sp-1) var(--sp-2);
      border-left: 2px solid rgba(0,0,0,0.22);
      margin: var(--sp-2) 0;
    }

    /* The Commons Coda \u2014 green accent, rhymes with the Ethics page coda
       and with the featured oath card on /commons/ */
    .xstp-coda {
      border-left: 3px solid rgba(76,125,74,0.35);
      background:
        linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.98)),
        radial-gradient(circle at top left, rgba(76,125,74,0.04), transparent 50%);
      margin-top: var(--sp-5);
    }

    .xstp-coda .xstp-coda-kicker {
      font-size: var(--fs-sm);
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(76,125,74,0.82);
      margin-bottom: var(--sp-1);
    }

    .xstp-coda h2 {
      font-family: "Doves Headline", Georgia, serif;
      margin-top: 0;
    }

    .xstp-coda .xstp-coda-list {
      margin-top: var(--sp-3);
      list-style: none;
      padding-left: 0;
    }

    .xstp-coda .xstp-coda-list li {
      margin-bottom: var(--sp-2);
      padding-left: var(--sp-2);
      border-left: 2px solid rgba(76,125,74,0.22);
    }

    .xstp-coda .xstp-coda-list .role {
      display: block;
      font-size: var(--fs-sm);
      color: rgba(0,0,0,0.55);
      margin-bottom: 2px;
    }

    .xstp-coda .xstp-coda-list .name {
      font-weight: 600;
    }

    .xstp-coda .xstp-coda-list .affiliation {
      color: rgba(0,0,0,0.62);
    }

    .xstp-sector-list {
      column-count: 2;
      column-gap: var(--sp-4);
      margin: var(--sp-2) 0 var(--sp-3);
      padding-left: var(--sp-2);
      font-size: 0.9rem;
      line-height: 1.55;
      color: rgba(0,0,0,0.78);
    }

    .xstp-sector-list li {
      break-inside: avoid;
      margin-bottom: 0.2em;
    }

    @media (max-width: 640px) {
      .xstp-sector-list {
        column-count: 1;
      }
    }