.aptitude-test :is(main,.site-header){--paper-tint: #faf8f3;--rule: #e9e3d4;--ink-muted: #57534e;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--container-narrow: 32rem;--container-wide: 56rem}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-light-intense);color:var(--color-dark-intense);scrollbar-gutter:stable;-webkit-text-size-adjust:100%}.aptitude-test{background-color:var(--color-primary);color:var(--color-light);display:flex;flex-direction:column;min-block-size:100vh;margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.5}.aptitude-test main{display:flex;flex:1;flex-direction:column}.aptitude-test :is(.dropdown-nav,.site-header){background-color:var(--color-background)}.aptitude-test :is(main,.site-header) :is(h1,h2,h3){margin:0;font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;text-wrap:balance;color:var(--color-primary)}.aptitude-test :is(main,.site-header) :is(p,li){text-wrap:pretty}.aptitude-test :is(main,.site-header) p{margin:0}.aptitude-test :is(main,.site-header) button:not(.button){font:inherit;cursor:pointer}.aptitude-test :is(main,.site-header) :is(input,select,textarea){font:inherit}.aptitude-test :is(main,.site-header) a{color:var(--color-primary);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.2em}.aptitude-test :is(main,.site-header) a:where(:hover,:focus){text-decoration-color:var(--color-accent-intense)}.aptitude-test :is(main,.site-header) :is(img,svg){display:block;max-inline-size:100%}[hidden]{display:none!important}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0)}.site-header{position:sticky;z-index:10;inset-block-start:0;display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-lg);align-items:center;padding-block:var(--space-md);padding-inline:var(--space-lg);background:var(--color-light-intense);border-block-end:1px solid var(--rule)}.brand{display:flex;gap:var(--space-sm);align-items:center;color:var(--color-primary)}.brand-mark{block-size:clamp(1.75rem,3cqi + 1rem,3rem);inline-size:clamp(7.5rem,20cqi + 3rem,13rem);object-fit:cover;object-position:center bottom;color:var(--color-primary)}.brand-name{font-family:var(--font-display);font-size:1.125rem;letter-spacing:.02em}@media(max-width:36rem){.brand-name{display:none}.test-progress-track{inline-size:6rem}.site-header{gap:var(--space-md);padding-inline:var(--space-md)}.test-timer{padding-inline:var(--space-sm)}}.test-progress{display:flex;gap:var(--space-md);align-items:center;justify-self:center}.test-progress-text{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--ink-muted)}.test-progress-bar{inline-size:12rem;block-size:4px;appearance:none;background:var(--rule);border:0;border-radius:999px;overflow:hidden}.test-progress-bar::-webkit-progress-bar{background:var(--rule);border-radius:999px}.test-progress-bar::-webkit-progress-value{background:var(--color-accent-intense);border-radius:999px;transition:inline-size .2s ease}.test-progress-bar::-moz-progress-bar{background:var(--color-accent-intense);border-radius:999px}.test-timer{display:flex;gap:var(--space-sm);align-items:baseline;padding-block:var(--space-xs);padding-inline:var(--space-md);background:var(--paper-tint);border:1px solid var(--rule);border-radius:var(--border-radius);transition:border-color .2s ease}.test-timer-label{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.test-timer-value{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-primary);transition:color .2s ease}.test-timer[data-warning=warn]{border-color:var(--color-accent-intense)}.test-timer[data-warning=warn] .test-timer-value{color:var(--color-accent-intense)}.test-timer[data-warning=danger]{border-color:var(--color-danger)}.test-timer[data-warning=danger] .test-timer-value{color:var(--color-danger)}.screen{display:flex;flex:1;align-items:center;justify-content:center;padding-block:var(--space-xl);padding-inline:var(--space-lg)}.card{color:var(--color-text);container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-lg);inline-size:100%;max-inline-size:var(--container-narrow);padding:clamp(var(--space-lg),4vw,var(--space-xl));background:var(--color-light-intense);border:1px solid var(--rule);border-radius:var(--border-radius);box-shadow:var(--shadow-card)}.card-header{display:flex;flex-direction:column;gap:var(--space-xs);text-align:center}.card-header>h1,.card-header>h2{font-size:clamp(1.5rem,3.5cqi + 1rem,2rem)}.card-header>p{color:var(--ink-muted)}.welcome-rules{display:grid;gap:var(--space-md);padding:0;list-style:none;counter-reset:rule}.welcome-rules>li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:baseline;counter-increment:rule}.welcome-rules>li:before{content:counter(rule,decimal-leading-zero);font-family:var(--font-display);font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--color-accent-intense)}.welcome-callout{padding-block:var(--space-md);padding-inline:var(--space-lg);font-family:var(--font-display);font-style:italic;text-align:center;color:var(--color-primary);background:var(--paper-tint);border-block:1px solid var(--rule);border-radius:0}.welcome-consent{font-size:.75rem;text-align:center;color:var(--ink-muted)}.welcome-consent a{white-space:nowrap}.turnstile-host{display:flex;justify-content:center;min-block-size:65px}.card form{display:flex;flex-direction:column;gap:var(--space-md)}.card form input:where(:not([type=checkbox],[type=radio],[type=range],[type=button],[type=reset],[type=submit])){margin:0}.field{display:flex;flex-direction:column;gap:var(--space-xs);padding:0;border:0}.field>label,.field>legend{font-size:.875rem;font-weight:500;color:var(--color-primary)}.field>input,.field>select,.field>textarea{inline-size:100%;padding-block:.875rem;padding-inline:1rem;background:var(--color-light-intense);color:var(--color-dark-intense);border:1px solid var(--rule);border-radius:var(--border-radius);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field>input:focus,.field>select:focus,.field>textarea:focus{border-color:var(--color-accent-intense);box-shadow:var(--focus-ring)}.field>input:user-invalid{border-color:var(--color-danger)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@container (max-width: 28rem){.field-row{grid-template-columns:1fr}}.field-radios{display:flex;gap:var(--space-md);align-items:center}.field-radios>label{display:inline-flex;inline-size:auto;gap:.375rem;align-items:center;cursor:pointer}.field-radios input{accent-color:var(--color-accent-intense)}.field-checkbox{display:flex;gap:var(--space-sm);align-items:flex-start;font-size:.875rem;color:var(--color-dark-intense);cursor:pointer}.field-checkbox input{margin-block-start:.2rem;accent-color:var(--color-accent-intense)}.button-block{--button-padding-block: 1rem;inline-size:100%}.aptitude-test :is(main,.site-header) :is(.button,.link-button){--button-text-transform: none;--button-letter-spacing: normal}#welcome-submit{margin-block-end:calc(var(--space-xl) - var(--space-md))}.link-button{padding:0;font:inherit;text-transform:var(--button-text-transform);letter-spacing:var(--button-letter-spacing);color:var(--color-primary);background:transparent;border:0;text-decoration:underline;text-decoration-color:var(--color-accent-intense);text-underline-offset:.2em;cursor:pointer}.link-button:hover:not(:disabled){text-decoration-color:var(--color-primary)}.link-button:focus-visible{outline:2px solid var(--color-accent-intense);outline-offset:2px;border-radius:2px}.link-button:disabled{color:var(--ink-muted);text-decoration-color:var(--rule);cursor:not-allowed}.verify-resend{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.875rem;text-align:center;color:var(--ink-muted)}.verify-resend-status{display:block;min-block-size:1.25rem;font-size:.8125rem;color:var(--ink-muted)}#verify-code{letter-spacing:.4em;font-family:var(--font-display);font-size:1.5rem;text-align:center}.test-screen{display:flex;flex:1;flex-direction:column;padding:var(--space-lg)}.question-card{container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-lg);inline-size:100%;max-inline-size:var(--container-wide);margin-inline:auto;padding:clamp(var(--space-lg),3vw,var(--space-xl));background:var(--color-light-intense);border:1px solid var(--rule);border-radius:var(--border-radius);box-shadow:var(--shadow-card);animation:fadeIn .24s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-text{font-family:var(--font-display);font-size:clamp(1.25rem,2.5cqi + .75rem,1.5rem);line-height:1.35;color:var(--color-primary)}.question-text:focus{outline:none}.question-image-frame{display:flex;align-items:center;justify-content:center;min-block-size:16rem;padding:var(--space-md);background:var(--paper-tint);border:1px solid var(--rule);border-radius:var(--border-radius)}.question-image{max-inline-size:100%;max-block-size:24rem;block-size:auto;object-fit:contain}.question-controls{display:grid;grid-template-columns:1fr auto;gap:var(--space-lg);align-items:end}@container (max-width: 36rem){.question-controls{grid-template-columns:1fr}}.options-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:0;margin:0;border:0;min-inline-size:0}.options-list-item{display:flex;gap:var(--space-md);align-items:center;inline-size:100%;padding:var(--space-md);color:var(--color-dark-intense);background:var(--color-light-intense);border:1px solid var(--rule);border-radius:var(--border-radius);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.options-list-item:hover{border-color:var(--color-accent-intense)}.options-list-item:has(.option-radio:disabled){cursor:not-allowed;opacity:.6}.options-list-item:has(.option-radio:disabled):hover{border-color:var(--rule)}.option-radio{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.options-list-item:has(.option-radio:focus-visible){outline:3px solid var(--color-accent-intense);outline-offset:2px}.options-list-item:has(.option-radio:checked){background:var(--paper-tint);border-color:var(--color-primary)}.option-letter{display:grid;flex:0 0 auto;place-items:center;inline-size:2rem;block-size:2rem;font-family:var(--font-display);font-weight:600;color:var(--color-primary);background:var(--paper-tint);border:1px solid var(--rule);border-radius:var(--border-radius)}.options-list-item:has(.option-radio:checked) .option-letter{color:var(--color-accent);background:var(--color-primary);border-color:var(--color-primary)}.next-button{align-self:end;--button-padding-block: 1rem;--button-padding-inline: 1.75rem}@container (max-width: 36rem){.next-button{inline-size:100%}}.results-card{text-align:center}.results-score{font-family:var(--font-display);font-size:clamp(2.5rem,6cqi + 1rem,4rem);color:var(--color-primary)}.error-text{min-block-size:1.25rem;font-size:.875rem;color:var(--color-danger)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--rule: #102417;--ink-muted: #1a1a1a}.button:focus-visible,.options-list-item:has(.option-radio:focus-visible),.field>input:focus,.field>select:focus{outline:3px solid var(--color-primary);outline-offset:2px}}.dev-panel{position:fixed;inset-block-end:var(--space-md);inset-inline-end:var(--space-md);z-index:100;display:flex;flex-direction:column;gap:var(--space-sm);max-inline-size:12rem;padding:var(--space-sm);background:var(--color-light-intense);border:1px solid var(--rule);box-shadow:var(--shadow-card);font-family:var(--font-sans);font-size:.75rem}.dev-panel>h2{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.dev-panel ul{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0;padding:0;list-style:none}.dev-panel button{padding:var(--space-xs) var(--space-sm);background:var(--color-primary);color:var(--color-light-intense);border:0;font:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.dev-panel button:where(:hover,:focus){background:var(--color-primary-muted)}
