:root {
  color-scheme: light;
  --ink: #17324d;
  --muted: #64768a;
  --line: #dbe5ec;
  --paper: #ffffff;
  --wash: #f3f7fa;
  --navy: #173d63;
  --navy-dark: #102d4a;
  --focus: #2878c8;
  --shadow: 0 18px 60px rgba(21, 50, 77, 0.12);
  font-family: "DM Sans", "Noto Sans SC", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--wash); }
body { margin: 0; min-width: 320px; min-height: 100vh; color: var(--ink); background: radial-gradient(circle at 10% -10%, #dcecf8 0, transparent 34rem), var(--wash); }
button, input { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible { outline: 3px solid rgba(40, 120, 200, .35); outline-offset: 2px; }

.app-shell { width: min(1120px, 100%); margin: 0 auto; min-height: 100vh; padding: 0 24px 48px; }
.topbar { height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: flex; align-items: center; gap: 13px; border: 0; background: transparent; padding: 0; text-align: left; cursor: pointer; }
.brand strong { display: block; font-size: 1.05rem; letter-spacing: -.02em; }
.brand small { color: var(--muted); font-size: .75rem; }
.brand-mark { width: 52px; height: 52px; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border-radius: 15px; box-shadow: 0 8px 24px rgba(23,61,99,.18); }
.brand-mark i { display: grid; place-items: center; color: white; font-size: .66rem; font-weight: 700; font-style: normal; }
.brand-mark i:nth-child(1){background:#EA6A47}.brand-mark i:nth-child(2){background:#4C78C8}.brand-mark i:nth-child(3){background:#9B63C6}.brand-mark i:nth-child(4){background:#2F9D78}.brand-mark i:nth-child(5){background:#E2A42F}.brand-mark i:nth-child(6){background:#397F8B}
.language-button { border: 1px solid var(--line); background: rgba(255,255,255,.82); border-radius: 999px; min-width: 52px; min-height: 42px; font-weight: 700; cursor: pointer; box-shadow: 0 5px 18px rgba(23,50,77,.06); }

.surface { background: rgba(255,255,255,.96); border: 1px solid rgba(219,229,236,.9); border-radius: 28px; box-shadow: var(--shadow); overflow: hidden; }
.welcome { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 620px; }
.welcome-copy { padding: 64px 60px; display: flex; flex-direction: column; justify-content: center; }
.eyebrow { margin: 0 0 18px; color: #2d6e98; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1,h2,h3,p { margin-top: 0; }
h1 { max-width: 760px; font-size: clamp(2.5rem, 6vw, 4.8rem); line-height: .98; letter-spacing: -.06em; margin-bottom: 24px; }
h2 { font-size: clamp(1.75rem, 4vw, 2.55rem); line-height: 1.12; letter-spacing: -.04em; margin-bottom: 12px; }
h3 { font-size: 1.08rem; }
.lead { max-width: 650px; color: var(--muted); font-size: 1.08rem; line-height: 1.75; }
.meta-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 32px; }
.meta-chip { display: inline-flex; align-items: center; gap: 7px; padding: 9px 13px; border-radius: 999px; background: #edf4f8; color: #33566f; font-size: .86rem; font-weight: 600; }
.primary-button, .secondary-button, .text-button { min-height: 48px; border-radius: 14px; padding: 0 20px; border: 0; font-weight: 700; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
.primary-button { background: var(--navy); color: white; box-shadow: 0 10px 24px rgba(23,61,99,.2); }
.primary-button:hover { background: var(--navy-dark); transform: translateY(-1px); }
.secondary-button { background: white; border: 1px solid var(--line); }
.text-button { background: transparent; color: #2b668f; }
.primary-button:disabled, .secondary-button:disabled { opacity: .45; cursor: not-allowed; transform: none; box-shadow: none; }
.welcome-art { position: relative; min-height: 100%; padding: 46px; background: var(--navy); color: white; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.welcome-art::before,.welcome-art::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.15); }
.welcome-art::before { width: 420px; height:420px; }
.welcome-art::after { width: 290px; height:290px; }
.compass { position: relative; z-index: 1; width: min(360px, 100%); aspect-ratio: 1; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; transform: rotate(5deg); }
.compass-card { display:flex; flex-direction:column; justify-content:space-between; padding:22px; border-radius:24px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); backdrop-filter: blur(10px); }
.compass-card:nth-child(even){ transform: translateY(18px); }
.compass-card b { font-size:2rem; }
.compass-card span { color:rgba(255,255,255,.75); font-size:.8rem; }

.profile-layout { display:grid; grid-template-columns:.8fr 1.2fr; }
.profile-aside { padding:52px; background:var(--navy); color:white; }
.profile-aside p { color:rgba(255,255,255,.72); line-height:1.7; }
.section-roadmap { margin:34px 0 0; display:grid; gap:16px; }
.roadmap-item { display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:center; }
.roadmap-number { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.12); font-weight:700; }
.roadmap-item b { display:block; }.roadmap-item small { color:rgba(255,255,255,.62); }
.profile-form { padding:52px; display:flex; flex-direction:column; justify-content:center; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:28px 0; }
.field { display:grid; gap:8px; }
.field.full { grid-column:1/-1; }
.field label { font-weight:700; font-size:.9rem; }
.field input { width:100%; min-height:50px; border:1px solid var(--line); border-radius:13px; padding:0 15px; color:var(--ink); background:#fbfdfe; }
.field small { color:var(--muted); }
.privacy-note { display:flex; gap:10px; color:var(--muted); font-size:.82rem; line-height:1.55; margin:0 0 24px; }

.assessment-shell { max-width:920px; margin:0 auto; }
.progress-card { padding:24px 28px; margin-bottom:16px; }
.progress-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-end; margin-bottom:14px; }
.progress-head strong { font-size:1rem; }.progress-head span { color:var(--muted); font-size:.86rem; }
.progress-track { height:8px; border-radius:999px; background:#e7eef3; overflow:hidden; }
.progress-fill { height:100%; border-radius:inherit; background:linear-gradient(90deg,#397f8b,#4c78c8); transition:width .3s ease; }
.question-card { padding:34px; }
.question-header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:24px; }
.section-pill { display:inline-block; padding:7px 10px; border-radius:10px; background:#edf4f8; color:#2c6387; font-size:.78rem; font-weight:700; margin-bottom:12px; }
.question-header p { margin-bottom:0; color:var(--muted); line-height:1.6; }
.counter { flex:none; color:var(--muted); font-weight:700; }
.question-list { display:grid; gap:12px; }
.binary-question { display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; padding:16px 16px 16px 18px; border:1px solid var(--line); border-radius:16px; background:#fff; transition:border-color .15s, background .15s; }
.binary-question.answered { border-color:#b6d2e4; background:#f8fbfd; }
.question-number { color:#6f8294; font-size:.76rem; font-weight:700; margin-bottom:4px; }
.question-text { font-size:1rem; line-height:1.5; font-weight:600; }
.binary-actions { display:flex; gap:7px; }
.choice { min-width:68px; min-height:42px; border-radius:11px; border:1px solid var(--line); background:white; font-weight:700; cursor:pointer; }
.choice.selected.yes { color:white; background:#287c66; border-color:#287c66; }.choice.selected.no { color:white; background:#6b7b88; border-color:#6b7b88; }
.rating-question { padding:18px; border:1px solid var(--line); border-radius:16px; }
.rating-row { display:grid; grid-template-columns:repeat(7,1fr); gap:7px; margin-top:15px; }
.rating-option { min-height:42px; border-radius:10px; border:1px solid var(--line); background:white; font-weight:700; cursor:pointer; }
.rating-option.selected { color:white; background:var(--navy); border-color:var(--navy); }
.rating-option:disabled { opacity:.28; cursor:not-allowed; background:#eef2f5; }
.rating-option.selected:disabled { opacity:1; }
.rating-legend { display:flex; justify-content:space-between; color:var(--muted); font-size:.72rem; margin-top:7px; }
.assessment-actions { display:flex; justify-content:space-between; gap:12px; margin-top:26px; }
.assessment-actions > div { display:flex; gap:10px; }

.result-wrap { max-width:980px; margin:0 auto; display:grid; gap:16px; }
.result-minimal { max-width:760px; }
.result-hero { position:relative; padding:42px; background:var(--navy); color:white; overflow:hidden; }
.result-only { min-height:390px; padding:52px 34px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.result-hero::after { content:""; position:absolute; right:-90px; top:-100px; width:330px; height:330px; border-radius:50%; border:70px solid rgba(255,255,255,.055); }
.result-hero > * { position:relative; z-index:1; }
.result-code { display:flex; align-items:flex-end; gap:22px; margin:18px 0; }
.result-only .result-code { justify-content:center; }
.result-only p { margin-left:auto; margin-right:auto; }
.completion-badge { display:inline-flex; align-items:center; padding:8px 13px; border-radius:999px; background:rgba(255,255,255,.12); color:#cfe7f4; font-size:.8rem; font-weight:700; margin-bottom:18px; }
.result-only h2 { max-width:590px; margin-bottom:8px; }
.follow-up-card { padding:30px; display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:20px; }
.follow-up-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; background:#e8f4fa; color:#216b92; font-size:1.5rem; font-weight:700; }
.follow-up-copy h3 { margin-bottom:8px; font-size:1.2rem; }
.follow-up-copy p { margin-bottom:8px; color:var(--muted); line-height:1.65; }
.follow-up-copy .contact-note { margin-bottom:0; color:#294f69; font-weight:700; }
.end-test-button { white-space:nowrap; }
.code-letters { display:flex; gap:8px; }
.code-letter { width:72px; height:82px; display:grid; place-items:center; background:white; border-radius:18px; font-size:2.15rem; font-weight:700; }
.result-hero p { max-width:690px; color:rgba(255,255,255,.76); line-height:1.65; margin-bottom:0; }
.result-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:16px; }
.single-result-grid { grid-template-columns:1fr; }
.panel { padding:30px; }
.score-list { display:grid; gap:18px; margin-top:24px; }
.score-row { display:grid; grid-template-columns:130px 1fr 42px; align-items:center; gap:14px; }
.score-label { display:flex; align-items:center; gap:9px; font-weight:700; }
.type-dot { width:12px; height:12px; border-radius:4px; }
.bar { height:12px; background:#eaf0f4; border-radius:999px; overflow:hidden; }.bar span { display:block; height:100%; border-radius:inherit; }
.score-value { text-align:right; font-weight:700; }
.profile-stack { display:grid; gap:12px; margin-top:20px; }
.type-profile { padding:18px; border-radius:16px; border:1px solid var(--line); }
.type-title { display:flex; align-items:center; gap:10px; margin-bottom:9px; }.type-badge { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-weight:700; }
.type-profile p { color:var(--muted); line-height:1.6; font-size:.9rem; margin-bottom:0; }
.insight-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.tag-list { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }.tag { padding:9px 12px; border-radius:10px; background:#edf4f8; color:#325971; font-size:.86rem; font-weight:600; }
.disclaimer { color:var(--muted); font-size:.82rem; line-height:1.65; }
.report-status { padding:13px 15px; border-radius:12px; background:#edf7f2; color:#28705a; font-size:.88rem; font-weight:700; }
.inline-retry { margin-left:8px; border:0; background:transparent; color:#1d5d91; text-decoration:underline; font:inherit; font-weight:700; cursor:pointer; }
.result-actions { display:flex; flex-wrap:wrap; gap:10px; }
.toast { position:fixed; z-index:20; left:50%; bottom:24px; transform:translate(-50%,24px); padding:12px 18px; border-radius:12px; background:#102d4a; color:white; opacity:0; pointer-events:none; transition:.25s ease; box-shadow:0 12px 30px rgba(16,45,74,.25); }
.toast.show { opacity:1; transform:translate(-50%,0); }
.empty-state { padding:70px 30px; text-align:center; }

@media (max-width: 780px) {
  .app-shell { padding:0 14px 32px; }.topbar{height:72px}.brand-mark{width:44px;height:44px;border-radius:12px}.brand small{display:none}
  .welcome,.profile-layout,.result-grid { grid-template-columns:1fr; }.welcome-copy,.profile-form,.profile-aside{padding:34px 24px}.welcome-art{min-height:360px;padding:30px;order:-1}.compass{max-width:280px}.compass-card{padding:17px}
  .form-grid,.insight-grid { grid-template-columns:1fr; }.field.full{grid-column:auto}
  .progress-card{padding:20px}.question-card{padding:22px 16px}.question-header{display:block}.counter{margin-top:14px}
  .binary-question{grid-template-columns:1fr;gap:13px}.binary-actions{width:100%}.choice{flex:1}
  .rating-row{gap:5px}.rating-option{min-width:0;padding:0}
  .assessment-actions{flex-direction:column-reverse}.assessment-actions>div,.assessment-actions button{width:100%}
  .result-hero,.panel{padding:26px 20px}.result-only{min-height:360px;padding:40px 22px}.result-code{display:block}.code-letters{margin-bottom:16px}.code-letter{width:68px;height:78px;font-size:2rem}.score-row{grid-template-columns:110px 1fr 34px;gap:8px}
  .follow-up-card{grid-template-columns:46px 1fr;padding:24px 20px;align-items:start}.follow-up-icon{width:46px;height:46px}.end-test-button{grid-column:1/-1;width:100%;margin-top:4px}
}

@media print {
  body { background:white; }.app-shell{width:100%;padding:0}.topbar,.result-actions,.language-button{display:none!important}.surface{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.result-wrap{max-width:none}.result-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-grid,.insight-grid{grid-template-columns:1fr 1fr}.toast{display:none}
}

/* Career discovery: calm, editorial, and easy to complete. */
:root{--ink:#203d37;--muted:#687a73;--line:#dce4de;--wash:#f6f7f2;--navy:#174e45;--navy-dark:#103c35;--focus:#247565;--shadow:0 16px 48px #263f3510}
html{background:var(--wash)}body{background:var(--wash)}
.app-shell{width:min(1200px,100%);padding:0 32px 28px}.topbar{height:100px}.brand{gap:12px}.brand strong{font-size:1.08rem}.brand small{letter-spacing:.08em;font-size:.63rem;text-transform:uppercase}.brand-mark{width:43px;height:43px;border-radius:12px;box-shadow:none}.language-button{min-width:85px;box-shadow:none;font-size:.83rem;background:transparent}.language-button:hover{background:#fff}
.surface{border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--line)}
.welcome{grid-template-columns:1.08fr 1fr;min-height:570px;background:#fff;border:0}.welcome-copy{padding:55px 48px}.eyebrow{display:flex;align-items:center;gap:9px;color:#567c64;font-size:.72rem;letter-spacing:.12em;margin-bottom:22px}.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#88a97c}
h1{font-size:clamp(2.8rem,4.2vw,3.6rem);line-height:1.19;letter-spacing:-.045em;font-weight:600;margin-bottom:24px}html[lang="zh-CN"] h1{max-width:430px;line-height:1.32;letter-spacing:-.055em}h2{line-height:1.3}.lead{font-size:.98rem;line-height:1.9}.meta-row{gap:8px;margin:10px 0 28px}.meta-chip{font-size:.73rem;padding:7px 10px;background:#f1f4ed;border-radius:7px;color:#5e7467}.primary-button{border-radius:11px;min-height:50px;box-shadow:none;padding:0 24px}.primary-button span{margin-left:24px;font-size:1.2rem}.secondary-button{border-radius:11px}.start-note,.resume-note{font-size:.74rem;color:var(--muted);margin:15px 0 0;line-height:1.7}.start-note::before{content:"✓";margin-right:6px;color:#508670}
.welcome-art{padding:42px 35px 28px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:#174e45;background-image:radial-gradient(ellipse at 100% 0,#296657 0,transparent 65%);gap:22px}.welcome-art::before{width:480px;height:480px;right:-190px;top:-190px;border-color:#ffffff09}.welcome-art::after{display:none}.art-heading{position:relative;z-index:1}.art-kicker{font-size:.63rem;letter-spacing:.2em;color:#bed0b5}.art-heading h2{font-size:1.6rem;line-height:1.5;letter-spacing:-.03em;max-width:340px;margin:14px 0 0;font-weight:500}.compass{width:100%;aspect-ratio:auto;transform:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.compass-card{min-height:138px;padding:15px 12px;border-radius:13px;background:#ffffff0b;border:1px solid #ffffff26;backdrop-filter:none;justify-content:flex-start;gap:8px}.compass-card:nth-child(even){transform:none}.compass-card b{width:39px;height:39px;font-size:1.4rem;border-radius:50%;background:var(--type-soft);color:var(--type-color);display:grid;place-items:center;font-weight:600}.compass-card span{font-size:.82rem;font-weight:600;color:#fff;overflow-wrap:anywhere}.compass-card small{font-size:.62rem;line-height:1.55;color:#ccded5}.art-caption{font-size:.7rem;color:#bdd0c4;letter-spacing:.06em;text-align:center;margin:0}
.journey{padding:44px 4px 20px}.journey-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}.journey-heading h2{font-size:1.35rem;letter-spacing:-.03em;margin:0}.journey-heading p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.7}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.journey-step{border-top:1px solid #cdd7cb;padding-top:18px}.journey-step>span{font-size:.75rem;font-weight:600;color:#799375}.journey-step h3{font-size:.95rem;margin:11px 0 8px}.journey-step p{color:var(--muted);font-size:.78rem;line-height:1.7;margin:0}.site-footer{display:flex;justify-content:space-between;gap:15px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:.68rem;color:#77887c;line-height:1.7}.site-footer b{margin:0 8px;font-weight:400}
.profile-aside{background:#174e45;padding:42px}.profile-form{padding:42px}.profile-aside .eyebrow{color:#c4d7b9!important}.profile-aside h2{font-size:2rem}.profile-aside p{font-size:.93rem}.roadmap-item small{line-height:1.6}.field input{background:#fafbf8;border-radius:10px}.field input:focus{border-color:#5e9882}.privacy-note{padding:14px;background:#f5f7f1;border-radius:10px;font-size:.76rem}.profile-form .primary-button{width:100%}
.assessment-shell{max-width:900px}.section-stepper{list-style:none;padding:0;margin:12px 0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.section-stepper li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:2px solid #dce4de;color:#718177}.section-stepper li>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #d1dace;border-radius:50%;font-size:.72rem}.section-stepper b{font-size:.72rem;line-height:1.5;font-weight:500}.section-stepper .current{border-color:#286853;color:#174e45}.section-stepper .current>span{background:#174e45;color:#fff;border-color:#174e45}.section-stepper .done>span{background:#e3efdb;border-color:#c2d4b6}.progress-card{padding:20px 24px;box-shadow:none;border-radius:16px}.progress-head{margin-bottom:12px}.progress-head strong{font-size:.86rem}.progress-track{height:6px;background:#edf0e9}.progress-fill{background:#4f8a70}.question-card{padding:30px}.question-header{padding-bottom:22px;margin-bottom:16px}.question-header h2{font-size:1.8rem}.question-header p{font-size:.9rem}.section-pill{background:#eff4e9;color:#4e755b;border-radius:6px;font-size:.68rem}.counter{font-size:.8rem;white-space:nowrap;padding-top:8px}.page-answer-status{display:flex;justify-content:space-between;gap:10px;font-size:.72rem;color:var(--muted);margin-bottom:16px}.page-answer-status strong{font-weight:600;color:#2c6b54}.binary-question{padding:16px;border-radius:12px;grid-template-columns:1fr auto}.binary-question.answered,.rating-question.answered{background:#f6faf4;border-color:#bdd0bc}.question-number{font-size:.67rem;color:#87968b}.question-text{font-size:.94rem;font-weight:500}.choice{min-height:44px;min-width:80px;border-radius:9px;font-size:.85rem}.choice.selected.yes{background:#276e56;border-color:#276e56}.choice.selected.no{background:#65766c;border-color:#65766c}.choice:hover:not(.selected),.rating-option:hover:not(:disabled){border-color:#61947e;background:#edf4e9}.rating-help{padding:14px 16px;background:#f4f4e9;border:1px solid #e4e4cd;border-radius:10px;font-size:.83rem;line-height:1.7;margin-bottom:18px;color:#646542}.clear-rating{display:block;border:0;background:transparent;color:#547361;text-decoration:underline;font-size:.74rem;min-height:36px;margin-top:8px;padding:0 4px;cursor:pointer}.needs-answer{border-color:#b77c3f!important;box-shadow:0 0 0 3px #b77c3f18}.assessment-actions{position:sticky;bottom:0;background:#fffffff5;backdrop-filter:blur(10px);padding:16px 0 4px;border-top:1px solid var(--line);z-index:2}.assessment-actions .text-button{font-size:.8rem}.rating-question{border-radius:12px}.rating-option{min-height:46px}.result-only{background:#174e45;min-height:340px}.result-only h2{font-size:2rem;line-height:1.45}.completion-badge{color:#d7e5c8}.code-letter{border-radius:14px}.report-status{background:#edf3e7;color:#496847;font-size:.78rem;line-height:1.7}.follow-up-icon{background:#edf3e7;color:#46704f}.follow-up-copy .contact-note{color:#3f6a51}.follow-up-copy p{font-size:.85rem}.result-complete>.disclaimer{padding:0 8px;margin:0}.toast{max-width:calc(100vw - 32px);font-size:.85rem;line-height:1.6;text-align:center;background:#174e45}.text-button{color:#356c54}
@media(max-width:1000px){.welcome-copy{padding:38px 30px}.welcome-art{padding:30px 24px}.compass-card{padding:12px 9px}.journey-heading{display:block}.journey-heading p{margin-top:10px}}
@media(max-width:780px){.app-shell{padding:0 18px 24px}.topbar{height:78px}.brand strong{font-size:.92rem}.brand-mark{width:37px;height:37px}.language-button{min-width:72px;min-height:40px}.welcome{grid-template-columns:1fr}.welcome-copy{padding:34px 27px 30px}.welcome-art{order:0;min-height:0;padding:28px 26px;gap:20px}.compass{max-width:none;gap:10px}.compass-card{min-height:132px;padding:15px 12px}.art-heading h2{font-size:1.35rem;max-width:none;margin-top:9px}.art-kicker{font-size:.58rem}h1{font-size:2.6rem;line-height:1.15}html[lang="zh-CN"] h1{max-width:330px;font-size:2.6rem;line-height:1.3}.lead{font-size:.9rem;line-height:1.9}.meta-chip{font-size:.68rem}.welcome-copy .primary-button{width:100%;display:flex;justify-content:space-between;align-items:center}.journey{padding-top:32px}.journey-grid{grid-template-columns:repeat(2,1fr);gap:24px 20px}.journey-heading h2{font-size:1.2rem}.site-footer{flex-direction:column;gap:4px;margin-top:28px}.profile-layout{grid-template-columns:1fr}.profile-aside,.profile-form{padding:28px 24px}.profile-aside h2{font-size:1.7rem}.section-roadmap{grid-template-columns:1fr 1fr;gap:18px 10px;margin-top:24px}.roadmap-item{grid-template-columns:26px 1fr;gap:7px}.roadmap-number{width:26px;height:26px;border-radius:8px;font-size:.7rem}.roadmap-item b{font-size:.72rem}.roadmap-item small{display:none}.form-grid{margin-top:0}.section-stepper{gap:8px;margin:0 0 16px}.section-stepper li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 0}.section-stepper b{font-size:.65rem}.progress-card{padding:18px}.question-card{padding:22px 16px;overflow:visible}.question-header h2{font-size:1.5rem}.page-answer-status{font-size:.68rem;line-height:1.5}.page-answer-status>span:last-child{max-width:115px;text-align:right}.binary-question{grid-template-columns:1fr;gap:12px;padding:14px}.choice{min-height:46px}.question-text{font-size:.93rem}.assessment-actions{flex-direction:row;gap:8px;bottom:0;padding:12px 0 max(12px,env(safe-area-inset-bottom));margin-top:20px}.assessment-actions>div{width:auto;flex:1;justify-content:flex-end;gap:8px}.assessment-actions>button{width:auto;padding:0 6px;min-width:0;font-size:.7rem}.assessment-actions>div button{width:auto;padding:0 14px;font-size:.8rem;min-height:46px}.question-card{border-radius:18px}.result-only h2{font-size:1.65rem}.result-code{display:flex}.code-letters{margin:0}.follow-up-card{grid-template-columns:1fr}.follow-up-icon{display:none}.result-only{min-height:340px}.result-hero p{font-size:.87rem}.rating-option{min-height:44px}.rating-row{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-footer,.report-status,.end-test-button{display:none!important}}