:root{--tta-heading:clamp(2rem,1.3rem + 2.5vw,3.5rem);--tta-title:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);--tta-small:clamp(.75rem,.7rem + .2vw,.875rem);--tta-muted:#52665b;--tta-soft:#eff7ec;--tta-border:#c7d8c5;--tta-chart-line:#245444;--tta-card:#fff;--tta-text:#245444}
[data-theme=dark]{--tta-muted:#c4d7ca;--tta-soft:#233f32;--tta-border:#506b58;--tta-chart-line:#bcecb5;--tta-card:#1b3529;--tta-text:#e4eae4}
.assessment-header{background:var(--mint);color:var(--green)}.assessment-header .topbar{padding-bottom:var(--space-6);align-items:center}.assessment-header .brand{width:130px}.assessment-header nav{gap:var(--space-8)}.hero .hero-heading{font-size:var(--text-hero);font-weight:500;line-height:1.1;letter-spacing:-.045em}.tta-section{background:var(--mint);color:var(--green);padding-block:var(--space-8) var(--space-16)}.tta-section [hidden]{display:none!important}.tta-wrap{max-width:1320px}.tta-view{animation:tta-in .2s ease-out}.tta-eyebrow{font-size:var(--tta-small);letter-spacing:.1em;font-weight:600;text-transform:uppercase;margin:0 0 var(--space-4)}.tta-small{font-size:var(--tta-small);line-height:1.6}.tta-welcome-heading{text-align:center;max-width:940px;margin:auto}.tta-welcome-heading h1{font-size:var(--tta-heading);font-weight:500;letter-spacing:-.04em;line-height:1.12}.tta-intro{font-size:var(--text-base);line-height:1.6;max-width:670px;margin:var(--space-6) auto 0}.tta-categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-4);padding:0;list-style:none;margin:var(--space-12) 0 var(--space-10)}.tta-categories li{text-align:center;display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-2);border-top:1px solid #2454443d}.tta-categories img{width:44px;height:44px;margin:var(--space-3) 0 var(--space-4)}.tta-categories h2{font-size:var(--text-sm);font-weight:600;line-height:1.35;letter-spacing:0}.tta-category-caption{font-size:var(--tta-small);line-height:1.4;margin-top:var(--space-3);max-width:150px}.tta-welcome-actions{text-align:center}.tta-primary{border:1px solid transparent;cursor:pointer;gap:var(--space-8);font-family:inherit}.tta-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.tta-welcome-actions>.tta-small{margin:var(--space-4) 0}.tta-text-link{display:inline-block;font-size:var(--text-sm);min-height:44px;padding:var(--space-2);text-underline-offset:4px}.tta-text-button,.tta-secondary{font:inherit;font-size:var(--text-sm);cursor:pointer;color:var(--green);background:transparent;min-height:44px;padding:var(--space-3) var(--space-4);border:1px solid #24544475;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4)}.tta-text-button{border:0;padding-inline:0}.tta-text-button:hover{text-decoration:underline}.tta-secondary:hover{background:#24544410}.tta-question-top{display:flex;justify-content:space-between;align-items:center;max-width:1080px;margin:auto auto var(--space-4)}.tta-progress{height:4px;background:#24544426;max-width:1080px;margin:0 auto var(--space-10)}.tta-progress>span{height:100%;display:block;background:var(--green);transition:width .2s ease}.tta-question-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:var(--space-16);max-width:1080px;margin:auto}.tta-question-icon{width:64px;height:64px;margin-bottom:var(--space-8)}.tta-question-intro h2{font-size:var(--tta-title);line-height:1.15;font-weight:500;letter-spacing:-.025em;margin-bottom:var(--space-6)}.tta-question-intro>p:not(.tta-eyebrow){line-height:1.7;max-width:350px}.tta-question-intro>.tta-small{margin-top:var(--space-6)}.tta-options{padding:0;border:0;margin:0;min-width:0}.tta-options legend{font-size:var(--text-base);font-weight:500;margin-bottom:var(--space-6);padding:0}.tta-choice{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--tta-border);border-radius:4px;background:var(--tta-card);color:var(--tta-text);min-height:80px;cursor:pointer;transition:border-color .18s,background .18s}.tta-choice:hover{border-color:var(--green)}.tta-choice:has(input:checked){border:2px solid var(--green);padding:calc(var(--space-4) - 1px);background:var(--tta-soft)}.tta-choice:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}.tta-choice input{width:18px;height:18px;accent-color:var(--green);margin:0;flex-shrink:0}.tta-choice-text{font-size:var(--text-base);line-height:1.5}.tta-level{display:block;font-size:var(--tta-small);font-weight:600;letter-spacing:.06em;margin-bottom:var(--space-1);text-transform:uppercase;color:var(--tta-muted)}.tta-question-actions{display:flex;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-6)}#tta-validation{min-height:23px;margin:var(--space-4) 0 0}.tta-question-title:focus{outline:0}#tta-question-title:focus,#tta-results-title:focus{outline:0}.tta-results-heading{max-width:780px;margin:0 0 var(--space-10)}.tta-results-heading h2{font-size:var(--tta-heading);line-height:1.1;letter-spacing:-.035em;font-weight:500;margin:0 0 var(--space-6)}.tta-results-heading>p:last-child{max-width:690px}.tta-results-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:var(--space-10);align-items:start}.tta-chart-panel{margin:0;background:var(--tta-card);color:var(--tta-text);padding:var(--space-8);border:1px solid var(--tta-border);border-radius:4px;min-width:0}.tta-chart-panel h3,.tta-score-panel h3,.tta-reflection-panel>h3{font-size:var(--text-lg);font-weight:500;line-height:1.25;margin:0 0 var(--space-2)}.tta-chart-wrap{position:relative;height:400px;width:100%;margin:var(--space-3) 0}.tta-chart-panel>.tta-small{margin-top:var(--space-2);color:var(--tta-muted)}.tta-results-sidebar{padding-top:var(--space-3)}.tta-insight{padding-bottom:var(--space-8);margin-bottom:var(--space-8);border-bottom:1px solid #2454443d}.tta-insight h3{font-size:var(--tta-title);line-height:1.25;font-weight:500;letter-spacing:-.02em;margin:0 0 var(--space-4)}.tta-insight p{font-size:var(--text-sm)}.tta-results-sidebar>.tta-small{max-width:330px;margin-top:var(--space-3)}.tta-results-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);margin-top:var(--space-12)}.tta-score-panel,.tta-reflection-panel{background:var(--tta-card);color:var(--tta-text);border:1px solid var(--tta-border);border-radius:4px;padding:var(--space-8)}.tta-score-list{padding:0;list-style:none;margin:var(--space-6) 0 0}.tta-score-list li{border-top:1px solid var(--tta-border);margin:0}.tta-score-list button{border:0;background:transparent;color:var(--tta-text);font:inherit;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);text-align:left;padding:var(--space-4) 0;min-height:52px;cursor:pointer}.tta-score-list button:hover{text-decoration:underline}.tta-score-value{font-size:var(--text-base);font-weight:600;white-space:nowrap}.tta-score-change{display:block;font-size:var(--tta-small);font-weight:400;color:var(--tta-muted)}.tta-reflection-panel>p{margin-top:var(--space-4)}.tta-reflection-panel details{border-top:1px solid var(--tta-border);margin-top:var(--space-6)}.tta-reflection-panel summary{padding:var(--space-4) 0;cursor:pointer;font-size:var(--text-sm);font-weight:500;line-height:1.4}.tta-reflection-fields{padding:0 0 var(--space-4)}.tta-reflection-fields label{font-size:var(--text-sm);display:block;margin:var(--space-4) 0 var(--space-2);line-height:1.6}.tta-reflection-fields textarea{width:100%;font:inherit;font-size:var(--text-sm);min-height:90px;resize:vertical;padding:var(--space-3);border:1px solid var(--tta-border);background:var(--tta-card);color:var(--tta-text);border-radius:2px}.tta-results-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-10)}.tta-results-footer>.tta-small{max-width:440px}.tta-score-panel>.tta-small,.tta-reflection-panel>.tta-small{color:var(--tta-muted)}.tta-empty-reflections{padding-top:var(--space-6);line-height:1.7}
@keyframes tta-in{from{opacity:0}to{opacity:1}}@media(max-width:1050px){.tta-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-block:var(--space-8)}.tta-categories li:last-child{grid-column:3/5}.tta-question-layout{gap:var(--space-8)}.tta-results-layout{gap:var(--space-6)}.tta-chart-panel{padding:var(--space-6)}.tta-chart-wrap{height:360px}.assessment-header nav{gap:var(--space-4)}}
@media(max-width:800px){.tta-results-layout{grid-template-columns:1fr}.tta-results-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.tta-results-sidebar .tta-insight{margin:0}.tta-results-sidebar>.tta-primary,.tta-results-sidebar>.tta-small{grid-column:1/-1;width:max-content;max-width:100%}.tta-chart-wrap{height:410px}.tta-results-detail{gap:var(--space-6)}.tta-question-layout{grid-template-columns:1fr}.tta-question-intro{display:grid;grid-template-columns:48px 1fr;gap:0 var(--space-4)}.tta-question-icon{width:48px;height:48px;margin:0;grid-row:1/3}.tta-question-intro>.tta-eyebrow,.tta-question-intro>h2{margin-bottom:var(--space-2)}.tta-question-intro>p:not(.tta-eyebrow){grid-column:1/-1;max-width:none;margin:var(--space-4) 0 0}.tta-question-intro>.tta-small{display:none}.tta-question-actions{margin-top:var(--space-4)}.tta-question-top{margin-bottom:var(--space-3)}.tta-progress{margin-bottom:var(--space-6)}.assessment-header nav a:first-child{display:inline-block}.tta-category-caption{display:none}}
@media(max-width:580px){.tta-section{padding-block:var(--space-6) var(--space-10)}.assessment-header .topbar{align-items:center;padding-top:var(--space-4);padding-bottom:var(--space-4)}.assessment-header .brand{width:95px}.assessment-header nav{gap:var(--space-2);max-width:66%}.assessment-header nav a{font-size:var(--tta-small);padding-block:var(--space-2)}.assessment-header nav a:nth-child(2),.assessment-header nav a:nth-child(3){display:none}.tta-view#tta-welcome{display:flex;flex-direction:column}.tta-welcome-heading{text-align:left;order:0}.tta-welcome-heading h1{font-size:clamp(2rem,1.5rem + 3vw,2.6rem);margin:0;line-height:1.12}.tta-desktop-break{display:none}.tta-welcome-heading>.tta-eyebrow{margin-bottom:var(--space-4)}.tta-intro{margin-top:var(--space-4);font-size:var(--text-sm)}.tta-welcome-actions{order:1;text-align:left;margin-top:var(--space-6)}.tta-welcome-actions>.tta-small{margin-top:var(--space-3);margin-bottom:var(--space-2)}.tta-welcome-actions .tta-text-link{font-size:var(--tta-small);padding:var(--space-2) 0}.tta-categories{order:2;grid-template-columns:1fr 1fr;margin:var(--space-6) 0 0;gap:var(--space-3) var(--space-4)}.tta-categories li{flex-direction:row;text-align:left;gap:var(--space-3);padding:var(--space-3) 0;align-items:center}.tta-categories img{width:32px;height:32px;flex-shrink:0;margin:0}.tta-categories h2{font-size:var(--tta-small)}.tta-categories li:last-child{grid-column:1/-1;max-width:290px}.tta-choice{padding:var(--space-3);gap:var(--space-3);min-height:86px}.tta-choice:has(input:checked){padding:calc(var(--space-3) - 1px)}.tta-choice-text{font-size:var(--text-sm)}.tta-question-layout{gap:var(--space-6)}.tta-options legend{font-size:var(--text-sm);margin-bottom:var(--space-4)}.tta-question-intro>p:not(.tta-eyebrow){font-size:var(--text-sm)}.tta-question-title{font-size:var(--tta-title)}.tta-results-heading{margin-bottom:var(--space-6)}.tta-results-heading>p:last-child{font-size:var(--text-sm)}.tta-chart-panel{padding:var(--space-4)}.tta-chart-wrap{height:325px}.tta-results-sidebar{grid-template-columns:1fr;gap:var(--space-6)}.tta-results-sidebar .tta-insight{padding-bottom:var(--space-6)}.tta-results-detail{grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-8)}.tta-score-panel,.tta-reflection-panel{padding:var(--space-6)}.tta-results-footer{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.tta-progress{margin-top:var(--space-2)}.tta-question-actions .tta-primary{gap:var(--space-4);padding-inline:var(--space-4)}.tta-score-list{font-size:var(--text-sm)}.tta-chart-panel h3{font-size:var(--text-base)}.tta-results-sidebar .tta-small{width:auto}}
@media(prefers-reduced-motion:reduce){.tta-view{animation:none}.tta-progress>span{transition:none}}
.tta-chart-key{display:none}
.hero.compact-intro{min-height:0;border-bottom:1px solid #24544426;background:#fff6e8}
.hero.compact-intro::before,.hero.compact-intro::after{content:"";position:absolute;pointer-events:none;background:url('./assets/brush.webp') center/contain no-repeat;width:105px;height:90px;top:-53px;opacity:.9}
.hero.compact-intro::before{left:7%;transform:rotate(60deg)}
.hero.compact-intro::after{right:8%;transform:rotate(-50deg)}
.hero.compact-intro .wave-toggle:hover{background:transparent;color:#183c30}
.tta-highlight{background:linear-gradient(transparent 76%,var(--orange) 76%,var(--orange) 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.tta-welcome-actions .tta-primary{background:var(--orange);color:#183c30}
.tta-welcome-actions .tta-primary:hover{background:#ffac49}
.tta-categories li{border-top-color:var(--orange)}
.hero.compact-intro .hero-content{padding-top:0;padding-bottom:0}
.hero.compact-intro .wave-stage{height:92px;font-size:clamp(1.75rem,1.25rem + 1.1vw,2.25rem)}
.hero.compact-intro .wave-toggle{position:relative;right:auto;bottom:auto;margin-left:auto;min-height:44px;padding:var(--space-2) 0;border:0;font-size:var(--tta-small);background:transparent;text-decoration:underline;text-underline-offset:3px}
.hero.compact-intro .hero-heading{font-size:clamp(1.5rem,1.1rem + 1.1vw,2rem);line-height:1.35;max-width:1000px;margin:0 auto;padding:var(--space-6) 0}
@media(max-width:580px){.hero.compact-intro .wave-stage{height:72px;font-size:1.625rem}.hero.compact-intro .hero-heading{text-align:left;font-size:1.375rem;padding:var(--space-4) 0}}
@media(max-width:580px){.tta-welcome-heading h1{font-size:clamp(1.75rem,1.5rem + 1.6vw,2.15rem)}.tta-chart-key{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);padding-left:var(--space-4);margin:0 0 var(--space-6);font-size:var(--tta-small);line-height:1.4;list-style-position:outside}.tta-chart-key li{padding-left:var(--space-1);margin:0}.tta-chart-key li:last-child{grid-column:1/-1}.tta-chart-key li::marker{font-weight:600;color:var(--tta-text)}.tta-chart-wrap{height:300px}}
