.page { min-height: 100vh; background: #fff9f0; color: #302340; padding: 40px 24px 80px; }
.document { width: 100%; max-width: 800px; margin: 0 auto; line-height: 1.75; overflow-wrap: anywhere; }
.back { display: inline-block; margin-bottom: 48px; font-weight: 700; }
.eyebrow { letter-spacing: .1em; text-transform: uppercase; font-size: .8rem; color: #65509c; }
.document h1 { font-size: clamp(2.4rem, 6vw, 4rem); line-height: 1.15; margin: 12px 0; }
.document h2 { font-size: 1.45rem; line-height: 1.3; margin: 36px 0 12px; }
.document p { margin: 16px 0; }
.document ul { padding-left: 24px; }
.document li { margin: 12px 0; }
.document a { color: #5d4294; text-decoration: underline; text-underline-offset: 3px; }
.document a:focus-visible { outline: 3px solid #5d4294; outline-offset: 5px; }
@media (max-width: 480px) { .page { padding: 24px 20px 56px; } .back { margin-bottom: 32px; } }