.melvin-attribution {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #b7b7b7 !important;
  font: 700 11px "JetBrains Mono", ui-monospace, monospace;
  text-decoration: none !important;
}
.melvin-attribution:hover span,
.melvin-attribution:focus-visible span { color: #22c55e; text-decoration: underline; text-underline-offset: 3px; }
.melvin-attribution img { display: block; width: 51px; height: 19px; object-fit: contain; image-rendering: pixelated; }
.info-shell { width: min(840px, calc(100% - 36px)); margin: 0 auto; padding: 42px 0 72px; }
.info-shell .back { display: inline-flex; margin-bottom: 46px; color: #22c55e; font: 700 13px "JetBrains Mono", ui-monospace, monospace; text-decoration: none; }
.info-shell .eyebrow { margin: 0 0 12px; color: #22c55e; font: 700 11px "JetBrains Mono", ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; }
.info-shell h1 { max-width: 790px; margin: 0; color: #fff; font: 700 clamp(38px, 8vw, 68px)/1.02 "JetBrains Mono", ui-monospace, monospace; letter-spacing: -.055em; }
.info-shell .lede { max-width: 700px; margin: 24px 0 56px; color: #a1a1a1; font-size: 18px; line-height: 1.7; }
.info-shell article { max-width: 720px; }
.info-shell h2 { margin: 42px 0 12px; color: #22c55e; font-size: 22px; }
.info-shell p, .info-shell li { color: #d0d0d0; line-height: 1.75; }
.info-shell ul { padding-left: 22px; }
.info-nav { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 54px; padding-top: 22px; border-top: 1px solid #292929; }
.info-nav a { color: #22c55e; font-weight: 700; text-underline-offset: 3px; }
.info-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px; margin-top: 60px; padding-top: 24px; border-top: 1px solid #292929; }
.info-footer nav { display: flex; flex-wrap: wrap; gap: 14px; }
.info-footer nav a { color: #999; font-size: 13px; text-decoration: none; }
@media (max-width: 620px) { .info-footer { align-items: flex-start; flex-direction: column; } }
