/* Integration and corrections where the packaged CSS differs from Claude's visual source. */
.hp-skip { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.hp-skip:focus { width: auto; height: auto; clip-path: none; left: 24px; top: 8px; padding: 8px; background: var(--bg); z-index: 1; }
.hp-support-action { margin: 4px 0 0; }

/* Holding Page.dc.html: one 16px gap between status rows and metadata. */
.hp-section--status { gap: 16px; }
.hp-status + .hp-meta { margin-top: 0; }
.hp-section--support .hp-p { max-width: 56ch; }

/* The original mobile mockup and guidance retain the fluid desktop tokens. */
@media (max-width: 640px) {
  :root {
    --gap-shell: clamp(44px, 7vw, 88px);
    --gap-block: clamp(44px, 6vw, 80px);
    --rule-pad: clamp(28px, 3.5vw, 40px);
  }
  .hp-h1 { max-width: 18ch; letter-spacing: -0.045em; }
  .hp-row { padding: 18px 0; }
}