/* The final presentation layer. All answer and scoring behavior lives elsewhere. */
:root{
  --xp-paper:#fcfaf5;--xp-white:#fff;--xp-ink:#102d35;--xp-teal:#176b61;
  --xp-muted:#56686b;--xp-line:#d8e1d9;--xp-green:#85c227;--xp-pale:#edf5df;
  --xp-shadow:0 8px 28px #102d3507;--xp-radius:18px;
  --ink:var(--xp-ink);--navy:var(--xp-ink);--green:var(--xp-ink);
  --muted:var(--xp-muted);--text-muted:var(--xp-muted);--line:var(--xp-line);
  color:var(--xp-ink);background:var(--xp-paper);font-family:Roboto,Arial,sans-serif;
}
body{background:var(--xp-paper);color:var(--xp-ink)}
body::before{background:var(--xp-green)}
p{line-height:1.65}
h1,h2,h3,h4{font-family:Rubik,Arial,sans-serif;text-wrap:pretty}
h1{font-size:clamp(28px,3.6vw,40px);line-height:1.15;letter-spacing:-.035em;font-weight:600}
h2{font-size:clamp(23px,2.8vw,31px);line-height:1.2;letter-spacing:-.025em}
h3{font-size:19px;line-height:1.3;letter-spacing:-.015em}
button,input,select,textarea{font-family:inherit}
a{text-underline-offset:3px}
.eyebrow{font-size:11px;line-height:1.4;letter-spacing:.13em;color:var(--xp-teal)}
.topbar{height:80px;max-width:1120px;margin:0 auto;padding:16px 32px;background:var(--xp-ink);border:0;gap:24px}
.topbar .brand img{width:142px;height:41px}
.topbar .product-name{font:500 16px/1.4 Rubik,Arial,sans-serif;border-color:#ffffff35;padding-left:24px;color:#edf4ed}
.workspace{display:block;max-width:1120px;margin:0 auto;background:transparent;min-height:65vh}
main{max-width:none;margin:28px auto 0;padding:0 32px 56px;min-width:0}
.flow-progress{max-width:1120px;padding:11px 32px;background:#fcfaf5ed;box-shadow:0 1px 0 #d8e1d980;backdrop-filter:blur(12px)}
.flow-progress progress{height:5px;margin:0;border-radius:8px;background:#dfe7d9}
.flow-progress progress::-webkit-progress-bar{background:#dfe7d9}
.flow-progress progress::-webkit-progress-value{background:var(--xp-teal)}
.flow-progress progress::-moz-progress-bar{background:var(--xp-teal)}
.primary,.secondary{min-height:48px;padding:12px 20px;border-radius:10px;font:500 15px/1.4 Rubik,Arial,sans-serif;border-width:1px;transition:background .16s,border-color .16s,box-shadow .16s}
.primary{background:var(--xp-green);color:var(--xp-ink);border-color:var(--xp-green);box-shadow:0 3px 0 #43631c20}
.primary:hover{background:#95cf3c;color:var(--xp-ink);border-color:#95cf3c;box-shadow:0 5px 13px #43631c18}
.secondary{background:#fff;color:var(--xp-ink);border-color:#aabdb4;box-shadow:none}
.secondary:hover{background:#edf3ea;color:var(--xp-ink);border-color:var(--xp-teal)}
.text-button{color:#355952;font-size:14px;font-weight:500;min-height:44px;line-height:1.45;text-underline-offset:4px}
button:disabled{opacity:.48;box-shadow:none}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #b86422;outline-offset:4px}
.choice:has(input:focus-visible),.vc-picture:has(input:focus-visible),.vc-word:has(input:focus-visible){outline:3px solid #b86422;outline-offset:4px}
.actions{gap:10px;align-items:center;margin-top:24px}
.actions .text-button{padding-inline:8px}
.section-top{gap:12px;align-items:center;margin:0 0 11px}
.section-top .eyebrow{font-size:11px;color:var(--xp-teal)}
.counter{font:500 12px/1.5 Rubik,Arial,sans-serif;color:#526860;background:#eef2e7;border:1px solid #dbe3d4;border-radius:20px;padding:5px 10px;white-space:nowrap}
.question-page{max-width:790px;margin:0 0 24px}
.question-page h1,main>h1{margin:8px 0 12px;max-width:26ch}
.question-page .intro,main>.intro{font-size:16px;line-height:1.6;max-width:66ch;color:var(--xp-muted);margin-bottom:8px}
.question-note{color:var(--xp-muted);font-size:13px;margin:8px 0 0}
#pictures-first{margin-top:3px}
.scenario-field{padding:24px;margin:14px 0;border:1px solid var(--xp-line);border-radius:var(--xp-radius);background:#fff;box-shadow:var(--xp-shadow);scroll-margin-top:42px}
.scenario-card-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px}
.scenario-index,.reflection-number{display:inline-grid;place-items:center;flex:0 0 31px;min-width:31px;height:31px;background:#eef4e5;color:#375c35;border:1px solid #d9e6ca;border-radius:10px;font:600 13px/1 Rubik,Arial,sans-serif;letter-spacing:0}
.scenario-field .scenario-heading,.scenario-field legend{font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.02em;margin:0 0 13px;color:var(--xp-ink)}
.scenario-card-header .scenario-heading{margin:3px 0 0;min-width:0}
.scenario-prompt{font-size:15px;line-height:1.65;max-width:78ch;color:#425e62;margin:0 0 18px}
.scenario-ask{font-size:13px;font-weight:500;color:#385454;margin:0 0 11px}
.choices{gap:9px}
.choice{min-height:49px;align-items:flex-start;padding:12px 13px;gap:10px;background:#fcfdf9;border:1px solid #d1ddd3;border-radius:10px;font-size:14px;line-height:1.5;color:#29494b;transition:background .14s,border-color .14s,box-shadow .14s}
.choice input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--xp-teal);flex:none}
.choice>span{min-width:0;overflow-wrap:normal}
.choice:hover{background:#f3f7ec;border-color:#91ad7b}
.choice:has(input:checked){background:var(--xp-pale);border-color:#598640;box-shadow:inset 0 0 0 1px #598640;color:#173a31}
.choice:has(input:checked)>span{font-weight:500}
.appeal-choices{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.appeal-choices .choice{grid-column:span 2;min-height:55px;padding:11px 10px;align-items:center;font-size:14px;gap:8px}
.appeal-choices .choice input{margin:0}
.appeal-choices .choice:nth-child(n+6){grid-column:span 5;min-height:44px;background:#f8faf7;font-size:13px;color:#5b6b66}
.appeal-choices .choice:nth-child(n+6):has(input:checked){background:#edf5df;color:#173a31;border-color:#598640}
.question-actions{padding:4px 0 0;margin-top:22px;border-top:1px solid var(--xp-line)}
.question-actions .actions{margin-top:18px}
.ai-processing-note{font-size:12px;line-height:1.6;color:#60716b;max-width:78ch;margin:22px 0 14px}
#page-count{font-size:12px;color:#66766e;margin-top:18px}
.notice{background:#eff4e9;border:1px solid #dee8d3;border-radius:12px;font-size:14px;line-height:1.6;padding:16px 19px;color:#405a45;margin:20px 0}

/* Six equally sized scenes keep the first view about many kinds of work. */
.early-graphic{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:28px;align-items:center;padding:29px 30px;margin:0 0 32px;border-radius:23px;background:linear-gradient(120deg,#102d35 0%,#143e43 70%,#1d514c 100%);box-shadow:0 14px 34px #102d3510;isolation:isolate;overflow:hidden;color:white}
.early-graphic::after{right:-120px;top:-140px;width:450px;height:450px;border-color:#d6efaa12;box-shadow:0 0 0 38px #d6efaa05,0 0 0 84px #d6efaa04}
.eg-copy{position:relative;z-index:1}
.eg-copy .eg-eyebrow{margin:0 0 14px;font:500 10px/1.4 Rubik,Arial,sans-serif;letter-spacing:.16em;color:#c3df98}
.eg-copy h2{font-size:clamp(30px,4.1vw,45px);line-height:1.08;font-weight:500;letter-spacing:-.035em;color:#fff;margin:0 0 17px}
.eg-copy h2 span{color:#c7e892}
.eg-copy .eg-intro{font-size:16px;line-height:1.6;color:#deebe6;max-width:32ch;margin:0 0 20px}
.eg-facts{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:11px;line-height:1.4;color:#d3e2d9}
.eg-facts span{display:inline-flex;align-items:center;gap:5px}
.eg-facts span+span{border-left:1px solid #c7e89255;padding-left:14px}
.eg-facts svg{width:17px;height:17px;color:#c7e892;flex:none}
.eg-art.eg-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;transform:none;min-width:0;padding:0}
.eg-photo{display:block;aspect-ratio:1;background-image:url('./images/vehicle-scenes-v1.png');background-size:300% 200%;background-repeat:no-repeat;border:1px solid #ffffff55;border-radius:12px;box-shadow:0 4px 14px #061b2333}
.eg-photo-0{background-position:0 0}.eg-photo-1{background-image:url('./images/lawn-scenes-v1.png');background-position:50% 0}.eg-photo-2{background-position:100% 0}.eg-photo-3{background-position:0 100%}.eg-photo-4{background-image:url('./images/lawn-scenes-v1.png');background-position:50% 100%}.eg-photo-5{background-position:100% 100%}

/* The art is the main content of a picture question. */
.visual-choices{margin:0 0 14px;--vc-navy:var(--xp-ink);--vc-green:var(--xp-green)}
.vc-heading,.vc-project .vc-heading{max-width:740px}
.vc-heading h1{font-size:clamp(28px,3.8vw,39px);line-height:1.16;margin:9px 0 12px;font-weight:500;max-width:25ch}
.vc-eyebrow{font-size:11px;letter-spacing:.13em;color:var(--xp-teal)}
.vc-intro{font-size:16px;line-height:1.6;max-width:68ch;margin-bottom:15px;color:var(--xp-muted)}
.vc-context{font-size:12px;margin:0 0 18px;color:#42643f;gap:9px}
.vc-context-dot{width:6px;height:6px;background:#648e39;box-shadow:0 0 0 4px #e9f2dd}
.vc-status-row,.vc-project .vc-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 18px}
.vc-count,.vc-project .vc-count{padding:7px 11px;border:1px solid #d7e5c7;background:#edf5e0;color:#36542b;font:500 11px/1.4 Rubik,Arial,sans-serif}
.vc-hint,.vc-project .vc-hint{font-size:12px;color:#617169;margin:0;text-align:left;max-width:none}
.vc-picture-grid{gap:14px}
.vc-picture-grid-three{gap:18px}
.vc-picture,.vc-project .vc-picture{border:2px solid #dce3d9;border-radius:16px;background:#fff;box-shadow:0 4px 14px #102d3506}
.vc-picture-title,.vc-picture-grid-three .vc-picture-title{font:500 14px/1.4 Rubik,Arial,sans-serif;color:#193f43;min-height:62px;padding:13px 14px;overflow-wrap:normal}
.vc-picture input{width:21px;height:21px;top:11px;right:11px;accent-color:#176b61;box-shadow:0 0 0 3px #fff;border-radius:4px}
.vc-selected-label,.vc-project .vc-selected-label{visibility:hidden;background:#174c43;color:white;top:10px;left:9px;font-size:10px;line-height:1.4;padding:5px 9px;font-weight:500}
.vc-picture.is-selected .vc-selected-label,.vc-picture:has(input:checked) .vc-selected-label{visibility:visible}
.vc-picture.is-selected,.vc-picture:has(input:checked),.vc-project .vc-picture.is-selected{background:#edf5df;border-color:#527e39;box-shadow:0 0 0 2px #d3e7b8}
.vc-picture:has(input:disabled){border-color:#dfe5da;box-shadow:none}
.vc-picture:has(input:disabled) .vc-scene{opacity:.72}
.vc-picture:has(input:disabled) .vc-picture-title{color:#68776a}
.vc-footnote{font-size:12px;line-height:1.6;color:#647367;max-width:72ch;margin:19px 0 4px}
.vc-skip{font-size:13px;color:#42603d}
.vc-word-cloud{justify-content:flex-start;align-content:center;padding:28px;gap:11px;min-height:280px;border:1px solid #d6e1cb;border-radius:20px;background:linear-gradient(130deg,#f0f5e8,#fff 70%);box-shadow:var(--xp-shadow)}
.vc-word{box-shadow:none;border-color:#cbdac0;min-height:45px;padding:10px 16px;font-family:Rubik,Arial,sans-serif;font-weight:400;color:#31553d}
.vc-word-size-1{font-size:14px}.vc-word-size-2{font-size:17px}.vc-word-size-3{font-size:20px;font-weight:500}
.vc-word.is-selected,.vc-word:has(input:checked){background:#164c43;border-color:#164c43;color:#fff;box-shadow:0 3px 7px #102d3510}
.vc-word:focus-within,.vc-picture:focus-within{outline-color:#b86422}

/* Preferences use the same choice language without making either side look best. */
.reflection-intro{padding:14px 18px;border-radius:12px;border:1px solid #d8e4cf;background:#f0f5e9;color:#405943;font-size:14px;line-height:1.6;margin:18px 0}
.reflection-question .scenario-heading{display:flex;align-items:center;gap:11px}
.reflection-question .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.reflection-question .choice{min-height:55px;padding:13px;font-size:14px}
.reflection-choice-label{display:block}.reflection-choice-note{display:block;font-size:12px;line-height:1.5;font-weight:400;color:#63736a;margin-top:4px}
.reflection-report-summary{font-size:14px;color:var(--xp-muted)}
.reflection-context{font-size:14px;line-height:1.65;color:var(--xp-muted)}
.reflection-answer{font-size:14px;line-height:1.6;color:#31594b}

/* The detailed trade path has its own stylesheet. These are the report's surrounds. */
.result-hero{margin:0 0 22px;padding:0;background:none;border:0;box-shadow:none}
.result-hero h1{font-size:clamp(29px,3.8vw,42px);line-height:1.13;font-weight:500;letter-spacing:-.035em;max-width:23ch;margin:9px 0 14px}
.result-hero p{font-size:16px;line-height:1.6;max-width:63ch;color:var(--xp-muted)}
.result-hero .eyebrow{font-size:11px;color:var(--xp-teal)}
.result-nav{gap:8px;margin-bottom:24px}
.result-nav a{font-size:12px;line-height:1.4;padding:9px 12px;border-radius:20px;border:1px solid #cddbd0;background:#fff;color:#345b50;min-height:37px;display:inline-flex;align-items:center}
.result-nav a:hover{background:#eef5e4;border-color:#7da86c}
.result-section{margin-top:34px}.result-section>h2{margin-bottom:12px}
.interest-map{margin:24px 0 30px;--im-navy:var(--xp-ink);--im-line:#d9e3d6}
.im-heading h2{font-size:27px;font-weight:500;letter-spacing:-.03em}
.im-eyebrow{color:var(--xp-teal);font-size:10px}
.im-total{font-size:11px;padding:7px 10px;background:#edf3e5;color:#425f36}
.im-intro{font-size:14px;margin-bottom:18px}
.im-grid{gap:12px}
.im-card{padding:18px 17px;background:linear-gradient(135deg,#f4f7eb,#fff 70%);border-radius:16px;box-shadow:none}
.im-card::after{display:none}
.im-card-top{gap:10px;margin-bottom:12px}
.im-icon-wrap{width:41px;height:41px;border-radius:12px;box-shadow:none}.im-icon{width:28px;height:28px}
.im-card h3{font-size:17px;font-weight:500}
.im-description{font-size:12px;line-height:1.55;margin-bottom:16px;min-height:38px}
.im-count-number{font-size:35px;font-weight:500}.im-count{margin-bottom:14px}
.im-coverage{min-height:0;font-size:10px}
.im-connection{background:#143f43;border-radius:13px;padding:16px 18px;box-shadow:none}
.im-connection-many{background:#f0f5e8;color:var(--xp-ink)}
.im-connection-copy{font-size:15px}.im-connection-many .im-connection-copy{font-size:13px}
.ai-summary{border:1px solid #d3e0c7;border-top:3px solid #7dad4b;border-radius:18px;background:linear-gradient(130deg,#f4f8eb,#fff 75%);padding:26px 28px;margin:26px 0;box-shadow:var(--xp-shadow)}
.ai-summary h2{font-size:26px;font-weight:500;max-width:29ch}
.ai-prose p{font-size:16px;line-height:1.75;max-width:78ch;color:#29474b}
.ai-caveat{font-size:12px;line-height:1.6;margin-top:20px;border-color:#dde7d4}
.ai-model{font-size:11px}
.report-details,.self-check,.visual-report,.career-catalog,.save-panel{padding:18px 22px;border-radius:14px;border:1px solid #d4e0d5;background:#fff;box-shadow:none;margin:20px 0}
:is(.report-details,.self-check,.visual-report,.career-catalog,.save-panel)>summary{font:500 15px/1.5 Rubik,Arial,sans-serif;min-height:36px;padding-block:6px;color:#284d49;list-style-position:inside}
.report-details[open]>summary,.visual-report[open]>summary,.career-catalog[open]>summary{margin-bottom:18px}
.visual-report p{font-size:14px;line-height:1.7}
.optional-extras{border:1px solid #d9e2d2;background:#f0f5e9;border-radius:15px;padding:21px 23px;margin:26px 0}
.optional-extras h2{font-size:22px;font-weight:500;margin-bottom:8px}.optional-extras>p{font-size:14px}
.extra-options{gap:9px}.extra-options .secondary{font-size:13px;min-height:44px;padding:10px 14px}
.career-connections h2,.family-explorer h2,#keep>h2{font-size:27px;font-weight:500}
.career-connections>p,.family-explorer>p{font-size:15px;line-height:1.65;color:var(--xp-muted)}
.connection-grid{gap:13px}
.career-connection{border:1px solid #d6e0d4;border-top:3px solid #87a46d;border-radius:14px;padding:20px;background:#fff;box-shadow:none}
.career-connection h3{font-size:18px;font-weight:500}.career-connection p{font-size:14px;line-height:1.65}
.career-connection li{font-size:13px;line-height:1.55}
.career-connection .secondary{font-size:12px;border-radius:8px}
.matching-method>summary,.more-connections>summary{font-size:14px;color:#365b50}
.family-label{font-size:14px;color:#294d48}
#career-search,#family-select,.email-row input{min-height:48px;border:1px solid #a8bdb1;border-radius:10px;padding:12px 14px;background:#fff;color:var(--xp-ink);font-size:16px}
.family-card{border:1px solid #d6e1d7;border-radius:14px;padding:23px;background:#fff}
.family-card p,.family-card li{font-size:14px;line-height:1.65}
.family-card h3{font-weight:500}.family-card h4{font-size:16px}
.learning-stages{gap:12px}.learning-stages section{padding:17px;background:#f2f6ec;border-radius:10px}
.career-role{border-radius:10px;border-color:#d9e3d5;background:#f8faf4;padding:12px 14px;min-height:57px}
.career-role:hover{border-color:#8ca87b;background:#f0f5e7}
.career-role strong{font-size:14px;color:#244b48}.career-role span{font-size:12px}
.exploration-section{border-top:1px solid var(--xp-line);padding-top:24px}
.exploration-guidance{border-color:#d9e2d7;background:#f3f5ed;border-radius:15px;padding:21px}
.exploration-guidance-grid{gap:20px}.exploration-guidance-grid p{font-size:14px;line-height:1.65}
.exploration-editor{border-radius:13px;border-color:#cbdace;padding:16px 20px}
.exploration-editor summary{font-size:15px;color:#31554c}.exploration-options .choice{font-size:13px}
.exploration-saved-row dt span{font-size:13px}.exploration-saved-row dd{font-size:14px;color:#2c5b4b}
.self-check-question h3{font-size:16px;margin:20px 0 10px}
.self-check-options{gap:8px}.self-check-options .choice{font-size:13px;padding:10px 12px;min-height:44px}
.foundation-panel{background:#153f42;border-radius:18px;padding:25px 28px;gap:26px;margin:27px 0;color:#f7faf2}
.foundation-number{font:500 clamp(42px,6vw,66px)/1 Rubik,Arial,sans-serif;color:#c8e59b}
.foundation-panel .eyebrow{font-size:10px;letter-spacing:.1em;color:#c8e59b}
.foundation-panel h2{font-size:26px;font-weight:500;letter-spacing:-.025em;margin:7px 0 13px}
.foundation-body,.foundation-panel p{font-size:14px;line-height:1.7;color:#e0ebe4}
.foundation-note{font-size:12px!important;color:#bed3c8!important}.foundation-panel a{color:#d6edb5}
.foundation-sources{font-size:12px!important;margin-bottom:0}
.feedback-panel{border:1px solid #cddfc8;border-radius:18px;background:#eef5e6;margin:28px 0;padding:25px 28px}
.feedback-panel h2{font-size:27px;font-weight:500;margin-bottom:10px}
.feedback-intro,.feedback-panel>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:67ch;color:#45624b}
.feedback-panel label[for]{font-size:14px;margin:18px 0 9px}
.feedback-panel textarea{min-height:124px;padding:14px 16px;border-color:#9fb695;border-radius:11px;font-size:16px;line-height:1.6;box-shadow:0 2px 7px #102d3503;color:#294a41}
.feedback-panel textarea::placeholder{color:#697967;opacity:1}
.feedback-panel #feedback-privacy,.feedback-panel #feedback-privacy p{font-size:13px;line-height:1.6;color:#53694c;margin:8px 0}
.feedback-panel .check-label{font-size:13px;line-height:1.55;margin:17px 0}
.feedback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.feedback-actions .status{flex:1 1 220px;margin:0;font-size:13px}
.feedback-panel .small-count{font-size:11px;margin:7px 0 12px}
.status{font-size:13px;line-height:1.6}.status.error{color:#8a3527}
.check-label{font-size:13px;line-height:1.55;color:#3f5a53}.check-label input{accent-color:var(--xp-teal)}
.save-panel p{font-size:14px;color:var(--xp-muted)}.email-label{font-size:14px}
footer{margin:12px auto 0;max-width:1120px;padding:24px 32px;background:#102d35;border-top:3px solid #85c227;color:#e6eee6;font-size:12px;align-items:center}
footer .text-button{color:#d7e9d6;font-size:12px;min-height:44px}
dialog{border-color:#bccfbf;border-radius:19px;background:var(--xp-paper);box-shadow:0 24px 80px #0a292233;color:var(--xp-ink)}
dialog::backdrop{background:#082a31ba;backdrop-filter:blur(3px)}
.dialog-inner{padding:27px 29px}.dialog-inner h2{font-size:25px}.dialog-inner h3{font-size:18px}.dialog-inner p{font-size:14px;line-height:1.7}
.review-item{border-radius:10px;border-color:#d5dfd2;padding:14px 16px;font-size:14px;background:#fff}

@media(hover:hover){
  .vc-picture:not(:has(input:disabled)):hover{border-color:#8eae6e;box-shadow:0 8px 22px #102d3511;transform:translateY(-2px)}
  .vc-word:not(.is-selected):not(:has(input:checked)):hover{background:#edf4e2;border-color:#769659}
}
@media(max-width:900px){
  .topbar{padding-inline:25px}main{padding-inline:25px}.flow-progress{padding-inline:25px}
  .early-graphic{padding:26px;gap:24px}.eg-copy h2{font-size:36px}.eg-copy .eg-intro{font-size:15px}
  .vc-picture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vc-picture-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media(max-width:740px){
  .topbar{height:72px;padding:13px 20px;gap:17px}.topbar .brand img{width:124px;height:36px}.topbar .product-name{font-size:14px;padding-left:17px}
  main{margin-top:22px;padding:0 20px 36px}.flow-progress{padding:10px 20px}
  .question-page{margin-bottom:21px}.question-page h1,main>h1{font-size:29px}.question-page .intro,main>.intro{font-size:15px}
  .scenario-field{padding:20px;margin:13px 0;border-radius:15px}.scenario-card-header{gap:10px;margin-bottom:12px}
  .scenario-field .scenario-heading,.scenario-field legend{font-size:18px}.scenario-prompt{font-size:15px;margin-bottom:16px}
  .scenario-index,.reflection-number{min-width:29px;flex-basis:29px;width:29px;height:29px;font-size:12px;border-radius:9px}
  .appeal-choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.appeal-choices .choice{grid-column:span 2;font-size:13px;min-height:52px;padding:9px 8px;gap:7px}
  .appeal-choices .choice:nth-child(4),.appeal-choices .choice:nth-child(5){grid-column:span 3}
  .appeal-choices .choice:nth-child(n+6){grid-column:span 3;font-size:12px;min-height:44px}
  .choice input{width:16px;height:16px}
  .early-graphic{padding:24px;gap:22px;margin-bottom:26px;border-radius:20px}.eg-copy h2{font-size:31px}.eg-copy .eg-eyebrow{font-size:9px;margin-bottom:12px}.eg-copy .eg-intro{font-size:14px;margin-bottom:15px}.eg-facts{font-size:10px;gap:6px}.eg-facts span+span{border:0;padding:0}.eg-art.eg-mosaic{gap:6px}.eg-photo{border-radius:9px}
  .vc-picture-grid,.vc-picture-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vc-picture-grid,.vc-picture-grid-three{gap:13px}.vc-picture-title,.vc-picture-grid-three .vc-picture-title{min-height:64px;font-size:13px;padding:12px}
  .vc-heading h1{font-size:30px}.vc-intro{font-size:15px}.vc-status-row,.vc-project .vc-status-row{gap:8px;margin-bottom:16px}
  .vc-hint,.vc-project .vc-hint{font-size:11px}.vc-word-cloud{padding:22px 18px;gap:9px;min-height:0}.vc-word{padding:9px 13px}.vc-word-size-3{font-size:19px}
  .reflection-question .choices{grid-template-columns:1fr}.reflection-intro{font-size:13px;padding:13px 16px}
  .result-hero h1{font-size:30px}.result-hero p{font-size:15px}.result-nav{gap:7px}.result-nav a{font-size:11px;padding:8px 10px}
  .im-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.im-card{padding:16px}.im-heading h2{font-size:25px}.im-card h3{font-size:16px}.im-description{min-height:0;font-size:12px}.im-count-number{font-size:32px}
  .ai-summary{padding:22px;border-radius:15px}.ai-summary h2{font-size:23px}.ai-prose p{font-size:15px}
  .report-details,.self-check,.visual-report,.career-catalog,.save-panel{padding:16px 18px}.optional-extras{padding:19px}
  .extra-options{flex-direction:row;flex-wrap:wrap;align-items:stretch}.extra-options .secondary{flex:1 1 190px}
  .family-card{padding:19px}.exploration-guidance{padding:19px}.exploration-guidance-grid{grid-template-columns:1fr;gap:8px}
  .foundation-panel{padding:23px;gap:17px;flex-direction:row;align-items:flex-start}.foundation-number{font-size:43px}.foundation-panel h2{font-size:23px}
  .feedback-panel{padding:23px}.feedback-panel h2{font-size:24px}
  footer{padding:21px 23px;font-size:11px;gap:18px}
}
@media(max-width:540px){
  .early-graphic{display:grid;grid-template-columns:1fr;padding:22px;gap:20px}.eg-copy{width:100%}.eg-copy h2{font-size:34px;margin-bottom:12px}.eg-copy .eg-intro{max-width:32ch;font-size:14px;line-height:1.55;margin-bottom:12px}.eg-copy .eg-eyebrow{margin-bottom:10px}
  .eg-facts{gap:8px 13px;font-size:10px}.eg-facts span+span{border-left:1px solid #c7e89255;padding-left:13px}.eg-art.eg-mosaic{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.eg-photo{border-radius:8px}
  .im-grid{grid-template-columns:1fr;gap:12px}.im-card{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:18px}.im-card-top{grid-column:1;align-self:start;margin:0 0 9px}.im-card h3{font-size:17px}.im-description{grid-column:1;font-size:12px;margin:0 0 14px}.im-count{grid-column:2;grid-row:1 / 3;display:block;text-align:right;margin:0;align-self:start}.im-count-number{display:block;font-size:34px}.im-count-copy{display:block;font-size:10px;line-height:1.5;margin-top:4px}.im-count-copy strong{font-size:11px}.im-answer-strip,.im-coverage,.im-limited{grid-column:1 / -1}.im-answer-strip .im-answer{height:28px;font-size:11px}.im-answer-strip{gap:6px}.im-coverage{font-size:10px;min-height:0;padding-top:10px}.im-limited{font-size:10px}
  .foundation-panel{flex-direction:column;gap:12px}.foundation-number{font-size:40px}.foundation-panel .eyebrow{letter-spacing:.08em}.foundation-panel h2{font-size:24px}
  .actions>.primary{flex:1 1 auto}.actions>.secondary{flex:0 1 auto}.actions>.text-button{padding-inline:4px}
}
@media(max-width:400px){
  main{padding-inline:16px;margin-top:18px}.topbar{padding-inline:19px}.flow-progress{padding-inline:18px}
  .early-graphic{padding:21px 20px;gap:18px}.eg-copy h2{font-size:32px}.eg-copy .eg-intro{max-width:29ch}.eg-facts{font-size:10px}
  .question-page h1,main>h1{font-size:27px}.section-top .eyebrow{font-size:10px}.counter{font-size:11px;padding:4px 9px}
  .scenario-field{padding:18px 16px}.scenario-card-header{gap:9px}.scenario-field .scenario-heading{font-size:18px;line-height:1.35}.scenario-prompt{font-size:14px;line-height:1.7}.scenario-ask{font-size:12px}
  .appeal-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.appeal-choices .choice{grid-column:span 1;font-size:13px;min-height:47px;padding:10px 9px}.appeal-choices .choice:nth-child(4){grid-column:span 1}.appeal-choices .choice:nth-child(5){grid-column:span 2}.appeal-choices .choice:nth-child(n+6){grid-column:span 1;font-size:12px}
  .vc-picture-grid,.vc-picture-grid-three{gap:10px}.vc-picture-title,.vc-picture-grid-three .vc-picture-title{font-size:12px;min-height:66px;line-height:1.45;padding:11px 10px}.vc-picture,.vc-project .vc-picture{border-radius:13px}.vc-picture input{width:19px;height:19px;top:9px;right:9px}.vc-selected-label,.vc-project .vc-selected-label{font-size:8px;padding:4px 7px;top:9px;left:7px}.vc-heading h1{font-size:28px}.vc-count,.vc-project .vc-count{font-size:10px}.vc-footnote{font-size:11px}.vc-word-cloud{padding:19px 13px;gap:8px}.vc-word{padding:9px 11px}.vc-word-size-1{font-size:13px}.vc-word-size-2{font-size:16px}.vc-word-size-3{font-size:18px}
  .feedback-panel{padding:21px 19px}.foundation-panel{padding:22px 20px}.ai-summary{padding:21px 19px}.result-hero h1{font-size:29px}
  .dialog-inner{padding:24px 22px}.review-item{display:block}.review-item span{display:block;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .vc-picture:hover{transform:none}
}
@media print{
  :root{background:#fff;color:#152f32}body{background:#fff;color:#152f32}
  main,.workspace{max-width:none;margin:0;padding:0}.early-graphic,.flow-progress,.question-actions{display:none!important}
  .topbar{max-width:none;margin:0 0 7mm;padding:4mm;height:auto;background:#102d35!important}
  .result-hero h1{font-size:25pt;max-width:none}.result-hero p{font-size:11pt}.result-hero{margin-bottom:6mm}
  .ai-summary{background:#fff;border:1px solid #9caf9c;padding:5mm;box-shadow:none;break-inside:avoid}.ai-prose p{font-size:11pt;line-height:1.65}.ai-summary h2{font-size:18pt}
  .im-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm}.im-card{display:block;padding:4mm 3mm;box-shadow:none;break-inside:avoid}.im-card h3{font-size:12pt}.im-description{font-size:9pt;min-height:28px}.im-count{display:flex;text-align:left;gap:8px;margin:0 0 10px}.im-count-number{font-size:27pt}.im-count-copy{font-size:8pt;margin:0}.im-count-copy strong{font-size:9pt}.im-answer-strip{gap:3px}.im-answer-strip .im-answer{height:22px;font-size:9px}.im-icon-wrap{width:32px;height:32px}.im-icon{width:24px;height:24px}
  .foundation-panel{background:#fff;color:#152f32;border:1px solid #acbda8;padding:5mm;display:flex;flex-direction:row;gap:5mm}.foundation-panel h2{font-size:19pt}.foundation-panel p,.foundation-panel .eyebrow,.foundation-panel a,.foundation-note{color:#152f32!important}.foundation-number{font-size:34pt;color:#152f32}.foundation-panel p{font-size:10pt}
  .report-details,.visual-report{border:0;box-shadow:none;padding:0}.family-card,.career-connection{box-shadow:none}.scenario-field{box-shadow:none;break-inside:avoid}
}