html { overflow-x: clip; }
body { min-width: 0; }
img { max-width: 100%; height: auto; }
a, code { overflow-wrap: anywhere; }
.shell > *, .split > *, .token-card > *, .mission section > *, .paper > section > * { min-width: 0; }
.contract code { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.primary, .secondary { display: inline-block; max-width: 100%; }
footer { flex-wrap: wrap; }

@media (max-width: 850px) {
  footer { text-align: center; padding: 32px 0; }
}

@media (max-width: 520px) {
  .paper-head h1, .mission h1 { font-size: clamp(2.35rem, 14vw, 3rem); overflow-wrap: normal; }
  .fact-grid { grid-template-columns: 1fr; }
  .paper ul, .paper ol, .mission ul, .mission ol { padding-left: 1.25rem; }
  .mission-state { gap: 8px; }
}