html, body { overflow-x: clip; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 20; transform: translateY(-200%); padding: 8px 10px; color: var(--backgroundColor); background: var(--color); }
.skip-link:focus { transform: translateY(0); }
.ip-page { width: min(1320px, calc(100% - 40px)); margin: 20px auto 48px; }
.ip-page__boundary { display: grid; grid-template-columns: 180px 1fr; gap: 24px; margin-top: 44px; border-block: 1px solid var(--color); padding: 18px 0; }
.ip-page__boundary span { font-family: var(--font-mono); font-size: var(--fs-label); letter-spacing: var(--tracking-caps); text-transform: uppercase; }
.ip-page__boundary p { margin: 0; font-size: 13px; line-height: 1.45; }
.ip-page__fallback { min-height: 320px; display: grid; place-content: center; border-block: 1px solid var(--hairline); text-align: center; }
@media (max-width: 720px) {
  .ip-page { width: min(100% - 24px, 1320px); margin-top: 12px; }

  .ip-page__boundary { grid-template-columns: 1fr; }
}