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); }
.is-page { width: min(1320px, calc(100% - 40px)); margin: 20px auto 48px; }
.is-page__head { max-width: 640px; margin-bottom: 32px; }
.is-page__head h1 { margin: 0; font-size: clamp(28px, 3vw, 44px); font-weight: 300; line-height: 1.04; letter-spacing: -0.035em; }
.is-page__head p { max-width: 65ch; margin: 12px 0 0; font-size: 16px; line-height: 1.45; }
.is-page__boundary { display: grid; grid-template-columns: 180px 1fr; gap: 24px; margin-top: 44px; border-block: 1px solid var(--color); padding: 18px 0; }
.is-page__boundary span { font-family: var(--font-mono); font-size: var(--fs-label); letter-spacing: var(--tracking-caps); text-transform: uppercase; }
.is-page__boundary p { margin: 0; font-size: 13px; line-height: 1.45; }
.is-page__fallback { min-height: 320px; display: grid; place-content: center; border-block: 1px solid var(--hairline); text-align: center; }
@media (max-width: 720px) {
  .is-page { width: min(100% - 24px, 1320px); margin-top: 12px; }
  .is-page__boundary { grid-template-columns: 1fr; }
}