@font-face{font-family:Inter;src:url('/screening-report-example/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--font-inter:Inter,sans-serif}
body{font-family:Inter,sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1f365c;outline-offset:5px}
.local-preview-note{padding:32px;line-height:1.7;font-size:1rem}
.audio-button{min-height:48px;min-width:125px}
@media(max-width:600px){.question-row{flex-direction:column;align-items:flex-start}.quiz-top{gap:16px}.quiz-top span{font-size:14px}.audio-button{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.completion-card{background:#fff;border:1px solid #d8dfdc;border-radius:20px;padding:clamp(20px,4vw,40px);margin-bottom:32px}.completion-card fieldset{border:1px solid #d8dfdc;border-radius:12px;margin:24px 0;padding:20px}.completion-card legend{font-weight:700;padding:0 8px}.completion-card details{margin:24px 0}.completion-card summary{cursor:pointer;font-weight:700}.completion-card li{padding:8px 0}.completion-card .contact-field{display:block;margin:16px 0;font-weight:600}.completion-card .contact-field input{display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:8px;border:1px solid #8b9b94;border-radius:8px;font:inherit}.completion-card .submission-check{align-items:flex-start}.completion-card input[type=radio],.completion-card input[type=checkbox]{flex-shrink:0;margin-top:4px}.completion-card .text-button{display:block;margin-top:16px}

/* Match showcase website/website/app/globals.css (8 September 2026). */
:root{--ink:#0a2747;--teal:#07549b;--mint:#e2eee8;--cream:#f7f3e9;--coral:#65b9ae;--line:#d7dcd7;--dtc-card:#fffcf6;--dtc-muted:#4d6071}
html,body{background:var(--cream);color:var(--ink)}
.primary{background:#07549b;color:#fff;box-shadow:0 10px 24px #0a27471a}
.primary:hover{background:#0a2747;box-shadow:0 14px 30px #0a274724}
.secondary,.audio-button,.answers button,.details-card,.completion-card,.trait-section,.category-results article,.feature-grid article,.pathway-grid>button,.disclaimer{background:var(--dtc-card);border-color:var(--line)}
.secondary,.audio-button{color:#07549b;border-color:#07549b}
.answers button:hover,.answers button.selected,.audio-button:hover,.audio-button.speaking,.pathway-grid>button:hover{background:#e2eee8;border-color:#07549b}
.report-card{background:#0a2747;box-shadow:0 22px 50px #0a27471a}
.next-step-card,.final-cta,.pathway-note,.category-pill,.pathway-icon{background:#e2eee8}
.feature-number{color:#07549b}
.brand-tagline,.lead,.quick-facts,.privacy-note,.prompt,.details-heading>p:last-child,.details-note,.results-heading>p:last-child,.section-heading>p:last-child,.split-copy>p,.feature-grid p,.trait-heading>p:last-child,.trait-card p,.trait-note,.category-results p,.next-step-card p:not(.eyebrow),.result-disclaimer,footer{color:var(--dtc-muted)}
.image-frame{background:#e2eee8}.image-badge{background:#0a2747e6}.image-frame:after{background:linear-gradient(transparent,#0a27477a)}
.visual-caption .card-kicker,.score-overview .card-kicker,.trust-strip strong,.report-card .card-kicker,.report-list b{color:#a8d8cf}
.completion-card fieldset,.site-header{border-color:var(--line)}
.completion-card .contact-field input{background:var(--dtc-card);border-color:#4d6071}
input{accent-color:#07549b}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#07549b}

.page-reader{background:#e2eee8;border-bottom:1px solid #d7dcd7;padding:12px max(20px,calc((100vw - 1112px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.reader-toggle{display:inline-flex;align-items:center;gap:10px;background:#07549b;color:white;border:0;border-radius:8px;min-height:46px;padding:10px 18px;font:inherit;font-weight:650;cursor:pointer}
.reader-toggle:hover{background:#0a2747}.reader-status{margin:0;color:#0a2747;font-size:14px;line-height:1.5;flex:1;min-width:200px}
@media(max-width:600px){.page-reader{gap:8px}.reader-toggle{width:100%;justify-content:center}.reader-status{font-size:14px}}
@media print{.page-reader{display:none!important}}
.paid-screening{margin:28px 0;padding:24px;background:#e2eee8;border:1px solid #d7dcd7;border-radius:16px;text-align:left}.paid-screening h3{font-size:1.5rem;font-weight:700;margin:0 0 12px}.paid-screening p{margin:12px 0;line-height:1.65}.paid-screening-details{margin-top:24px;border-top:1px solid #b7cdc4;padding-top:20px}.paid-screening h4{font-size:1.125rem;font-weight:700}.paid-service-status{background:#fffcf6;border-left:4px solid #07549b;padding:16px}

header img{height:auto}