:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;--page:#06131f;--panel:#0b2032;--panel-soft:#0d263b;--ink:#eaf5ff;--muted:#b2c8db;--line:#31516b;--blue:#245df3;--blue-hover:#174fda;--accent:#9bdcff;--focus:#9bdbff;--error:#ffd0c8;background:var(--page);color:var(--ink)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-width:0;background:radial-gradient(ellipse at 65% 0,#143b58 0,transparent 48%),var(--page);overflow-wrap:anywhere}
button,input{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
a{color:var(--accent);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{line-height:1.2}
p{line-height:1.65}
h1{max-width:15ch;font-size:clamp(2.5rem,6vw,4rem);font-weight:550;letter-spacing:-.045em;line-height:1.06}
h2{font-size:clamp(1.65rem,3.5vw,2.4rem);font-weight:550;letter-spacing:-.025em}
h3{font-size:1.125rem;font-weight:650}
h2[tabindex="-1"]{scroll-margin-top:1.5rem}
.site-header,main,.site-footer{width:min(calc(100% - 48px),880px);margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.25rem;border-bottom:1px solid #244058}
.site-header a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none}
.brand-link{color:var(--ink);font-size:.9375rem;font-weight:650}
.home-link{gap:.45rem;color:var(--muted);font-size:.8125rem}
.skip-link{position:fixed;left:12px;top:12px;z-index:10;transform:translateY(-180%);padding:1rem;background:#fff;color:#072740;border-radius:6px}
.skip-link:focus{transform:translateY(0)}
main{padding-top:2.75rem;padding-bottom:2.2rem}
.eyebrow{color:var(--accent);font-size:.75rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.85rem}
.intro-heading{position:relative;isolation:isolate;overflow:hidden;padding-bottom:1.5rem}
.intro-heading::after{content:"";position:absolute;inset:-10px 0 -30px 25%;z-index:-1;opacity:.15;background:url('../images/cerveau-globe-mobile.webp') right center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 60%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 65%,transparent);mask-composite:intersect;pointer-events:none}
.in-test>.intro-heading{padding-bottom:1.2rem}
.in-test>.intro-heading h1{font-size:1rem;line-height:1.4;letter-spacing:0;max-width:none;color:var(--muted)}
.in-test>.intro-heading .lead,.in-test>.intro-heading .test-facts,.in-test>.intro-heading .eyebrow,.in-test>.intro-heading::after{display:none}
.lead{max-width:61ch;font-size:1.125rem;color:#c8dfef;margin-top:1.25rem;line-height:1.6}
.test-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none}
.test-facts li{padding:.3rem .65rem;border:1px solid #365872;border-radius:99px;color:#c8dfef;font-size:.75rem;line-height:1.5}
.intro-body{max-width:74ch}
.intro-body>p{color:var(--muted);font-size:.9375rem}
.notice{border:1px solid var(--line);border-left:3px solid #8ac8ed;border-radius:10px;padding:1rem 1.15rem;background:#0c2235;color:var(--muted);font-size:.875rem;line-height:1.65}
.notice strong{color:var(--ink);font-weight:650}
.notice p+p{margin-top:.5rem}
.intro-body>.notice{margin-top:1.25rem}
.start-panel{padding-top:1.5rem}
.save-option{display:flex;align-items:flex-start;gap:.7rem;width:fit-content;min-height:30px;font-size:.875rem;line-height:1.6;cursor:pointer}
input[type="checkbox"],input[type="radio"]{accent-color:#7acbff;flex:none;cursor:pointer}
.save-option input{width:19px;height:19px;margin:2px 0 0}
.small-note{color:var(--muted);font-size:.75rem;margin-top:.3rem;margin-left:1.9rem;line-height:1.6}
.button{display:inline-flex;justify-content:center;align-items:center;gap:.7rem;min-height:48px;padding:.8rem 1.2rem;border:1px solid transparent;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:650;line-height:1.4;text-decoration:none;max-width:100%;text-align:center}
.primary{background:var(--blue);color:#fff}
.primary:hover{background:var(--blue-hover)}
.secondary{background:#0b2032;border-color:#6289a4;color:var(--ink)}
.secondary:hover{background:#16354e}
.quiet{background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:.2em;font-weight:500}
.quiet:hover{color:var(--ink);background:#10273b}
.button:disabled{opacity:.48;cursor:not-allowed}
.start-button{margin-top:1.2rem;min-width:215px}
.privacy-note{font-size:.75rem;color:var(--muted);margin-top:.7rem}
.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}
.resume-panel{margin-top:1.25rem;padding:1.1rem;border:1px solid #729ec0;border-radius:12px;background:#12334c}
.resume-panel h2{font-size:1.1rem;letter-spacing:0}
.resume-panel p{font-size:.875rem;color:#c8dfef;margin-top:.35rem}
.resume-panel .button-row{margin-top:.85rem}
.step-header{margin-bottom:1.6rem}
.progress-block{margin-top:1.2rem}
progress{display:block;width:100%;height:8px;border:0;border-radius:99px;overflow:hidden;background:#1b384f;accent-color:#79caff}
progress::-webkit-progress-bar{background:#1b384f;border-radius:99px}
progress::-webkit-progress-value{background:#79caff;border-radius:99px}
progress::-moz-progress-bar{background:#79caff;border-radius:99px}
.progress-label{margin-top:.55rem;color:#c8dfef;font-size:.8125rem;font-variant-numeric:tabular-nums}
.step-help{color:var(--muted);font-size:.875rem;margin-top:.85rem}
#questions{display:grid;gap:1.1rem}
/* Renderer contract: fieldset.question > legend + .answers > label.answer > input + span. */
fieldset.question,.question fieldset{min-inline-size:0;margin:0;padding:1.25rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.question legend{max-width:100%;padding:0 .4rem;font-size:1rem;font-weight:550;line-height:1.55}
.question-number{color:#91bedc;font-size:.8125rem;font-weight:500;margin-right:.5rem;font-variant-numeric:tabular-nums}
.answers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-top:.6rem}
.answer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.65rem;min-height:102px;padding:.9rem .5rem;border:1px solid #44647e;border-radius:9px;background:#10283c;text-align:center;cursor:pointer;font-size:.8125rem;line-height:1.45}
.answer input[type="radio"]{width:20px;height:20px;margin:0}
.answer:hover{border-color:#90bfdf;background:#16364e}
.answer:has(input:checked),.answer.is-selected{border-color:#94d9ff;background:#173e5c;box-shadow:inset 0 0 0 1px #94d9ff}
.answer:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.answer:has(input:disabled){opacity:.5;cursor:not-allowed}
.question[aria-invalid="true"],.question.is-invalid{border-color:#ffb0a0}
.question-help{font-size:.8125rem;color:var(--muted);margin-top:.5rem}
.error-message{color:var(--error);font-size:.875rem;font-weight:550;line-height:1.6;margin-top:1rem}
.error-message:empty{display:none}
.page-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid #244058}
.results-heading{margin-bottom:1.4rem}
.results-notice{max-width:75ch}
.results-scale{margin-top:1rem;max-width:76ch;color:var(--muted);font-size:.875rem}
.sources-body p+p{margin-top:.7rem}
#storage-status{margin-left:0;margin-top:1rem}
.result-section{margin-top:2rem}
.section-title{font-size:1.2rem;margin-bottom:1rem}
.domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.facet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.domain-card,.facet-card{position:relative;min-width:0;padding:1.2rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.domain-card h3,.domain-card h4,.facet-card h3,.facet-card h4{font-size:1.0625rem;font-weight:600;line-height:1.4}
.facet-card{padding:1rem;background:#0a1d2d}
.facet-card h3,.facet-card h4{font-size:.9375rem}
.score-value{display:block;color:#b1e4ff;font-size:1.8rem;line-height:1.2;margin-top:.7rem;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.facet-card .score-value{font-size:1.35rem}
.score-label,.result-note{color:var(--muted);font-size:.8125rem;line-height:1.6;margin-top:.6rem}
.score-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.score-range,.scale-labels{display:flex;justify-content:space-between;gap:1rem;color:#aac4d7;font-size:.6875rem;line-height:1.5;margin-top:.35rem}
.facet-group{grid-column:1/-1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:1rem;background:var(--panel)}
.facet-group>.facet-grid{margin-top:1rem}
.result-actions{margin-top:2rem;padding-top:1.25rem;border-top:1px solid #244058}
.results-export{margin:1.1rem 0 1.5rem}
.results-export .small-note{margin-top:.55rem;margin-left:0;max-width:60ch}
.results-export .button{max-width:100%;white-space:normal;text-align:center}
.print-reference{display:none}
.sources{border-top:1px solid #244058;margin-top:2.2rem;padding-top:1rem;color:var(--muted);font-size:.8125rem}
summary{cursor:pointer;min-height:44px;padding:.7rem .15rem;color:#c8dfef;line-height:1.6;font-weight:550}
.sources-body{max-width:76ch;padding:.5rem .15rem 0}
.sources-body ul{margin:.65rem 0 0;padding-left:1.25rem;line-height:1.7}
.sources-body a{display:inline-block;padding-block:.2rem}
.noscript-notice{margin-top:1.5rem}
.site-footer{display:flex;justify-content:space-between;gap:1rem;padding-block:1.25rem 2rem;border-top:1px solid #244058;color:var(--muted);font-size:.75rem;line-height:1.6}
.site-footer a{color:var(--muted)}
.confirmation-panel{width:min(30rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:1.4rem;border:1px solid #6289a4;border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:0 20px 70px #0009;overflow-y:auto}
.confirmation-panel::backdrop{background:#020912c9}
.confirmation-panel h2{font-size:1.25rem;line-height:1.4;letter-spacing:0}
.confirmation-panel p{margin-top:.85rem;color:var(--muted);font-size:.9375rem;line-height:1.6}
.confirmation-panel .button-row{margin-top:1.3rem}
.confirmation-panel .button{flex:1 1 9rem}
@media print{.confirmation-panel{display:none!important}}
@media(max-width:680px){.site-header,main,.site-footer{width:calc(100% - 40px)}.site-header{padding-block:.9rem;gap:.75rem}.brand-link{font-size:.8125rem}.home-link{font-size:.75rem}main{padding-top:2rem}.intro-heading{padding-bottom:1.15rem}.lead{font-size:1rem;margin-top:1rem}.intro-body>p{font-size:.875rem}.notice{padding:.9rem 1rem;font-size:.8125rem}.test-facts{gap:.4rem}.test-facts li{font-size:.6875rem}.save-option{font-size:.8125rem}.small-note,.privacy-note{font-size:.6875rem}.start-button{width:100%}.answers{grid-template-columns:1fr;gap:.45rem}.answer{flex-direction:row;justify-content:flex-start;align-items:center;min-height:48px;gap:.8rem;padding:.7rem .85rem;text-align:left;font-size:.875rem}fieldset.question,.question fieldset{padding:1rem .9rem}.question legend{font-size:.9375rem}.page-actions{gap:.7rem}.page-actions .button{padding:.8rem 1rem}.domain-grid,.facet-grid{grid-template-columns:1fr}.domain-card,.facet-card{padding:1rem}.result-actions{align-items:stretch}.result-actions .button{flex:1 1 100%}.resume-panel .button-row{align-items:stretch}.resume-panel .button{flex:1 1 100%}.site-footer{display:block}.site-footer span{display:block;margin-top:.35rem}}
@media(max-width:360px){.site-header,main,.site-footer{width:calc(100% - 32px)}.site-header{gap:.5rem}.brand-link{max-width:10ch;line-height:1.35}.home-link{font-size:.6875rem}h1{font-size:2.4rem}.button{font-size:.8125rem;padding:.8rem 1rem}.page-actions .button{flex:1;padding:.8rem .65rem}.notice{padding:.85rem}.test-facts{gap:.3rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.answer:has(input:checked),.answer.is-selected{outline:2px solid Highlight}.primary,.secondary,.notice,.question,.domain-card,.facet-card{border:1px solid CanvasText}progress,meter{forced-color-adjust:auto}}
@media print{:root{color-scheme:light;color:#000;background:#fff}body{background:#fff;color:#000;font-size:11pt}.site-header,.skip-link,#intro-screen,#question-screen,.result-actions,.site-footer,.noscript-notice{display:none!important}main{width:100%;padding:0}#results-screen{color:#000}.results-heading .eyebrow,.lead,.notice,.result-note,.score-range,.score-value,.score-label,.sources,.section-title{color:#000}.notice,.domain-card,.facet-card,.facet-group{background:#fff;border-color:#aaa;break-inside:avoid;box-shadow:none}.domain-grid,.facet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-card,.facet-card{padding:.7rem}.result-section{margin-top:1.25rem}.sources{break-inside:avoid}a{color:#000}meter{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

@media print {
  @page { size:A4; margin:12mm; }
  .intro-heading,.results-export,main>.sources{display:none!important}
  #main.printing-personal-results{font-size:10pt;line-height:1.45}
  #main.printing-personal-results .privacy-note,.printing-personal-results .results-scale,.printing-personal-results summary,.printing-personal-results h3,.printing-personal-results h4{color:#000}
  #main.printing-personal-results .results-heading{margin-bottom:10pt}
  #main.printing-personal-results .results-heading h2{font-size:22pt;color:#000}
  #main.printing-personal-results .lead{font-size:11pt;margin-top:6pt}
  #main.printing-personal-results .result-section{margin-top:14pt}
  #main.printing-personal-results .section-title{break-after:avoid}
  #main.printing-personal-results #domain-results .domain-card{grid-template-columns:46mm minmax(0,1fr);gap:0 14pt;padding:9pt 0}
  #main.printing-personal-results #domain-results .result-note{font-size:9pt;margin-top:5pt}
  #main.printing-personal-results .score-value{font-size:18pt;color:#000}
  #main.printing-personal-results #facet-results{display:block}
  #main.printing-personal-results .facet-group{margin:10pt 0;padding:8pt;break-inside:avoid}
  #main.printing-personal-results .facet-group summary{min-height:0;padding:3pt 0;font-size:11pt}
  #main.printing-personal-results .facet-group>.facet-grid{gap:7pt;margin-top:7pt}
  #main.printing-personal-results .facet-card{padding:7pt}
  #main.printing-personal-results .facet-card h4{font-size:10pt}
  #main.printing-personal-results .facet-card .score-value{font-size:15pt;margin-top:5pt}
  #main.printing-personal-results #demo-screen{break-before:page}
  #main.printing-personal-results #demo-screen .demo-notice{display:none!important}
  #main.printing-personal-results .print-reference{display:block;color:#000;font-size:9pt;line-height:1.45;margin-bottom:10pt}
  #main.printing-personal-results #demo-screen .trait{grid-template-columns:49mm minmax(0,1fr);gap:0 12pt;padding:10pt 0;break-inside:avoid}
  #main.printing-personal-results #demo-content .trait-intro{display:block;grid-column:1}
  #main.printing-personal-results #demo-screen .raw-score{margin-top:8pt}
  #main.printing-personal-results #demo-screen .plot{grid-column:2;grid-row:1;margin:0}
  #main.printing-personal-results #demo-screen .plot svg{width:100%;max-height:105pt}
  #main.printing-personal-results #demo-screen .standardized-score{font-size:10pt}
  #main.printing-personal-results #demo-screen .reading-key{padding:10pt 0;font-size:9pt}
  #main.printing-personal-results #demo-screen .marker{stroke:#174f80}
  #main.printing-personal-results #demo-screen .point{fill:#174f80;stroke:#fff}
  #main.printing-personal-results #demo-screen .key-marker{background:#174f80;border:2px solid #174f80}
  #main.printing-personal-results #demo-screen .key-curve{background:#174f80;border-top:2px solid #174f80}
}

/* Chosen gold direction 03 – 12 September 2026. */
@media screen {
:root{--focus:#e6cc93}
.eyebrow{color:#e6cc93}
body{background:radial-gradient(ellipse 750px 650px at 82% 100px,#a47c3836,transparent 74%),radial-gradient(ellipse at 65% 0,#143b58 0,transparent 48%),#06131f}h1{color:#f1e1bc}

}

/* The regular results share the gold score accent used in the curves. */
@media screen and (forced-colors:none){
  #results-screen{--result-score-accent:#e6cc93}
  #results-screen .score-value{color:var(--result-score-accent)}
  #results-screen .score-denominator{color:#eaf5ff}
}

@media print{
}
@media(forced-colors:active){
}

/* Inline reference curves, one score per trait. */
#results-screen .results-reference{max-width:78ch;color:var(--muted);font-size:.8125rem;line-height:1.6}
#results-screen .result-reading-key{display:flex;flex-wrap:wrap;gap:10px 24px;margin:18px 0 8px;color:var(--muted);font-size:.8125rem}
#results-screen .result-reading-key>span{display:flex;align-items:center;gap:9px}
#results-screen .result-reading-key i{display:inline-block;width:21px;flex-shrink:0}
#results-screen .key-curve{height:2px;background:#9bdcff}
#results-screen .key-reference{border-top:2px dashed #a8bac8}
#results-screen .key-marker{height:11px;width:11px!important;border-radius:50%;background:#e6cc93;margin-inline:5px}
#results-screen .result-z-help{color:var(--muted);font-size:.75rem;line-height:1.5;margin-bottom:18px}
#results-screen .result-curve{min-width:0;margin:0}
#results-screen .result-curve svg{display:block;width:100%;height:auto;overflow:visible}
#results-screen .result-curve svg text{font:14px system-ui,sans-serif;fill:var(--muted)}
#results-screen .result-curve svg .reference-label{font-size:12px;font-weight:600}
#results-screen .area{fill:#75caff;fill-opacity:.07}
#results-screen .axis{stroke:#54728b;stroke-width:1}
#results-screen .reference{stroke:#a8bac8;stroke-width:1.5;stroke-dasharray:4 5}
#results-screen .curve{fill:none;stroke:#9bdcff;stroke-width:2}
#results-screen .marker{stroke:#e6cc93;stroke-width:2.5}
#results-screen .point{fill:#e6cc93;stroke:#10283c;stroke-width:2}
#results-screen .standardized-score{color:var(--muted);font-size:.8125rem;line-height:1.5;font-variant-numeric:tabular-nums}
@media screen and (forced-colors:none){
  .confirmation-panel{border-color:#ae8d52;background:radial-gradient(ellipse at top right,#a47c3826,transparent 70%),#0b2031}
  .answer input[type="radio"]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex-shrink:0;width:20px;height:20px;border:1.5px solid #a8bac8;border-radius:50%;background:#10283c;accent-color:#e6cc93}
  .answer input[type="radio"]::before{content:"";width:12px;height:12px;border-radius:50%;background:#e6cc93;transform:scale(0)}
  .answer input[type="radio"]:checked::before{transform:scale(1)}
  .confirmation-panel h2{color:#f1e1bc}
  .confirmation-panel .primary{background:#e6cc93;border-color:#e6cc93;color:#102030}
  .confirmation-panel .primary:hover{background:#f1dfb5;border-color:#f1dfb5}
  .confirmation-panel .secondary{border-color:#9c8255}
  .confirmation-panel .secondary:hover{background:#a47c3826;border-color:#e6cc93}
}
@media print{
  #main.printing-personal-results #domain-results .result-curve{grid-column:2;grid-row:1 / 4;margin:0;align-self:center}
  #main.printing-personal-results #domain-results .standardized-score{grid-column:1;grid-row:3;text-align:left;font-size:9pt;color:#000}
  #main.printing-personal-results #domain-results .result-note{grid-column:1/-1;grid-row:4}
  #main.printing-personal-results #domain-results .score-value{grid-column:1;grid-row:2;text-align:left}
  #main.printing-personal-results #domain-results h4{grid-column:1;grid-row:1}
  #results-screen .results-reference,#results-screen .result-reading-key,#results-screen .result-z-help{color:#000;font-size:9pt}
  #results-screen .result-curve svg text{fill:#000}
  #results-screen .curve,#results-screen .marker{stroke:#174f80}
  #results-screen .point{fill:#174f80;stroke:#fff}
  #results-screen .key-curve{background:#174f80;border-top:2px solid #174f80}
  #results-screen .key-marker{background:#174f80;border:2px solid #174f80}
}
@media(forced-colors:active){
  #results-screen .curve,#results-screen .marker,#results-screen .reference,#results-screen .axis{stroke:CanvasText}
  #results-screen .point{fill:CanvasText;stroke:Canvas}
  #results-screen .area{fill:none}
  #results-screen .result-curve svg text{fill:CanvasText}
  #results-screen .key-marker{background:CanvasText;border:2px solid CanvasText}
  #results-screen .key-curve{background:CanvasText;border-top:2px solid CanvasText}
  #results-screen .key-reference{border-color:CanvasText}
}

.results-publication{margin-top:2rem;padding:1.3rem;border:1px solid #796e50;border-radius:12px;background:linear-gradient(120deg,#c6a46a12,#102a4099)}
.results-publication p{color:var(--ink);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}
.results-publication .button{max-width:100%;white-space:normal;text-align:center}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:680px){.results-publication{padding:1.1rem}.results-publication .button{width:100%}}
@media print{.results-publication{display:none!important}}

@media screen and (forced-colors:none){
  .results-publication .primary{box-shadow:0 0 0 1px #bfa76d}
}