body.tc-vocational{--blue:#235b42;--violet:#78529a;--green:#28754f;--focus:#ce922c;--ink:#173f33;--muted:#5c6c60;background:radial-gradient(ellipse at 95% 0,#f8e6b177,transparent 38%),#fffaf0;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding:22px}
.tc-vocational .box{max-width:960px}
.tc-vocational .tc-test-brandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 19px;margin:0 0 20px;position:relative;border-bottom:1px solid #e2e5d5}
.tc-vocational .tc-test-brandbar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d3434d 0 33.33%,#fff 33.33% 66.66%,#3569a9 66.66%)}
.tc-vocational .tc-test-logo{display:block;width:158px;max-width:48%;background:#fff;padding:5px 8px;border:1px solid #ebe2ce;border-radius:9px}
.tc-vocational .tc-test-logo img{display:block;width:100%;height:auto}
.tc-vocational .tc-test-back{font-size:12px;font-weight:700;text-decoration:none;color:#2d5c43}
.tc-vocational .hero{display:grid;grid-template-columns:minmax(0,1fr) 175px;align-items:center;gap:24px;background:linear-gradient(120deg,#edf3e1,#fbf1d2);color:#173f33;border:1px solid #dde4c9;border-radius:22px;padding:24px 26px;box-shadow:0 8px 26px #48623a0c;overflow:hidden}
.tc-vocational .hero:after{width:230px;height:230px;right:-60px;bottom:-80px;background:#f1d77633}
.tc-vocational .eyebrow{background:#fffaf3;color:#476847;border:1px solid #d7dfc5;letter-spacing:1px;font-size:10px;padding:6px 9px}
.tc-vocational .tc-test-flag{width:17px;height:12px;border-radius:2px;background:linear-gradient(to bottom,#d3434d 0 33.33%,#fff 33.33% 66.66%,#3569a9 66.66%);display:inline-block}
.tc-vocational .hero h1{font-size:clamp(30px,4vw,42px);color:#173f33;letter-spacing:-1.5px;margin:12px 0}
.tc-vocational .hero p{font-size:15px;line-height:1.7;color:#51644f}
.tc-vocational .hero-facts{gap:6px;margin-top:14px}.tc-vocational .fact{background:#fffdf4;color:#476140;border:1px solid #dbe2c8;font-size:11px;padding:7px 9px}
.tc-vocational .tc-test-hero-mascots{margin:0;text-align:center;position:relative}
.tc-vocational .tc-test-hero-mascots:before{content:"";position:absolute;inset:8% 0 15%;border-radius:50%;background:#f4dda2;z-index:-1}
.tc-vocational .tc-test-hero-mascots img{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 9px #62491e14)}
.tc-vocational .tc-test-hero-mascots figcaption{font-size:10px;font-weight:750;color:#634775;margin-top:5px;line-height:1.5}
.tc-vocational .progress-card,.tc-vocational .nav-card{background:#fffef9;border-color:#e0e5d5;box-shadow:0 7px 20px #42603409;border-radius:17px}
.tc-vocational #tcOrientation{background:#f7f2fb;border-color:#e5dced;padding:14px 18px;color:#604177}.tc-vocational #tcOrientation strong{font-size:13px}.tc-vocational #tcOrientation .mini-note{font-size:12px;color:#6d6174}
.tc-vocational .tc-test-guide{display:flex;align-items:center;gap:10px;padding:0 0 12px;margin:0 0 13px;border-bottom:1px solid #e5e9dc;color:#657047;font-size:11px;font-weight:700}
.tc-vocational .tc-test-guide-faces{display:flex;padding-left:0;flex-shrink:0}.tc-vocational .tc-test-guide img{width:30px;height:30px;object-fit:cover;border-radius:50%;border:2px solid #fffef9}.tc-vocational .tc-test-guide img+img{margin-left:-5px}
.tc-vocational .quiz-heading-row h1,.tc-vocational .quiz-heading-row h2{color:#214b36;font-size:22px}
.tc-vocational .question-badge{background:#f1ebf7;border-color:#e2d5ec;color:#694989}
.tc-vocational .auto-control{font-size:12px;color:#58644d}.tc-vocational .auto-control input{accent-color:#346c4a}
.tc-vocational .why-toggle{color:#795093;font-size:12px}.tc-vocational .why-panel{background:#f7f2fb;border-color:#e2d7eb;color:#64526d}
.tc-vocational .progress-top{font-size:13px;color:#33573d}.tc-vocational .progress-bar{height:9px;background:#e9eddf}.tc-vocational .progress-fill{background:linear-gradient(90deg,#437b50,#8b67a8,#e4bd4e)}
.tc-vocational .momentum{font-size:12px;color:#5a6a53}.tc-vocational .quiz-header>.mini-note{font-size:11px;color:#75816c}
.tc-vocational .question{background:#fffef9;border-color:#dfe5d2;border-radius:21px;box-shadow:0 9px 25px #35532c0b;padding:25px}
.tc-vocational .question h2{font-size:22px;line-height:1.5;color:#1c4632;margin-bottom:20px;letter-spacing:-.3px}
.tc-vocational .answer{background:#f8f8f0;border-color:#e1e6d6;border-radius:13px;padding:15px 16px;font-size:15px;line-height:1.6;color:#334e37;margin:10px 0}
.tc-vocational .answer:hover{background:#f0f4e6;border-color:#a2bc8a;transform:none}
.tc-vocational .answer.selected{background:#eaf2df;border-color:#648d4c;box-shadow:0 0 0 2px #648d4c1a;color:#20432c}
.tc-vocational .answer input{accent-color:#376f48;width:21px;height:21px;margin-top:2px}
.tc-vocational .btn{font-size:14px;border-radius:11px;min-height:46px}.tc-vocational .btn-primary{background:#285e41;color:#fff}.tc-vocational .btn-primary:hover{background:#1b4931}
.tc-vocational .btn-secondary{background:#f0e9f7;color:#6b4b84}.tc-vocational .btn-secondary:hover{background:#e4d9ee}.tc-vocational .btn-primary.is-backup{background:#edf3e5;color:#355a36;border-color:#cdddc1}
.tc-vocational .btn-submit{background:#285e41;color:#fff}.tc-vocational .btn-submit:hover{background:#1b4931}
.tc-vocational .confirm-msg{background:#eef4e5;border-color:#d6e4c7;color:#41622e;font-size:12px}.tc-vocational .review-card h2{color:#315538;font-size:24px}
.tc-vocational [hidden],.tc-vocational.tc-compact .intro-only{display:none!important}
@media(max-width:700px){body.tc-vocational{padding:12px}.tc-vocational .tc-test-brandbar{margin-bottom:14px;padding:11px 0 14px}.tc-vocational .tc-test-logo{width:142px}.tc-vocational .tc-test-back{font-size:11px}.tc-vocational .hero{grid-template-columns:minmax(0,1fr) 95px;gap:12px;padding:18px}.tc-vocational .hero h1{font-size:32px;letter-spacing:-1px;line-height:1.1}.tc-vocational .hero p{font-size:13px;line-height:1.65}.tc-vocational .hero-facts{gap:5px}.tc-vocational .fact{font-size:10px;padding:6px 8px}.tc-vocational .eyebrow{font-size:9px;letter-spacing:0;padding:5px 6px}.tc-vocational .tc-test-hero-mascots figcaption{font-size:9px}.tc-vocational .question{padding:18px}.tc-vocational .question h2{font-size:19px;margin-bottom:15px;line-height:1.5}.tc-vocational .answer{font-size:14px;padding:13px 12px;margin:9px 0}.tc-vocational .quiz-heading-row h1,.tc-vocational .quiz-heading-row h2{font-size:20px}.tc-vocational #tcOrientation{padding:13px 15px}.tc-vocational .question-badge{font-size:11px}.tc-vocational .tc-test-guide{padding-bottom:10px;margin-bottom:11px}.tc-vocational .nav-card{background:#fffdf4f5;backdrop-filter:blur(8px)}}
@media(max-width:360px){.tc-vocational .hero{grid-template-columns:minmax(0,1fr) 76px;padding:15px;gap:9px}.tc-vocational .hero h1{font-size:28px}.tc-vocational .tc-test-back{max-width:130px;text-align:right}}
@media(prefers-reduced-motion:reduce){.tc-vocational .answer,.tc-vocational .question,.tc-vocational .btn{transition:none;animation:none}}