/* FAQ, Privacy and Support: the same design system as the main page (atelier-keynote.css supplies the tokens, nav, footer and marks).
   Only prose styling lives here. The words of these pages are the live pages' own; this file only sets them. */
.page { padding-top: calc(var(--nav-h) + clamp(24px, 5vw, 56px)); padding-bottom: clamp(16px, 3vw, 32px); }
.prose { max-width: 46rem; overflow-wrap: anywhere; }
.prose > * + * { margin-top: 16px; }
.prose h1 { font-family: "Fraunces", Georgia, serif; font-optical-sizing: auto; font-variation-settings: "SOFT" 65, "WONK" 0; font-weight: 600; font-size: clamp(2.25rem, 5vw, 3.75rem); line-height: 1.06; letter-spacing: -.02em; text-wrap: balance; margin: 0 0 8px; }
.prose h2 { font-family: "Fraunces", Georgia, serif; font-optical-sizing: auto; font-variation-settings: "SOFT" 65, "WONK" 0; font-weight: 600; font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.15; letter-spacing: -.01em; text-wrap: balance; margin: 40px 0 0; }
.prose h3 { font-family: "Fraunces", Georgia, serif; font-variation-settings: "SOFT" 65, "WONK" 0; font-size: 1.25rem; line-height: 1.25; font-weight: 600; margin: 0; }
.prose p, .prose li { max-width: 40em; line-height: 1.65; }
.prose ul { display: grid; gap: 10px; padding-left: 1.25em; list-style: disc; }
.prose li::marker { color: var(--accent); }
.prose a { color: var(--ink); text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.prose strong { font-weight: 700; }
.dt-eyebrow, .dt-effective { font-size: .9375rem; color: var(--ink-2); }
.dt-lead { font-size: clamp(1.1875rem, 1.6vw, 1.3125rem); line-height: 1.55; color: var(--ink-2); }
.dt-lead a { color: var(--ink); }
/* FAQ: one ruled row per question, no cards */
.dt-qa { border-top: 1px solid var(--hair); padding-top: 4px; margin-top: 8px !important; }
.dt-qa h2 { margin-top: 20px; font-size: clamp(1.25rem, 2vw, 1.5rem); }
.dt-qa p { margin-top: 10px; }
.dt-more { padding-top: 24px; border-top: 1px solid var(--hair); margin-top: 32px !important; }
/* Support: quick answers as ruled rows */
.dt-card { border-top: 1px solid var(--hair); padding: 20px 0 4px; margin-top: 8px !important; }
.dt-card p { margin-top: 8px; }
/* Creators: the questions heading sits above ruled rows */
.dt-sub { margin-top: 48px; }
.dt-qa h3 { margin-top: 20px; }