.document-main {
    width: min(780px, 88%);
    min-height: calc(100svh - 200px);
    margin-inline: auto;
    padding: 3rem 0 5rem;
}
.document-mark { display: block; width: 72px; height: 72px; object-fit: contain; margin-bottom: 2.5rem; }
.document-main h1 { max-width: 650px; font-size: 3.5rem; margin-bottom: 1.75rem; }
.document-main h2 { font-size: 1.35rem; margin: 2.5rem 0 .75rem; }
.document-main .body-copy { color: var(--silver); max-width: 42rem; font-size: 1.0625rem; }
.action-main { width: min(620px, 88%); }
.action-main .primary-button { margin-top: 1rem; min-width: 240px; max-width: 100%; }
.action-main .error-message { margin-top: 1.5rem; }
.back-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 2rem; font-size: .875rem; }
.queue-position { border-top: 1px solid var(--line); margin-top: 2rem; padding-top: 1.5rem; }
.queue-position dt { color: var(--silver); font-size: .875rem; }
.queue-position dd { margin: .5rem 0 0; color: var(--mint); font-size: 3rem; font-variant-numeric: tabular-nums; }
.privacy-main > .body-copy { margin-bottom: 3rem; }
.privacy-section { border-top: 1px solid var(--line); margin-top: 2rem; }
.privacy-section h2 { margin-top: 1.75rem; }
@media (max-width: 600px) {
    .document-main { padding-block: 2rem 3rem; }
    .document-main h1 { font-size: 2.5rem; }
    .document-main .body-copy { font-size: 1rem; }
    .document-mark { width: 60px; height: 60px; margin-bottom: 2rem; }
    .queue-position dd { font-size: 2.25rem; }
}