/* Uses the same typography, spacing and palette tokens as the gallery. */
.ack-page { color: var(--vx-ink, #141614); }
.ack-heading { padding: clamp(34px, 4.5vw, 72px) var(--content-pad); background: #e0e0de; border-bottom: 1px solid var(--vx-line, rgba(20, 22, 20, .18)); }
.vercel-page .ack-page .ack-heading h1 { margin: 0 0 20px; font-family: var(--display-font, 'Russo One', 'Onest', Arial, sans-serif); font-size: clamp(32px, 4vw, 58px); font-weight: 400; line-height: 1.05; letter-spacing: 0; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; }
.ack-documents { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(32px, 4vw, 56px) var(--vx-grid, clamp(18px, 3vw, 48px)); padding: clamp(34px, 4.5vw, 72px) var(--content-pad) clamp(48px, 6.5vw, 108px); }
.ack-document { min-width: 0; }
.ack-document__preview { display: flex; aspect-ratio: 210 / 297; background: var(--vx-panel-2, #fff); border: 1px solid var(--vx-line, rgba(20, 22, 20, .18)); padding: 10px; }
.ack-document__preview img { width: 100%; height: 100%; min-width: 0; object-fit: contain; }
.ack-document__preview:focus-visible, .ack-document__title a:focus-visible { outline: 3px solid var(--vx-ink, #141614); outline-offset: 5px; }
.vercel-page .ack-page .ack-document__title { margin: 18px 0 0; font-size: clamp(18px, 1.5vw, 22px); font-weight: 400; line-height: 1.3; letter-spacing: 0; overflow-wrap: anywhere; }
.ack-document__title a { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; min-height: 44px; color: inherit; text-decoration: none; }
.ack-document__arrow { flex: none; color: var(--vx-accent, #e26419); font-family: 'Onest', Arial, sans-serif; font-size: 24px; }
.ack-document__title a:hover { text-decoration: underline; text-decoration-color: var(--vx-accent, #e26419); text-underline-offset: 5px; }
.ack-document__fallback { display: flex; flex-direction: column; justify-content: center; gap: 24px; padding: 18px; overflow-wrap: anywhere; }
.ack-document__fallback strong { font-size: 42px; }
.ack-empty { grid-column: 1 / -1; padding: 12px 0; }
@media (max-width: 1200px) { .ack-documents { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .ack-documents { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ack-documents { grid-template-columns: 1fr; } .vercel-page .ack-page .ack-heading h1 { font-size: clamp(28px, 7.8vw, 42px); } }

.ack-home { grid-column: 1 / -1; padding-top: 8px; }