@media (max-width: 56.25rem) {
  .header-inner { grid-template-columns: 1fr auto; }
  .header-mark { display: none; }
  .hero, .install-inner, .section-heading, .demo-layout, .proof-layout, .responsibility-inner { grid-template-columns: 1fr; }
  .hero { min-block-size: auto; }
  .hero-copy { padding-block: var(--space-20); padding-inline-end: 0; }
  .hero-docket { min-block-size: 34rem; border-block-start: var(--rule); }
  .install-inner, .section-heading { gap: var(--space-8); }
  .proof-lead { padding-inline-end: 0; padding-block-end: var(--space-8); border-inline-end: 0; border-bottom: 1px solid var(--color-ink); }
  .api-row { grid-template-columns: 4fr 8fr; }
  .api-row p { grid-column: 2; }
  .footer-inner { grid-template-columns: 1fr 1fr; padding-block: var(--space-8); }
  .footer-inner p { order: 3; grid-column: 1 / -1; }
}

@media (max-width: 37.5rem) {
  .container { inline-size: min(calc(100% - var(--space-8)), var(--container)); }
  .site-header nav { display: none; }
  .header-inner { min-block-size: var(--space-16); }
  .hero { inline-size: 100%; }
  .hero-copy { padding: var(--space-16) var(--space-4); }
  .document-label { margin-block-end: var(--space-8); }
  h1 { font-size: clamp(2.5rem, 12vw, 3.25rem); }
  .hero-description { font-size: var(--type-body); }
  .hero-docket { min-block-size: 29rem; border-inline: 0; padding: var(--space-6) var(--space-4); }
  .docket-stamp { font-size: 4rem; }
  .install-inner { padding-block: var(--space-8); }
  .command-line { align-items: stretch; flex-direction: column; padding: var(--space-4); }
  .command-line .copy-button { inline-size: 100%; border: 1px solid var(--color-muted); }
  .section { padding-block: var(--space-20); }
  .section-heading { margin-block-end: var(--space-10); }
  .section-heading h2, .proof-lead h2, .responsibility h2 { font-size: 2rem; letter-spacing: -0.04em; }
  .demo-layout { gap: var(--space-16); }
  .api-row { grid-template-columns: 1fr; gap: var(--space-2); }
  .api-row p { grid-column: auto; }
  .table-wrap { overflow: visible; }
  .table-wrap table, .table-wrap tbody { display: block; inline-size: 100%; }
  .table-wrap thead {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
  .table-wrap tbody tr {
    display: grid;
    gap: var(--space-1);
    padding-block: var(--space-4);
    border-bottom: var(--rule);
  }
  .table-wrap tbody th, .table-wrap tbody td {
    min-inline-size: 0;
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: var(--space-3);
    padding: 0;
    border: 0;
    text-align: start;
    overflow-wrap: anywhere;
  }
  .table-wrap tbody th::before, .table-wrap tbody td::before {
    color: var(--color-muted);
    font-size: var(--type-small);
    font-weight: 650;
  }
  .table-wrap tbody th::before { content: "입력"; }
  .table-wrap tbody td:nth-child(2)::before { content: "strict 결과"; }
  .table-wrap tbody td:nth-child(3)::before { content: "근거"; }
  pre { padding: var(--space-5); white-space: pre-wrap; overflow-wrap: anywhere; }
  .footer-inner { grid-template-columns: 1fr; gap: var(--space-3); }
  .footer-inner p, .footer-inner a { grid-column: auto; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .skip-link, .button:active, .copy-button:active, .preset-group button:active { transform: none; }
}