/* Reading edition: the questionnaire data stays at v1.0; presentation is v1.1. */
:root{--ink:#203b4b;--text:#354a55;--muted:#566971;--blue-deep:#496d7b;--coral:#925541;--note-paper:#fffdf7;--soft-line:#d7ddd9;--report-copy:1.0625rem}
html{scroll-padding-top:7rem;scroll-padding-bottom:7rem}
body{line-break:strict;overflow-wrap:anywhere}
button,select,input,textarea,a{touch-action:manipulation}
select,textarea{font:inherit;color:var(--ink)}
select:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
main,section,article,.hero-copy,.report-cover-copy,.report-body,.question-panel{min-width:0}
.text-button{min-height:44px;display:inline-flex;align-items:center}
.button{min-height:48px}
.close-button{min-width:44px;min-height:44px;margin-top:-10px;margin-right:-10px}
.skip-answer{min-height:44px;padding-inline:10px;font-size:.875rem}
.hero-description{max-width:34em}
.home-promise{font-size:.8125rem;color:var(--muted);margin:16px 0 0}
.hero-meta{font-size:.8125rem;flex-wrap:wrap;margin-top:8px}
.eyebrow,.hero .eyebrow,.report-cover .eyebrow,.report-section>.eyebrow{font-size:.75rem;letter-spacing:.13em;color:var(--blue-deep)}
.art-caption,.art-number,.cover-note,.question-number small,.question-meta,.chapter-list li,.chapter-list li.past,.chapter-list small{color:var(--muted)}
.site-footer,.site-header nav,.quiet-note p,.quiet-note button,.side-note,.keyboard-note{font-size:.8125rem}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}

/* A tangible sample makes the long-form result visible before starting. */
.home-preview{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);padding:64px 0 76px;border-top:1px solid var(--soft-line);align-items:center}
.preview-intro h2{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.75;margin-bottom:20px}
.preview-intro>p:not(.eyebrow){max-width:29em;color:var(--muted);font-size:.9375rem;line-height:2}
.preview-contents{list-style:none;padding:0;margin:27px 0 0}
.preview-contents li{display:flex;gap:17px;padding:12px 0;border-bottom:1px solid var(--soft-line);font-size:.875rem}
.preview-contents li>span{color:var(--coral);font-family:var(--serif);flex-shrink:0}
.sample-page{position:relative;padding:40px 36px 32px 42px;background:var(--note-paper);border:1px solid #d7d8ce;border-left:4px solid #c2ccca;box-shadow:8px 8px 0 #e9ece5;max-width:520px}
.sample-kicker{font-size:.75rem;color:var(--muted);padding-right:45px;margin-bottom:34px}
.sample-page-number{position:absolute;top:34px;right:24px;writing-mode:vertical-rl;font-size:.6875rem;letter-spacing:.15em;color:var(--muted)}
.sample-page h3{font-family:var(--serif);font-size:1.6rem;line-height:1.8;font-weight:500}
.sample-page>p:not(.sample-kicker){font-size:.9375rem;line-height:2.05;max-width:30em}
.sample-evidence{margin:24px 0 15px;padding:18px 0 0;border-top:1px dashed #bac9c8}
.sample-evidence>span{font-size:.8125rem;color:var(--blue-deep)}
.sample-evidence p{font-size:.875rem;margin:7px 0;color:var(--muted)}
.sample-page>.text-button{font-size:.875rem;gap:12px}
.note-columns p{font-size:.9375rem}

/* Keep the answer and its status close together. No automatic advance. */
.question-panel h1{line-height:1.8;max-width:29em}
.scenario-option{align-items:baseline}
.scenario-option p{font-size:1rem}
.answer-scale{grid-template-columns:repeat(5,minmax(0,1fr))}
.scale-choice{min-width:0;min-height:84px}
.choice-label{font-size:.8125rem;color:var(--muted)}
.choice-dot{color:var(--muted)}
.scale-choice input:checked~.choice-label{font-weight:600;color:var(--ink)}
.question-error{margin-bottom:0}
.selected-answer{font-size:.875rem;line-height:1.9;color:var(--ink);background:var(--blue);padding:10px 14px;border-radius:3px;margin:12px 0 18px}
.selected-answer:empty{display:none}
.chapter-list li{font-size:.875rem;flex-wrap:wrap}
.chapter-list small{font-size:.75rem;font-variant-numeric:tabular-nums}
.question-navigation{flex-wrap:wrap}
.question-navigation>span{font-size:.8125rem}
.next-button{max-width:100%;white-space:normal;gap:12px}

/* Review is a real page, not a grid of unexplained question numbers. */
.review-main{min-height:70vh}
.review-cover,.review-answers{max-width:960px}
.review-cover{padding:55px 0 32px}
.review-cover h1{font-size:clamp(1.85rem,3.8vw,3rem);line-height:1.75;margin-bottom:22px}
.review-cover>p:not(.eyebrow){max-width:42em;line-height:2}
.review-stats{display:flex;flex-wrap:wrap;gap:18px 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:28px 0;color:var(--muted);font-size:.875rem}
.review-stats b{color:var(--ink);font-size:1.5rem;font-family:var(--serif);font-weight:500;padding-right:5px}
.review-actions,.review-heading,.review-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.review-coverage{font-size:.875rem;color:var(--muted);margin-top:20px}
.review-heading{justify-content:space-between;margin:15px 0 24px}
.review-heading h2{font-size:1.7rem;margin:0}
.review-chapter{border-top:1px solid #bac9c8}
.review-chapter:last-of-type{border-bottom:1px solid #bac9c8}
.review-chapter>summary{cursor:pointer;padding:21px 0;color:var(--ink);font-size:1.0625rem;line-height:1.7}
.review-chapter>summary>span{margin:0 14px 0 5px;color:var(--coral);font-family:var(--serif)}
.review-chapter>summary>small{font-size:.8125rem;color:var(--muted);margin-left:18px}
.review-chapter ol{list-style:none;margin:0;padding:0 0 15px}
.review-chapter li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 25px;padding:20px 4px;border-top:1px dashed var(--line);align-items:start}
.review-chapter h3{font-size:.9375rem;line-height:1.9;margin:0 0 9px}
.review-chapter li p{font-size:.875rem;line-height:1.9;margin:0;color:var(--muted)}
.review-chapter li>.text-button{font-size:.875rem;min-width:44px;justify-content:center}
.review-chapter .answer-skipped{color:var(--coral)}
.review-bottom{padding:32px 0 60px;text-align:right}
.fit-choice{border:1px solid #aebfbe;background:transparent;color:var(--ink);border-radius:4px;padding:8px 14px;font-size:.875rem;min-height:44px;line-height:1.65}
.fit-choice:hover{background:var(--blue)}
.fit-choice[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--white)}

/* The report reads as a small book: summary, sections, evidence, own notes. */
.report-layout{grid-template-columns:180px minmax(0,760px);justify-content:center;gap:60px}
.report-body{max-width:760px}
.report-cover h1{letter-spacing:.04em}
.report-stats,.report-calibration{font-size:.875rem;line-height:1.95}
.report-actions{flex-wrap:wrap}
.report-actions>.text-button,.report-actions .button{font-size:.875rem}
.report-nav>.wrap{gap:24px;justify-content:center;flex-wrap:wrap;overflow:visible}
.report-nav a{font-size:.875rem;min-height:48px;padding-block:10px}
.mobile-report-toc{display:none}
.report-section,.dimension-detail{scroll-margin-top:8rem}
.body-prose,.prose-card>p:last-child,.dimension-detail-body>p,.pressure-step p,.closing-letter>p,.chosen-practice>p:not(.mini-label){font-size:var(--report-copy);line-height:2;max-width:38em;letter-spacing:.01em}
.reading-large{--report-copy:1.25rem}
.reading-large .cost-note p,.reading-large .cross-card p,.reading-large .evidence>p,.reading-large .answer-distribution>p,.reading-large .chosen-practice blockquote{font-size:1.125rem;line-height:2}
.reading-large .section-intro{font-size:1rem}
.section-intro{font-size:.9375rem;line-height:2}
.mini-label,.pair-label,.basis-title>span,.pressure-footnote,.report-end>p,.meter-foot,.details-toolbar,.report-end label>span{font-size:.8125rem;color:var(--muted)}
.dimension-detail summary small{font-size:.8125rem}
.meter-title{font-size:.9375rem}
.meter-title strong,.meter-labels{font-size:.8125rem;color:var(--muted)}
.meter-title,.meter-labels,.meter-foot{flex-wrap:wrap;gap:4px 12px}
.dimension-detail-body h3{font-size:1.375rem}
.cost-note p,.cross-card p{font-size:.9375rem;line-height:2}
.evidence>span,.evidence .text-button,.evidence>p{font-size:.875rem}
.evidence .evidence-answer{font-size:.9375rem}
.basis-item .evidence>span{display:block;color:var(--blue-deep)}
.quick-read{border-top:0}
.quick-read-list{border-top:1px solid #b8c8ca}
.quick-read-list article{display:grid;grid-template-columns:35px minmax(0,1fr);gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}
.quick-number{font-family:var(--serif);font-size:1.35rem;color:var(--coral)}
.quick-read-list .mini-label{margin:0 0 8px}
.quick-read-list h3{font-family:var(--serif);font-size:1.25rem;line-height:1.9;margin:0 0 12px}
.quick-read-list article p:not(.mini-label){font-size:.9375rem;color:var(--muted);line-height:1.95}
.quick-read-list a,.chosen-practice>a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;color:var(--blue-deep)}
.cross-card .cross-practice{border-top:1px solid #cbd6d3;margin-top:20px;padding-top:14px;font-size:.875rem}
.cross-practice>strong{display:block;font-weight:500;color:var(--blue-deep);margin-bottom:6px}
.answer-distribution{padding:18px 20px;background:#edf1ed;border-radius:3px;margin:24px 0}
.answer-distribution .mini-label{margin:0 0 12px}
.answer-distribution>p:not(.mini-label){font-size:.875rem;line-height:1.95;margin:12px 0 0}
.answer-distribution>small{display:block;font-size:.8125rem;color:var(--muted);margin-top:9px}
.distribution-strip{display:flex;gap:3px;height:8px;overflow:hidden;border-radius:2px}
.distribution-strip>span{min-width:0}
.pole-low{background:#537886}.pole-mid{background:#a9b8b3}.pole-high{background:#9a705e}
.reader-reflection{padding:22px 0 0;margin-top:22px;border-top:1px dashed #bac9c8}
.reflection-title{font-size:.9375rem;color:var(--ink);margin-bottom:8px}
.reflection-hint{font-size:.8125rem;line-height:1.9;color:var(--muted);margin-bottom:16px}
.fit-choices{display:flex;flex-wrap:wrap;gap:10px}
.reader-reflection>label{display:block;font-size:.875rem;margin-top:21px}
.reader-reflection>label span{display:block;font-size:.8125rem;color:var(--muted);margin:4px 0 10px}
.reader-reflection textarea{width:100%;min-height:100px;resize:vertical;border:1px solid #acbdbc;background:var(--note-paper);padding:12px 14px;border-radius:3px;font-size:1rem;line-height:1.9}
.reader-reflection>small{display:block;text-align:right;color:var(--muted);font-size:.75rem}
.practice-picker{margin:24px 0}
.practice-picker label{display:block;font-size:.9375rem;margin-bottom:10px}
.practice-picker select{display:block;max-width:100%;min-width:min(100%,280px);min-height:48px;border:1px solid #aebfbe;background:var(--white);padding:10px 38px 10px 14px;border-radius:3px;font-size:1rem}
.practice-picker p{font-size:.8125rem;line-height:1.9;color:var(--muted);margin-top:10px}
.chosen-practice{border:1px solid #b9c9c7;background:var(--note-paper);padding:30px 32px}
.chosen-practice h3{font-family:var(--serif);font-size:1.4rem;line-height:1.8}
.practice-script-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:24px 0}
.practice-script-box>span{font-size:.8125rem;color:var(--muted)}
.practice-script-box blockquote{font-family:var(--serif);font-size:1.125rem;line-height:1.95;color:var(--ink);margin:12px 0 0}
.chosen-practice .practice-followup{font-size:.875rem;color:var(--muted)}

@media(max-width:1100px){.report-layout{grid-template-columns:145px minmax(0,1fr);gap:35px}.home-preview{gap:40px}.report-nav>.wrap{gap:20px}}
@media(max-width:800px){
 .home-preview{grid-template-columns:1fr;gap:32px;padding:40px 0 48px}.preview-intro h2 br{display:none}.sample-page{max-width:none}
 .report-layout{display:block}.report-body{max-width:100%}.report-nav{display:none}
 .mobile-report-toc{display:block;width:min(100% - 64px,760px);margin:0 auto;border-block:1px solid #b8c8ca}
 .mobile-report-toc>summary{padding:14px 5px;cursor:pointer;font-size:.9375rem;color:var(--ink);min-height:48px}
 .mobile-report-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding:5px 0 18px}
 .mobile-report-toc a{padding:10px 12px;min-height:44px;font-size:.875rem;line-height:1.8}
 .report-section,.dimension-detail{scroll-margin-top:1.5rem}.report-section{padding-block:38px}
 .review-heading{align-items:flex-start;gap:18px}.question-navigation .next-button{margin-left:auto}
}
@media(max-width:560px){
 .hero h1{font-size:clamp(2rem,8.8vw,2.65rem)}.hero-description{font-size:.9375rem}.hero-lead{font-size:1rem}.hero .eyebrow{font-size:.75rem}
 .sample-link{font-size:.875rem;white-space:normal}.hero-meta{font-size:.75rem;gap:8px}.hero-meta span+span::before{margin-right:8px}
 .home-promise{font-size:.8125rem}.sample-page{padding:28px 25px 25px}.sample-kicker{font-size:.75rem}.sample-page h3{font-size:1.35rem}
 .sample-page-number{top:28px;right:16px}.preview-intro h2{font-size:1.65rem}.preview-contents li{font-size:.875rem}
 .opening-notes h2{font-size:1.5rem}.note-columns h3{font-size:1rem}.note-columns p{font-size:.875rem}
 .site-header nav .text-button{font-size:.8125rem}.site-footer{font-size:.75rem}.quiet-note p,.quiet-note button{font-size:.8125rem}
 .question-panel h1{font-size:1.5rem;line-height:1.85}.scenario-option p{font-size:.9375rem}.scenario-option{padding:15px 18px}
 .chapter-hint,.question-meta,.quiz-topline,.quiz-topline button,.answer-field legend{font-size:.8125rem}
 .question-navigation{position:sticky;bottom:0;background:var(--paper);z-index:2;padding:14px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid #cbd4d0}
 .question-navigation>span{font-size:.75rem}.next-button{font-size:.875rem;min-width:100px;max-width:190px;padding:11px 14px}
 .answer-scale{gap:6px}.choice-label{font-size:.75rem}.skip-answer{font-size:.8125rem}.selected-answer{font-size:.8125rem}
 .mobile-report-toc{width:calc(100% - 40px)}.report-actions{gap:10px 16px}.report-actions>.text-button,.report-actions .button{font-size:.8125rem}
 .report-cover h1{font-size:2rem}.report-stats,.report-calibration{font-size:.8125rem}.trait-tags>span{font-size:.8125rem}
 .report-section>h2{font-size:1.75rem}.report-cover .eyebrow{font-size:.75rem;letter-spacing:.06em}
 .body-prose,.prose-card>p:last-child,.dimension-detail-body>p,.pressure-step p,.closing-letter>p,.chosen-practice>p:not(.mini-label){font-size:var(--report-copy);line-height:2}
 .quick-read-list article{grid-template-columns:27px minmax(0,1fr);gap:14px}.quick-read-list h3{font-size:1.2rem}
 .answer-distribution{padding:16px}.chosen-practice{padding:23px 21px}.chosen-practice h3{font-size:1.25rem}
 .section-intro,.cost-note p,.cross-card p{font-size:.9375rem}.dimension-detail summary{font-size:1rem}.dimension-detail-body h3{font-size:1.25rem}
 .review-cover{padding-top:35px}.review-cover>p:not(.eyebrow){font-size:.9375rem}.review-stats{gap:14px 20px;font-size:.8125rem}
 .review-stats b{font-size:1.3rem}.review-actions>.button{width:100%}.review-answers{padding-bottom:0}
 .review-chapter li{gap:12px}.review-chapter>summary{font-size:1rem}.review-chapter>summary>span{margin-right:10px}
 .fit-choice{font-size:.8125rem;padding-inline:12px}.review-bottom>.button{width:100%}
 .demo-banner{font-size:.8125rem}.demo-banner button{font-size:.8125rem;flex-shrink:0}.closing-letter{padding:29px 23px}
 .dialog-head h2{font-size:1.375rem}#dialog-body{font-size:.9375rem}.question-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
 .overview-item>small{font-size:.75rem}.overview-item{min-height:65px}.report-end label{font-size:.9375rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{
 .report-layout{display:block}.report-body{max-width:none}.report-actions,.mobile-report-toc,.reader-reflection,.review-actions,.review-filters{display:none!important}
 .report-section,.dimension-detail{scroll-margin-top:0}.report-section{padding-block:20px}.quick-read-list article{padding-block:15px}
 .quick-read-list h3,.chosen-practice h3{font-size:13pt}.quick-read-list article p:not(.mini-label),.answer-distribution>p,.chosen-practice p,.practice-script-box blockquote{font-size:10pt}
 .body-prose,.prose-card>p:last-child,.dimension-detail-body>p,.pressure-step p,.closing-letter>p{font-size:11pt;max-width:none;line-height:1.9}
 .answer-distribution,.chosen-practice,.quick-read-list article{break-inside:avoid}.chosen-practice{padding:20px}.distribution-strip{print-color-adjust:exact}
 .report-section>h2{font-size:20pt}.report-stats,.report-calibration,.mini-label,.pair-label{font-size:9pt}.question-navigation{position:static}
}

.sample-link,.keyboard-note,.cost-note>span,.letter-sign,.variation-note{color:var(--muted)}.trait-tags>span{color:var(--blue-deep)}.fit-choice[aria-pressed=true]::before{content:"✓";margin-right:6px}