:root{--ink:#252838;--muted:#595954;--paper:#faf9f5;--line:#b9b9b2;--green:#345cc4;--red:#345cc4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'Helvetica Neue',Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}header{padding:25px 40px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:30px;letter-spacing:-1.7px;font-weight:700;white-space:nowrap}.brand-light{font-weight:400}header nav{display:flex;gap:25px;font-size:13px}header nav a:hover{color:var(--red)}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:0;border-radius:0;padding:16px 22px;background:var(--red);color:white;font-size:14px;font-weight:500}.button:hover{background:var(--ink)}.button.small{font-size:12px;padding:12px 16px}.button span{font-size:22px}.wrap{max-width:1200px;margin:auto;padding-inline:40px}.guide{max-width:1040px;padding-block:36px 64px}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:30px}.breadcrumbs a{text-decoration:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:56px;font-weight:500;letter-spacing:-2.5px;line-height:1.06;margin-bottom:24px;max-width:920px}h2{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.15;margin-bottom:18px}h3{font-size:21px;font-weight:500;letter-spacing:-.5px}p{line-height:1.7;color:var(--muted)}.guide-intro{font-size:18px;max-width:760px;margin-bottom:34px}.guide-section{border-top:1px solid var(--ink);margin-top:32px;padding-top:26px}.guide-section>p,.guide-section>ul{max-width:800px}.guide a:not(.button){text-decoration:underline;text-underline-offset:4px}.guide a:hover{color:var(--red)}.guide li{line-height:1.7;margin-bottom:8px}.guide table{width:100%;border-collapse:collapse;font-size:14px}.guide th,.guide td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}.guide th{background:#e8e7e1}.trait-links{display:flex;flex-wrap:wrap;gap:14px 22px;margin-block:22px;font-size:13px}footer{border-top:1px solid var(--ink);padding-block:30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px}footer p{margin:0}footer>div{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto}footer small{width:100%;font-size:10px;color:var(--muted)}footer small+small{margin-top:-10px}footer a:hover{text-decoration:underline}.text-button{border:0;background:none;color:var(--ink);font-size:13px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--red)}.progress{height:5px;background:#dadad3;margin:24px 0 14px}.progress i{display:block;height:100%;background:var(--red)}.question{border:0;border-bottom:1px solid var(--line);margin:0;padding:24px 0;min-width:0}.question legend{font-size:19px;font-weight:500;float:left;width:100%;padding:0;margin-bottom:18px}.answers{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;clear:both}.answers label{position:relative;cursor:pointer;font-size:12px;text-align:center}.answers input{position:absolute;opacity:0}.answers span{display:flex;align-items:center;justify-content:center;height:100%;min-height:54px;padding:14px 8px;border:1px solid var(--line);background:transparent}.answers input:checked+span{background:var(--ink);color:white;border-color:var(--ink)}.answers input:focus-visible+span{outline:2px solid var(--red);outline-offset:3px}.test-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}.test-actions button:disabled{opacity:.35;cursor:default}.results-row{padding:24px 0;border-bottom:1px solid var(--line)}.results-row p{font-size:14px}.result-bar{height:8px;background:#dadad3}.result-bar i{display:block;height:100%;background:var(--red)}summary{cursor:pointer;font-size:14px}details{padding-block:16px}details p{font-size:14px;margin-top:14px}.error{color:#b12417}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px;gap:15px}header nav{display:none}.brand{font-size:26px}.button.small{font-size:11px;padding:10px}.wrap{padding-inline:20px}.guide{padding-block:26px 42px}h1{font-size:37px;letter-spacing:-1.5px}h2{font-size:26px}.guide-intro{font-size:16px}.guide-section{padding-top:22px;margin-top:28px}.guide th,.guide td{padding:12px 6px;font-size:12px;overflow-wrap:anywhere}.answers{gap:5px}.answers span{font-size:10px;padding:12px 4px}.question legend{font-size:18px}.test-actions{gap:14px}.test-actions .button{padding:14px 16px;font-size:12px}footer{gap:18px}footer>div{margin-left:0;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact O / T monogram and stacked wordmark. */
.ocean-brand{display:inline-flex;align-items:center;gap:12px;color:#252838;flex-shrink:0;text-decoration:none;white-space:nowrap}
.ocean-brand img{display:block;width:44px;height:44px;flex-shrink:0}
.ocean-brand-type{display:flex;flex-direction:column;gap:4px;line-height:1;letter-spacing:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
.ocean-brand-type>span{font-size:12px;font-weight:500;letter-spacing:.1px}
.ocean-brand-type>strong{font-size:25px;font-weight:700;letter-spacing:-1px}
@media(max-width:760px){.ocean-brand{gap:9px}.ocean-brand img{width:36px;height:36px}.ocean-brand-type>span{font-size:10px}.ocean-brand-type>strong{font-size:21px}.site-header{column-gap:16px}.nav-cta{gap:8px}}

/* Shared blue and apricot public-page palette. */
.button{border-radius:5px}.guide th{background:#edf1fc}.guide-section{border-top-color:#c7ccd8}.guide-section h2{color:#345cc4}.trait-links a{background:#edf1fc;padding:8px 12px;border-radius:4px}.trait-links a:hover{background:#f3dfa5;color:#252838}.result-bar{background:#e0e6f5}.result-bar i{border-radius:0 5px 5px 0}.answers span{border-radius:5px}.answers input:checked+span{background:#345cc4;border-color:#345cc4;color:#fff}

.trait-guide-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:38px;align-items:center;margin-bottom:32px}.trait-guide-hero h1{font-size:46px;letter-spacing:-1.8px;overflow-wrap:break-word}.trait-guide-hero .guide-intro{font-size:17px;margin-bottom:0}.trait-guide-hero figure{margin:0}.trait-guide-hero img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:5px}@media(max-width:700px){.trait-guide-hero{grid-template-columns:1fr;gap:24px}.trait-guide-hero h1{font-size:35px;letter-spacing:-1.3px}.trait-guide-hero figure{max-width:400px;width:100%;margin-inline:auto}}

header nav[aria-label="Main navigation"]{font-size:16px;font-weight:500;gap:28px}@media(max-width:1050px) and (min-width:761px){header{flex-wrap:wrap}header nav[aria-label="Main navigation"]{gap:20px}}

.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;margin-top:48px}.blog-card a{display:block;text-decoration:none!important}.blog-card img{width:100%;height:240px;object-fit:contain;background:#edf1fc;border-radius:12px;margin-bottom:22px}.blog-card h2{font-size:28px;margin-bottom:12px}.blog-card p{margin-bottom:16px}.blog-card .blog-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#345cc4}.blog-card span{font-size:14px;font-weight:500}.blog-return{margin-top:56px}@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:36px}.blog-card img{height:220px}}

header nav[aria-label="Main navigation"]{gap:8px}header nav[aria-label="Main navigation"] a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border-radius:6px;transition:background-color .18s,color .18s}header nav[aria-label="Main navigation"] a:hover,header nav[aria-label="Main navigation"] a:focus-visible,header nav[aria-label="Main navigation"] a[aria-current]{background:#edf1fc;color:#345cc4}

/* Public navigation remains available on smaller screens. */
:root{color-scheme:light}header nav[aria-label="Main navigation"]{flex-shrink:0}.nav-signin{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:1px solid var(--line);border-radius:6px;font-size:16px;font-weight:500;white-space:nowrap}.nav-signin:hover{background:#edf1fc;border-color:#345cc4}@media(max-width:1100px){header,.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 16px}header nav[aria-label="Main navigation"]{display:flex;width:100%;max-width:100%;order:3;overflow-x:auto;gap:4px;padding-bottom:4px}header nav[aria-label="Main navigation"] a{flex-shrink:0;padding-inline:10px;white-space:nowrap}}

.legal-links{display:flex;flex-wrap:wrap;gap:8px 22px;grid-column:1/-1;width:100%;font-size:13px}.legal-links a{display:inline-flex;align-items:center;min-height:40px}.legal-return{margin-top:32px}.legal p{overflow-wrap:anywhere}


/* OCEAN test flow */
#test-view{scroll-margin-top:24px} .test-intro{padding:28px;background:#f0f5f1;border:1px solid #d7e3da;border-radius:18px}.test-intro ul{padding-left:22px;line-height:1.9}.privacy-note{font-size:13px;line-height:1.6;color:#596960}.step-nav{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.step-nav button{min-width:42px;min-height:42px;border:1px solid #c7d7cb;border-radius:10px;background:#fff;color:#24493d;cursor:pointer}.step-nav button[aria-current]{background:#24493d;color:#fff}.profile-chart{max-width:420px;margin:24px auto;text-align:center}.profile-chart svg{width:100%;height:auto}.profile-chart figcaption{font-size:12px;line-height:1.6;color:#596960}.results-row details{margin:12px 0;font-size:14px}.results-row summary{cursor:pointer}.results-row h3{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}#answer-error{color:#a52b28}.answers input:focus-visible+span{outline:3px solid #216653;outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #216653;outline-offset:3px}
@media(max-width:600px){.test-intro{padding:20px}.test-actions{gap:14px;flex-wrap:wrap}.answers{gap:6px}.question legend{font-size:17px}.step-nav button{min-width:40px}}
@media print{body{background:white!important}header,footer,.breadcrumbs,.guide-intro,.guide>h1,.guide-section>h2,.guide-section>p,.guide-section>noscript,.guide-section:not(:has(#test-view)),#test-view button,#test-view .test-actions,#save-error{display:none!important}.guide,.wrap{max-width:none!important;padding:0!important}#test-view{display:block!important}.results-row{break-inside:avoid}.profile-chart{max-width:280px}.results-row details{display:none}}
.test-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.test-switch a{display:flex;flex-direction:column;gap:8px;padding:23px;border:1px solid #bbc9bc;background:#f5f6ee;color:#24493d;text-decoration:none}.test-switch a[aria-current]{background:#304a3d;color:#f8f6ed}.test-switch span{font-size:12px;letter-spacing:1px}.test-switch strong{font-size:22px;font-weight:500}.test-switch i{float:right;font-style:normal}.test-switch small{font-size:12px}.facet-results{margin-block:35px}.facet-results details{border-top:1px solid #cad4c8;padding:18px 0}.facet-results summary{cursor:pointer;font-size:20px}.facet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.facet-item{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:14px;padding:14px;background:#eef2e9}.facet-item small{font-size:10px;font-weight:400}.facet-item meter{width:100%;grid-column:1/-1;height:10px}.facet-results>p{font-size:13px}.facet-results>a{font-size:13px}@media(max-width:500px){.test-switch{gap:8px}.test-switch a{padding:16px 12px}.test-switch strong{font-size:18px}.test-switch small{font-size:11px}.facet-grid{grid-template-columns:1fr}}@media print{.test-switch{display:none}.facet-results details{display:block}.facet-item{break-inside:avoid}}
/* Shared Swiss typography and controls */
.test-intro{background:transparent;padding:22px 0;border:0;border-radius:0}.test-intro .eyebrow{font-size:11px;color:#595954;letter-spacing:0}.privacy-note,.profile-chart figcaption{color:#595954}.step-nav button{border-radius:0;border-color:#b9b9b2;background:transparent;color:#252838}.step-nav button[aria-current]{background:#252838;color:white}.test-switch{gap:0;border-block:2px solid #252838}.test-switch a{border:0;border-radius:0;background:transparent;color:#252838;padding:22px;text-decoration:none!important}.test-switch a:first-child{border-right:1px solid #252838}.test-switch a[aria-current]{background:#252838;color:#faf9f5}.test-switch a:hover{color:#345cc4}.test-switch span{font-size:13px;letter-spacing:0}.test-switch strong{font-size:24px}.test-switch small{font-size:12px}.facet-results details{border-color:#b9b9b2}.facet-item{background:#e8e7e1;border-radius:0}.facet-item meter{accent-color:#345cc4}.profile-chart svg{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}.answers input:focus-visible+span,button:focus-visible,a:focus-visible{outline-color:#345cc4}@media(max-width:500px){.test-switch a{padding:18px 12px}.test-switch strong{font-size:20px}.test-intro{padding:10px 0}.test-switch small{font-size:11px}}@media print{.result-bar i{background:#252838}}

/* Keep quick, deep and result screens aligned with the home page. */
.step-nav button{border-radius:5px}.step-nav button[aria-current]{background:#345cc4;border-color:#345cc4;color:white}.test-switch{border-color:#345cc4}.test-switch a{background:#edf1fc}.test-switch a[aria-current]{background:#345cc4;color:white}.test-switch a[aria-current]:hover{color:#fff}.test-switch a:not([aria-current]):hover{background:#f3dfa5;color:#252838}.facet-item{background:#edf1fc;border-radius:5px}.facet-item meter::-webkit-meter-bar{background:#dce3f4;border:0}.facet-item meter::-webkit-meter-optimum-value{background:#345cc4}.facet-item meter::-moz-meter-bar{background:#345cc4}

.result-role{margin-block:30px;padding-block:24px;border-block:1px solid #c7ccd8}.result-role h2{font-size:28px}.role-disclaimer,.role-reason{font-size:12px}.result-role-grid{display:grid;gap:24px}.result-role-grid article{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.result-role-grid img{width:100%;height:auto;border-radius:6px}.result-role-grid h3{color:#345cc4}.result-role-grid p{margin-bottom:12px}.result-role summary{font-size:13px}@media(max-width:600px){.result-role-grid article{grid-template-columns:1fr;gap:16px}.result-role-grid img{max-width:280px}.result-role h2{font-size:25px}}@media print{.result-role{display:none!important}}

/* Focused, one-question-at-a-time assessment. Content remains in the initial HTML. */
.quiz-active header nav,.quiz-active header>.button,.quiz-active footer,.quiz-active .breadcrumbs,.quiz-active .guide>h1,.quiz-active .guide>.guide-intro,.quiz-active .test-switch,.quiz-active .guide-section:not(:has(#test-view)),.quiz-active .guide-section:has(#test-view)>:not(#test-view){display:none!important}.quiz-active .guide{max-width:960px;padding-top:28px}.quiz-active .guide-section:has(#test-view){border:0;margin:0;padding:0}.quiz-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:#595954}.quiz-toolbar .text-button{font-size:12px}.quiz-progress-label{display:flex;justify-content:space-between;font-size:13px;margin-top:22px}.quiz-active .progress{margin:12px 0 30px;border-radius:4px;height:6px;overflow:hidden}.question-card{background:#fff;border:1px solid #dce1ed;border-radius:12px;padding:44px 32px 24px;box-shadow:0 5px 24px #25283805}.question-counter{text-align:center;color:#345cc4;font-size:13px;margin-bottom:20px}.question-card h2{text-align:center;font-size:34px;line-height:1.25;letter-spacing:-.8px;min-height:85px;display:flex;align-items:center;justify-content:center;color:#252838}.question-instruction{text-align:center;font-size:14px}.question-card .question{border:0;padding:20px 0 10px}.question-card .answers span{min-height:76px;font-size:13px;padding:15px 10px;background:#faf9f5}.question-card .answers input:checked+span{background:#345cc4;color:white;border-color:#345cc4}.question-card .test-actions{border-top:1px solid #e2e4eb;padding-top:20px;margin-top:16px}.question-card #answer-error{font-size:13px;min-height:20px;margin:8px 0}.quiz-active #storage-status{text-align:center;font-size:12px;margin:20px auto;max-width:600px}@media(max-width:600px){.quiz-active .guide{padding:18px}.quiz-toolbar{gap:8px;font-size:11px}.quiz-toolbar .text-button{font-size:10px}.question-card{padding:25px 18px 18px}.question-card h2{font-size:26px;min-height:66px}.question-card .answers{grid-template-columns:1fr;gap:8px}.question-card .answers span{min-height:46px;padding:10px;font-size:13px}.question-card .question{padding-top:8px}.question-counter{margin-bottom:12px}.quiz-active .progress{margin-bottom:20px}.question-card .test-actions{margin-top:8px}}

.question-card .button:disabled{background:#d9dce5;color:#747987;opacity:1;cursor:not-allowed}.question-card .button:disabled:hover{background:#d9dce5}.question-card .answers label:has(input:checked) span{transition:background-color .12s}

/* Direct entry: choose a mode, then answer immediately. */
.quiz-active .guide>h1{display:block!important;font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:0 0 20px}.quiz-active .test-switch{display:grid!important;margin:0 0 22px;border:1px solid #c7ccd8;border-radius:7px;overflow:hidden}.quiz-active .test-switch a{padding:14px 20px;gap:5px}.quiz-active .test-switch strong{font-size:20px}.quiz-active .test-switch span{font-size:12px}.quiz-active .test-switch small{font-size:11px}.quiz-active .quiz-progress-label{margin-top:12px}.quiz-active .question-card{padding-top:28px}.quiz-active .question-card h2{min-height:62px}.quiz-active .guide-section:not(:has(#test-view)){display:block!important;margin-top:40px}.quiz-active footer{display:flex!important}@media(max-width:600px){.quiz-active .guide>h1{font-size:22px;margin-bottom:16px}.quiz-active .test-switch a{padding:12px}.quiz-active .test-switch strong{font-size:18px}.quiz-active .test-switch{margin-bottom:16px}}
