.f-shp,
.i-shp,
.i-shps{
  --shp-paper: var(--color-bg);
  --shp-card: var(--color-bg-elevated);
  --shp-ink: var(--color-text);
  --shp-slate: var(--color-text-muted);
  --shp-blue: var(--color-primary);
  --shp-gold: var(--color-accent);
  --shp-gold-ink: color-mix(in oklab, var(--color-accent) 72%, black);
  --shp-line: var(--color-border);
  --shp-line-soft: color-mix(in oklab, var(--color-text) 9%, var(--color-bg));
  --shp-frame: color-mix(in oklab, var(--color-text) 16%, var(--color-bg));
  --shp-band-text: rgba(243, 241, 236, 0.78);
  --shp-display: var(--font-space-grotesk, 'Space Grotesk'), var(--font-inter, 'Inter'),
    'Segoe UI', sans-serif;

  background: var(--shp-paper);
  color: var(--shp-ink);
  font-family: var(--font-inter, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
}
.f-shp a:focus-visible,
.i-shp a:focus-visible,
.i-shps a:focus-visible{
  outline: 2px solid var(--shp-blue);
  outline-offset: 2px;
}
.f-shp time,
.i-shp time,
.i-shps time{
  font-variant-numeric: tabular-nums;
}


.f-shp-chip{
  display: inline-flex;
  align-items: center;
  padding: 0.14rem 0.62rem;
  border-radius: 999px;
  font-family: var(--shp-display);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.5;
  white-space: nowrap;
}
.f-shp-chip--added{
  border: 1.5px solid var(--shp-blue);
  color: var(--shp-blue);
}
.f-shp-chip--fixed{
  border: 1.5px solid var(--shp-gold);
  color: var(--shp-gold-ink);
}
.f-shp-chip--balance{
  border: 1.5px solid var(--shp-slate);
  color: var(--shp-slate);
}
.f-shp-chip--tuned{
  border: 1.5px solid var(--shp-frame);
  color: var(--shp-ink);
}
.f-shp-chip--policy{
  border: 1.5px solid var(--shp-blue);
  background: var(--shp-blue);
  color: #ffffff;
}
.f-shp-buildtag{
  font-family: var(--shp-display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--shp-blue);
  font-variant-numeric: tabular-nums;
}
.f-shp-platstamp{
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.45rem;
  border: 1px solid var(--shp-frame);
  border-radius: 3px;
  font-family: var(--shp-display);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--shp-slate);
}


.f-shp-empty{
  padding-block: 3.5rem 4rem;
  font-size: 1.0625rem;
  color: var(--shp-slate);
}
.f-shp-band{
  background: var(--shp-ink);
}
.f-shp-band-row{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 2rem;
  padding-block: 0.9rem 0.95rem;
}
.f-shp-band-line{
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 1.1rem;
}

.f-shp-band-brand{
  display: flex;
  align-items: baseline;
  gap: 0.5rem 1rem;
  flex-wrap: wrap;
}
.f-shp-band-name{
  font-family: var(--shp-display);
  font-size: clamp(1.5rem, 3.4vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1;
  color: #f3f1ec;
  text-decoration: none;
}
.f-shp-band-name:hover{
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: var(--shp-gold);
}
.f-shp-chip--desk{
  border: 1.5px solid var(--shp-gold);
  color: var(--shp-gold-ink);
}
.f-shp-band-label{
  font-family: var(--shp-display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--shp-gold);
}
.f-shp-semver{
  font-family: var(--shp-display);
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #f3f1ec;
  font-variant-numeric: tabular-nums;
}
.f-shp-band-meta{
  font-size: 0.75rem;
  color: var(--shp-band-text);
  font-variant-numeric: tabular-nums;
}
.f-shp-platforms{
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
}
.f-shp-platform{
  display: inline-flex;
  align-items: baseline;
  gap: 0.4rem;
  font-size: 0.75rem;
  color: var(--shp-band-text);
  font-variant-numeric: tabular-nums;
}
.f-shp-platform b{
  font-family: var(--shp-display);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #f3f1ec;
}
.f-shp-platform + .f-shp-platform{
  border-left: 1px solid rgba(243, 241, 236, 0.25);
  padding-left: 1.25rem;
}


.f-shp-channels{
  padding-block: 0.85rem 0.9rem;
  border-bottom: 1px solid var(--shp-line);
}
.f-shp-channels ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.55rem;
}
.f-shp-branch{
  display: inline-flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0.28rem 0.75rem;
  border: 1px solid var(--shp-frame);
  border-radius: 999px;
  font-family: var(--shp-display);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--shp-ink);
  text-decoration: none;
}
.f-shp-branch:hover{
  border-color: var(--shp-blue);
  color: var(--shp-blue);
}
.f-shp-branch-count{
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--shp-gold-ink);
  font-variant-numeric: tabular-nums;
}


.f-shp-lead{
  display: grid;
  gap: 1.25rem;
  padding-block: 1.2rem 1.4rem;
  border-bottom: 3px solid var(--shp-ink);
  align-items: start;
}
@media (min-width: 1024px){.f-shp-lead{
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 2.5rem;
  }}
.f-shp-lead-kicker{
  margin: 0 0 0.9rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.65rem;
}
.f-shp-lead-channel{
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--shp-slate);
  text-decoration: none;
  border-bottom: 1px solid var(--shp-frame);
  padding-bottom: 0.08rem;
}
.f-shp-lead-channel:hover{
  color: var(--shp-blue);
  border-bottom-color: var(--shp-blue);
}
.f-shp-lead-title{
  margin: 0;
  font-family: var(--shp-display);
  font-size: clamp(1.9rem, 2.5vw + 1.15rem, 3rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.015em;
  max-width: 24ch;
  text-wrap: balance;
}
.f-shp-lead-link{
  color: var(--shp-ink);
  text-decoration: none;
}
.f-shp-lead-link:hover{
  color: var(--shp-blue);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  text-decoration-color: var(--shp-gold);
}
.f-shp-lead-dek{
  margin: 0.9rem 0 1.1rem;
  max-width: 58ch;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--shp-slate);
}
.f-shp-lead-meta{
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.9rem;
  font-size: 0.8125rem;
  color: var(--shp-slate);
}
.f-shp-lead-fig{
  margin: 0;
  border: 1px solid var(--shp-line);
  border-radius: 12px;
  padding: 0.4rem;
  background: var(--shp-card);
}
.f-shp-lead-img{
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 8px;
}
.f-shp-lead-figcap{
  padding: 0.45rem 0.35rem 0.15rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--shp-slate);
}


.f-shp-zone{
  margin: 0 0 1rem;
  font-family: var(--shp-display);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--shp-ink);
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.f-shp-zone::after{
  content: '';
  flex: 1;
  border-top: 2px solid var(--shp-ink);
}
.f-shp-zone--rail::after{
  border-top-width: 1px;
}


.f-shp-log{
  padding-block: 1.9rem 2.1rem;
}
.f-shp-rail{
  margin: 0;
  padding: 0 0 0 1.9rem;
  list-style: none;
  border-left: 2px solid var(--shp-blue);
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.f-shp-milestone{
  position: relative;
}
.f-shp-milestone::before{
  content: '';
  position: absolute;
  left: calc(-1.9rem - 7px);
  top: 0.3rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--shp-card);
  border: 2.5px solid var(--shp-gold);
}
.f-shp-milestone-kicker{
  margin: 0 0 0.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.6rem;
}
.f-shp-milestone-ref{
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--shp-slate);
  text-decoration: none;
}
.f-shp-milestone-ref:hover{
  color: var(--shp-blue);
}
.f-shp-milestone-title{
  margin: 0 0 0.35rem;
  font-family: var(--shp-display);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  max-width: 34ch;
}
.f-shp-hl{
  color: var(--shp-ink);
  text-decoration: none;
}
.f-shp-hl:hover{
  color: var(--shp-blue);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
  text-decoration-color: var(--shp-gold);
}
.f-shp-milestone-dek{
  margin: 0 0 0.45rem;
  max-width: 62ch;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--shp-slate);
}
.f-shp-milestone-meta{
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.9rem;
  font-size: 0.75rem;
  color: var(--shp-slate);
}


.f-shp-duo{
  display: grid;
  gap: 2.25rem;
  padding-block: 1.9rem 2.2rem;
  border-top: 1px solid var(--shp-line);
}
@media (min-width: 1000px){.f-shp-duo{
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 3rem;
  }}
.f-shp-builds-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1.1rem;
}
.f-shp-card{
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  border: 1px solid var(--shp-line);
  border-radius: 12px;
  padding: 0.75rem;
  background: var(--shp-card);
}
.f-shp-card-img{
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
.f-shp-card-img-el{
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.f-shp-card-kicker{
  margin: 0.1rem 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
}
.f-shp-card-title{
  margin: 0;
  font-family: var(--shp-display);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.25;
}
.f-shp-card-meta{
  margin: auto 0 0;
  padding-top: 0.35rem;
  border-top: 1px solid var(--shp-line-soft);
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.8rem;
  font-size: 0.75rem;
  color: var(--shp-slate);
}
.f-shp-card-ref{
  color: var(--shp-gold-ink);
  font-weight: 600;
  text-decoration: none;
}
.f-shp-card-ref:hover{
  color: var(--shp-blue);
}
.f-shp-installed-list{
  margin: 0;
  padding: 0;
  list-style: none;
}
.f-shp-installed-row{
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  padding-block: 0.55rem;
  border-bottom: 1px solid var(--shp-line-soft);
}
.f-shp-installed-row:last-child{
  border-bottom: 0;
}
.f-shp-installed-rank{
  flex: none;
  font-family: var(--shp-display);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
  color: var(--shp-gold);
  font-variant-numeric: tabular-nums;
}
.f-shp-installed-link{
  font-family: var(--shp-display);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--shp-ink);
  text-decoration: none;
}
.f-shp-installed-link:hover{
  color: var(--shp-blue);
}
.f-shp-installed-views{
  margin: 0.15rem 0 0;
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--shp-slate);
  font-variant-numeric: tabular-nums;
}


.f-shp-backlog{
  padding-block: 1.6rem 2rem;
  border-top: 3px solid var(--shp-ink);
}
.f-shp-backlog-list{
  margin: 0;
  padding: 0;
  list-style: none;
}
.f-shp-backlog-row{
  display: grid;
  grid-template-columns: 2.6rem auto minmax(0, 1fr) auto auto;
  align-items: baseline;
  gap: 0.4rem 0.75rem;
  padding-block: 0.45rem;
  border-bottom: 1px solid var(--shp-line-soft);
}
.f-shp-backlog-no{
  font-family: var(--shp-display);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--shp-slate);
  font-variant-numeric: tabular-nums;
}
.f-shp-backlog-link{
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--shp-ink);
  text-decoration: none;
}
.f-shp-backlog-link:hover{
  color: var(--shp-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.f-shp-backlog-ref{
  font-family: var(--shp-display);
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--shp-gold-ink);
  white-space: nowrap;
}
.f-shp-backlog-date{
  font-size: 0.75rem;
  color: var(--shp-slate);
  white-space: nowrap;
}


.f-shp-manifest{
  background: var(--shp-ink);
}
.f-shp-manifest-row{
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 3rem;
  padding-block: 1.1rem 1.2rem;
}
.f-shp-manifest-item{
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.f-shp-manifest-k{
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--shp-band-text);
}
.f-shp-manifest-v{
  font-family: var(--shp-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--shp-gold);
  font-variant-numeric: tabular-nums;
}
.f-shp-manifest-v--semver{
  color: #f3f1ec;
}


.i-shp{
  padding-block: 1.9rem 3.5rem;
}
.i-shp-head{
  max-width: 46rem;
}
.i-shp-entry{
  margin: 0 0 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.75rem;
  font-size: 0.8125rem;
  color: var(--shp-slate);
}
.i-shp-channel{
  font-family: var(--shp-display);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--shp-gold-ink);
  text-decoration: none;
}
.i-shp-channel:hover{
  color: var(--shp-blue);
}
.i-shp-title{
  margin: 0;
  font-family: var(--shp-display);
  font-size: clamp(1.9rem, 2.4vw + 1.2rem, 3.1rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.015em;
  max-width: 24ch;
  text-wrap: balance;
}
.i-shp-dek{
  margin: 0.9rem 0 0;
  max-width: 56ch;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--shp-slate);
}
.i-shp-figure{
  margin: 1.9rem 0 0;
  max-width: 56rem;
  border: 1px solid var(--shp-line);
  border-radius: 12px;
  padding: 0.4rem;
  background: var(--shp-card);
}
.i-shp-figure-img{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
}
.i-shp-figure-cap{
  padding: 0.5rem 0.4rem 0.15rem;
  font-size: 0.75rem;
  color: var(--shp-slate);
}
.i-shp-figure-credit{
  margin-left: 0.75rem;
  font-size: 0.6875rem;
  font-style: italic;
}
.i-shp-doc{
  margin-top: 2.1rem;
  max-width: 44rem;
}

.i-shp-notes{
  margin: 0 0 2.25rem;
  border: 1px solid var(--shp-line);
  border-left: 3px solid var(--shp-blue);
  border-radius: 0 12px 12px 0;
  background: var(--shp-card);
  padding: 1rem 1.25rem 0.6rem;
}
.i-shp-notes-title{
  margin: 0 0 0.6rem;
  font-family: var(--shp-display);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.i-shp-notes-list{
  margin: 0;
  padding: 0;
  list-style: none;
}
.i-shp-note{
  display: grid;
  grid-template-columns: 1.7rem minmax(0, 1fr);
  gap: 0.65rem;
  padding-block: 0.5rem;
  border-top: 1px solid var(--shp-line-soft);
  font-size: 0.9375rem;
  line-height: 1.55;
}
.i-shp-notes-list li:first-child{
  border-top: 0;
}
.i-shp-glyph{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 4px;
  font-family: var(--shp-display);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 0.1rem;
}
.i-shp-glyph--add{
  border: 1.5px solid var(--shp-blue);
  color: var(--shp-blue);
}
.i-shp-glyph--mod{
  border: 1.5px solid var(--shp-gold);
  color: var(--shp-gold-ink);
}
.i-shp-glyph--fix{
  border: 1.5px solid var(--shp-slate);
  color: var(--shp-slate);
}
.i-shp-note-text{
  margin: 0;
}
.i-shp .prose-article{
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--shp-ink);
}
.i-shp .prose-article h2,
.i-shp .prose-article h3{
  font-family: var(--shp-display);
  letter-spacing: -0.01em;
  color: var(--shp-ink);
}
.i-shp .prose-article h2{
  margin-top: 2.25rem;
  padding-top: 0.6rem;
  border-top: 2px solid var(--shp-ink);
}
.i-shp .prose-article a{
  color: var(--shp-blue);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  text-decoration-color: var(--shp-gold);
}
.i-shp .prose-article a:hover{
  text-decoration-color: var(--shp-blue);
}
.i-shp .prose-article blockquote{
  margin: 1.75rem 0;
  padding: 0.65rem 1.25rem;
  border-left: 3px solid var(--shp-gold);
  background: var(--shp-card);
  border-radius: 0 8px 8px 0;
  color: var(--shp-slate);
}
.i-shp .ad-label{
  color: var(--shp-slate);
}
.i-shp-via{
  margin: 2.4rem 0 0;
  padding-top: 0.85rem;
  border-top: 2px solid var(--shp-blue);
  font-size: 0.8125rem;
  color: var(--shp-slate);
}
.i-shp-via a{
  color: var(--shp-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--shp-gold);
  word-break: break-all;
}
.i-shp-via a:hover{
  color: var(--shp-blue);
}
.i-shp-corr{
  margin-top: 1.25rem;
}
.i-shp-corr h2{
  margin: 0;
  font-family: var(--shp-display);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.i-shp-corr ul{
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
}
.i-shp-corr li{
  padding-block: 0.28rem;
}
.i-shp-corr a{
  color: var(--shp-blue);
  font-weight: 600;
  text-decoration: none;
}
.i-shp-corr a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}
.i-shp-share{
  margin-block: 2.1rem;
  padding-block: 0.85rem;
  border-block: 1px solid var(--shp-line);
}
.i-shp-share a{
  color: var(--shp-ink);
}
.i-shp-share a:hover{
  color: var(--shp-blue);
}
.i-shp .ap-name a,
.i-shp .ap-role,
.i-shp .ap-bio,
.i-shp .ap-count{
  color: var(--shp-ink);
}
.i-shp .ap-name a:hover{
  color: var(--shp-blue);
}
.i-shp .ap-avatar--initial{
  background: var(--shp-blue);
  color: #ffffff;
}

.i-shp-related-title{
  margin: 0 0 0.9rem;
  font-family: var(--shp-display);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.i-shp-next{
  margin: 0;
  padding: 0;
  list-style: none;
}
.i-shp-next-row{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 0.5rem 0.85rem;
  padding-block: 0.6rem;
  border-bottom: 1px solid var(--shp-line-soft);
}
.i-shp-next-row:last-child{
  border-bottom: 0;
}
.i-shp-next-title{
  margin: 0;
  font-family: var(--shp-display);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}
.i-shp-next-title a{
  color: var(--shp-ink);
  text-decoration: none;
}
.i-shp-next-title a:hover{
  color: var(--shp-blue);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: var(--shp-gold);
}
.i-shp-next-meta{
  display: block;
  margin-top: 0.15rem;
  font-size: 0.75rem;
  color: var(--shp-slate);
}
.i-shp-next-id{
  font-family: var(--shp-display);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--shp-gold-ink);
  font-variant-numeric: tabular-nums;
}
.i-shp-prevnext{
  margin-top: 1.5rem;
  font-family: var(--shp-display);
  font-size: 0.875rem;
  font-weight: 600;
}
.i-shp-prevnext a{
  color: var(--shp-blue);
  text-decoration: none;
  border-bottom: 2px solid var(--shp-gold);
  padding-bottom: 0.12rem;
}
.i-shp-prevnext a:hover{
  color: var(--shp-ink);
  border-bottom-color: var(--shp-blue);
}
@media (max-width: 640px){.f-shp-band-row,
  .f-shp-platforms{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
  }}
@media (max-width: 640px){.f-shp-platform + .f-shp-platform{
    border-left: 0;
    padding-left: 0;
  }}
@media (max-width: 640px){.f-shp-backlog-row{
    grid-template-columns: 2.2rem auto minmax(0, 1fr);
  }}
@media (max-width: 640px){.f-shp-backlog-ref{
    display: none;
  }}
@media (max-width: 640px){.f-shp-backlog-date{
    grid-column: 3;
  }}

.f-shp-band-row{
  padding-block: 0.55rem 0.6rem;
}
.f-shp-channels{
  padding-block: 0.55rem 0.6rem;
}
.f-shp-lead{
  padding-block: 0.8rem 0.9rem;
}
.f-shp-lead-kicker{
  margin-bottom: 0.5rem;
}
.f-shp-lead-dek{
  margin: 0.6rem 0 0.7rem;
}
.f-shp-lead-img{
  max-height: 280px;
}
.f-shp-lead-figcap{
  padding: 0.3rem 0.35rem 0.1rem;
}
.f-shp-log{
  padding-block: 1rem 2.1rem;
}
.f-shp-zone{
  margin-bottom: 0.6rem;
}
.f-shp-rail{
  gap: 0.9rem;
}
.f-shp-milestone-kicker{
  margin-bottom: 0.25rem;
}
.f-shp-milestone-title{
  margin-bottom: 0.25rem;
}
.f-shp-milestone-dek{
  margin-bottom: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}