/* Public document layout. Reuses the approved self-hosted fonts and header. */
.document { padding-top: 46px; padding-bottom: 90px; }
.document-intro { padding: 62px 0 56px; max-width: 760px; }
.document-eyebrow { display: block; font: 11px/1.6 "Space Mono", monospace; letter-spacing: .05em; color: #c4a6e1; }
.document h1 { font-size: clamp(64px, 8vw, 112px); margin: 18px 0 24px; text-transform: uppercase; }
.document-intro p { max-width: 540px; font-size: 20px; }
.document-grid { display: grid; grid-template-columns: 250px minmax(0, 720px); gap: 75px; border-top: 1px solid var(--line); padding-top: 36px; }
.document-toc { position: sticky; top: 112px; align-self: start; display: grid; gap: 16px; }
.document-toc a { color: #dad1e2; font-size: 14px; line-height: 1.6; }
.document-toc a:hover { color: var(--purple); text-decoration: underline; }
.document-section { padding: 0 0 40px; margin-bottom: 36px; border-bottom: 1px solid var(--line); scroll-margin-top: 115px; }
.document-section h2 { font-family: "Space Grotesk", sans-serif; font-size: 27px; line-height: 1.2; font-weight: 500; letter-spacing: -.035em; margin-bottom: 18px; }
.document-section p { font-size: 16px; line-height: 1.85; }
@media(max-width: 900px) { .document-grid { grid-template-columns: 190px minmax(0, 1fr); gap: 32px; } }
@media(max-width: 650px) { .document { padding-top: 26px; } .document-intro { padding: 40px 0 36px; } .document-intro p { font-size: 18px; } .document-grid { display: block; padding-top: 26px; } .document-toc { position: static; margin-bottom: 38px; padding-bottom: 28px; border-bottom: 1px solid var(--line); } .document-section h2 { font-size: 25px; } }

.document-body a { color: var(--purple); text-decoration: underline; text-underline-offset: .2em; }

.recipient-summary { margin-top: 22px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; }
.recipient-summary h3, .document-subheading { font-size: 18px; font-weight: 500; margin: 24px 0 12px; }
.recipient-summary h3 { margin-top: 0; }
.recipient-summary ul { margin: 0; padding-left: 20px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.recipient-summary strong { color: var(--paper); font-weight: 500; }

/* Visitor-facing copy keeps review notes outside the page. */
.document-section p + p { margin-top: 18px; }

.document-body a { overflow-wrap: anywhere; }