/* Thank-you, cancel, privacy and 404: small pages on top of dx.css. */
.dx-page { position: relative; isolation: isolate; min-height: 100vh; padding-bottom: 80px; }
.dx-page [hidden] { display: none !important; }
.dx-narrow { position: relative; z-index: 1; max-width: 680px; }
.dx-center { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px; padding-top: clamp(16px, 4cqi, 40px); }
.dx-center h1 { font-size: clamp(2rem, 6cqi, 3.2rem); }
.dx-done { width: 64px; height: 64px; border-radius: 50%; background: var(--teal); display: grid; place-items: center; box-shadow: 0 14px 30px -12px rgba(0,122,104,.6); }
.dx-upsell, .dx-box { width: 100%; padding: clamp(22px, 5cqi, 32px); display: flex; flex-direction: column; gap: 14px; text-align: left; }
.dx-upsell { box-shadow: 0 0 0 2px var(--teal), var(--sh-card); }
.dx-upsell .tag { align-self: flex-start; }
.dx-upsell h2 { font-size: clamp(1.5rem, 4.4cqi, 2rem); }
.dx-upsell p:not(.note) { color: var(--muted); }
.dx-key { padding: 14px 16px; border-radius: 12px; background: var(--soft); font: 700 1.15rem/1.3 ui-monospace, Menlo, monospace; letter-spacing: .04em; overflow-wrap: anywhere; user-select: all; }
.dx-key:empty { display: none; }
.dx-small { font-size: .9rem; color: var(--muted); }
.dx-steps { margin: 0; padding-left: 1.2em; display: flex; flex-direction: column; gap: 6px; font-size: .95rem; color: var(--muted); }
.dx-steps b, .dx-facts b { color: var(--ink); }
.dx-facts { list-style: none; margin: 0; padding: 0; width: 100%; display: flex; flex-direction: column; gap: 10px; text-align: left; font-size: .95rem; color: var(--muted); }
.dx-facts li { display: flex; gap: 10px; align-items: flex-start; }
.dx-facts svg { flex: none; margin-top: 6px; }
.dx-doc { text-align: left; align-items: stretch; gap: 14px; }
.dx-doc h1 { text-align: left; }
.dx-doc h2 { font-size: 1.35rem; margin-top: 14px; }
.dx-doc p, .dx-doc li { color: var(--muted); font-size: .98rem; }
.dx-doc ul { margin: 0; padding-left: 1.2em; display: flex; flex-direction: column; gap: 6px; }