/* GRIT Foundation presentation layer. Question, scoring and report logic are unchanged. */
@font-face{font-family:Inter;src:url('./inter-variable-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Archivo;src:url('./archivo-variable-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{
  --grit-navy:#00162a;--grit-orange:#ff2f00;--grit-ink:#1a2733;--grit-muted:#5a6b7a;
  --grit-line:#dbdee6;--grit-soft:#eef0f4;--grit-selected:#ffe9e4;
  --xp-paper:#eef0f4;--xp-white:#fff;--xp-ink:#00162a;--xp-teal:#00162a;
  --xp-muted:#5a6b7a;--xp-line:#dbdee6;--xp-green:#ff2f00;--xp-pale:#ffe9e4;
  --xp-shadow:0 2px 12px #00162a08;--xp-radius:8px;
  --ink:#1a2733;--navy:#00162a;--green:#00162a;--lime:#ffe9e4;
  --muted:#5a6b7a;--text-muted:#5a6b7a;--line:#dbdee6;--orange:#ff2f00;
  --navy-dark:#00162a;--steel-blue:#d62800;--light-blue:#ffe9e4;--teal:#ff2f00;--gray-200:#dbdee6;
  font-family:Inter,Arial,sans-serif;color:var(--grit-ink);background:var(--grit-soft);
}
body{background:var(--grit-soft);color:var(--grit-ink)}
h1,h2,h3,h4{font-family:Archivo,Arial,sans-serif;color:var(--grit-navy)}
button,input,select,textarea{font-family:Inter,Arial,sans-serif}
.topbar .product-name,.primary,.secondary,.counter,.scenario-index,.reflection-number,.eg-copy .eg-eyebrow,
.vc-count,.vc-project .vc-count,.vc-picture-title,.vc-picture-grid-three .vc-picture-title,.vc-word,.foundation-number,
:is(.report-details,.self-check,.visual-report,.career-catalog,.save-panel)>summary,.im-answer{font-family:Inter,Arial,sans-serif}
.topbar.grit-shell-header{border-bottom:1px solid #ffffff26}
.grit-shell-header .product-name{border-color:#ffffff45}
.flow-progress{background:#eef0f4f2;box-shadow:0 1px 0 #dbdee680}
.flow-progress progress,.flow-progress progress::-webkit-progress-bar{background:#dbdee6}
.flow-progress progress::-webkit-progress-value{background:var(--grit-orange)}
.flow-progress progress::-moz-progress-bar{background:var(--grit-orange)}
.primary,.primary.accent,.grit-shell-header button,.grit-connect-choices button,.grit-result-connect button{
  background:var(--grit-orange);border-color:var(--grit-orange);color:var(--grit-navy);border-radius:4px;font-weight:700;box-shadow:none;
}
.primary:hover,.primary.accent:hover,.grit-shell-header button:hover,.grit-connect-choices button:hover,.grit-result-connect button:hover{
  background:#ff5733;border-color:#ff5733;color:var(--grit-navy);box-shadow:none;
}
.secondary{background:white;border-color:var(--grit-navy);color:var(--grit-navy);border-radius:4px;font-weight:650}
.secondary:hover{background:var(--grit-soft);border-color:var(--grit-navy);color:var(--grit-navy)}
.text-button,.vc-skip,.matching-method>summary,.more-connections>summary{color:var(--grit-navy)}
:is(button,a,input,select,textarea,summary):focus-visible,.choice:has(input:focus-visible),.vc-picture:has(input:focus-visible),.vc-word:has(input:focus-visible){outline:3px solid var(--grit-orange);outline-offset:4px}
input[type=radio],input[type=checkbox],.choice input,.check-label input,.vc-picture input{accent-color:var(--grit-navy)}
.section-top .eyebrow,.eyebrow,.im-eyebrow,.result-hero .eyebrow{color:var(--grit-muted)}
.counter,.scenario-index,.reflection-number,.vc-count,.vc-project .vc-count,.im-total{background:var(--grit-soft);border-color:var(--grit-line);color:var(--grit-navy);border-radius:4px}
.scenario-field,.question-card,.profile,.direction,.family-card,.career-connection,.report-details,.self-check,.visual-report,.career-catalog,.save-panel,.review-item{
  background:white;border-color:var(--grit-line);border-radius:8px;box-shadow:0 2px 12px #00162a06;
}
.scenario-prompt,.scenario-ask,.reflection-choice-note,.reflection-answer,.family-label,.check-label,.exploration-saved-row dd{color:var(--grit-ink)}
.choice{background:white;border-color:var(--grit-line);border-radius:4px;color:var(--grit-ink)}
.choice:hover{background:#f7f8fa;border-color:var(--grit-navy)}
.choice:has(input:checked),.appeal-choices .choice:has(input:checked),.appeal-choices .choice:nth-child(n+6):has(input:checked){background:var(--grit-selected);border-color:var(--grit-navy);box-shadow:inset 0 0 0 1px var(--grit-navy);color:var(--grit-navy)}
.appeal-choices .choice:nth-child(n+6){background:#f7f8fa;color:var(--grit-muted)}
.notice,.reflection-intro,.optional-extras,.exploration-guidance,.learning-stages section{background:var(--grit-soft);border-color:var(--grit-line);color:var(--grit-ink);border-radius:8px}
.early-graphic{background:var(--grit-navy);border-radius:8px;border-top:3px solid var(--grit-orange);box-shadow:none}
.early-graphic::after{border-color:#ff2f001a;box-shadow:0 0 0 38px #ff2f0007,0 0 0 84px #ff2f0005}
.eg-copy .eg-eyebrow{color:#ff9d86;font-weight:700;letter-spacing:.1em}
.eg-copy h2{font-family:Archivo,Arial,sans-serif;font-weight:700;color:#fff;max-width:19ch}
.eg-copy h2 span{color:#ff9d86}
.eg-copy .eg-intro,.eg-facts{color:#e4eaf0}
.eg-facts span+span{border-color:#ffffff45}.eg-facts svg{color:#ff9d86}
.eg-photo{border-radius:4px}
.visual-choices{--vc-navy:#00162a;--vc-green:#ff2f00}
.vc-context,.vc-hint,.vc-project .vc-hint,.vc-footnote,.ai-processing-note,#page-count{color:var(--grit-muted)}
.vc-context-dot{background:var(--grit-orange);box-shadow:0 0 0 4px var(--grit-selected)}
.vc-picture,.vc-project .vc-picture{border-color:var(--grit-line);border-radius:8px;box-shadow:0 2px 12px #00162a06}
.vc-picture-title,.vc-picture-grid-three .vc-picture-title{color:var(--grit-navy);font-weight:650}
.vc-selected-label,.vc-project .vc-selected-label{background:var(--grit-navy);color:white}
.vc-picture.is-selected,.vc-picture:has(input:checked),.vc-project .vc-picture.is-selected{background:var(--grit-selected);border-color:var(--grit-navy);box-shadow:0 0 0 2px #ff2f0033}
.vc-picture:has(input:disabled){border-color:var(--grit-line)}
.vc-picture:has(input:disabled) .vc-picture-title{color:var(--grit-muted)}
.vc-word-cloud{background:white;border-color:var(--grit-line);border-radius:8px}
.vc-word{color:var(--grit-navy);border-color:var(--grit-line);border-radius:4px}
.vc-word.is-selected,.vc-word:has(input:checked){background:var(--grit-navy);border-color:var(--grit-navy);color:white;box-shadow:none}
.vc-word:focus-within,.vc-picture:focus-within{outline-color:var(--grit-orange)}
.result-nav a{color:var(--grit-navy);border-color:var(--grit-line);border-radius:4px}
.result-nav a:hover{background:var(--grit-selected);border-color:var(--grit-navy)}
.interest-map{--im-navy:#00162a;--im-green:#ff2f00;--im-pale:#ffe9e4;--im-line:#dbdee6}
.im-card,.im-card-unrated{background:white;border-radius:8px}
.im-icon-wrap{border-color:var(--grit-line);border-radius:4px}
.im-icon-accent{stroke:var(--grit-orange)}
.im-appeal_1{background:#eef0f4;color:#5a6b7a;border-color:#dbdee6}
.im-appeal_2{background:#e4eaf0;color:#34495c;border-color:#c4cfd8}
.im-appeal_3{background:#b8c9d8;color:#00162a;border-color:#9bafbf}
.im-appeal_4{background:#56748e;color:#fff;border-color:#56748e}
.im-appeal_5{background:#00162a;color:#fff;border-color:#00162a}
.answer-appeal_1{background:#eef0f4;color:#5a6b7a}
.answer-appeal_2{background:#e4eaf0;color:#34495c}
.answer-appeal_3{background:#b8c9d8;color:#00162a}
.answer-appeal_4{background:#56748e;color:white}
.answer-appeal_5{background:#00162a;color:white}
.im-unanswered{color:var(--grit-muted);border-color:var(--grit-line)}
.im-limited,.im-coverage,.im-legend,.im-card-unrated .im-count-number{color:var(--grit-muted)}
.im-connection{background:var(--grit-navy)}
.im-link-symbol,.im-connection-heading{color:#ff9d86}
.im-connection-many{background:var(--grit-soft);border-color:var(--grit-line);color:var(--grit-navy)}
.im-connection-many .im-link-symbol,.im-connection-many .im-connection-heading,.im-connection-many .im-connection-copy{color:var(--grit-navy)}
.ai-summary{background:white;border-color:var(--grit-line);border-top-color:var(--grit-orange);border-radius:8px}
.ai-prose p{color:var(--grit-ink)}.ai-caveat{border-color:var(--grit-line)}
.ai-summary .eyebrow,.career-connection .eyebrow{color:var(--grit-muted)}
.career-connections .connection-summary,.next-step,.pattern.highlight{background:var(--grit-selected);border-color:var(--grit-orange);color:var(--grit-navy)}
:is(.report-details,.self-check,.visual-report,.career-catalog,.save-panel)>summary{color:var(--grit-navy)}
.career-connection{border-top-color:var(--grit-orange)}
#career-search,#family-select,.email-row input,.feedback-panel textarea{border-color:#aab5c0;border-radius:4px;color:var(--grit-ink)}
.career-role{background:#f7f8fa;border-color:var(--grit-line);border-radius:4px}
.career-role:hover{background:var(--grit-selected);border-color:var(--grit-navy)}
.career-role strong,.exploration-editor summary{color:var(--grit-navy)}
.exploration-editor{border-color:var(--grit-line);border-radius:8px}
.foundation-panel{background:var(--grit-navy);border-radius:8px}
.foundation-number,.foundation-panel .eyebrow,.foundation-panel a{color:#ff9d86}
.foundation-panel h2{color:white}.foundation-body,.foundation-panel p{color:#e4eaf0}
.foundation-note{color:#bcc7d0!important}
.feedback-panel{background:white;border-color:var(--grit-line);border-top:3px solid var(--grit-orange);border-radius:8px}
.feedback-intro,.feedback-panel>p:not(.eyebrow),.feedback-panel #feedback-privacy,.feedback-panel #feedback-privacy p,.feedback-panel textarea::placeholder{color:var(--grit-muted)}
.status.error{color:#c42b10}
dialog{background:white;border-color:var(--grit-line);border-radius:8px;box-shadow:0 24px 80px #00162a33}
dialog::backdrop{background:#00162aba}
.grit-connect-choices button[aria-pressed=true]{outline-color:var(--grit-navy)}
.primary-trade{--trade-ink:#00162a;--trade-teal:#00162a;--trade-green:#ff2f00;--trade-line:#dbdee6;--trade-muted:#5a6b7a;--trade-paper:#fff;border-radius:8px;box-shadow:0 2px 12px #00162a08}
.primary-trade .trade-opening{background:var(--grit-navy);border-top:3px solid var(--grit-orange)}
.primary-trade .trade-opening .eyebrow{color:#ff9d86}
.trade-status{color:#e4eaf0}
.primary-trade .trade-intro,.primary-trade .trade-tie,.primary-trade .trade-evidence,.primary-trade .trade-evidence summary,.primary-trade .trade-evidence .trade-detail-body p,.primary-trade .trade-evidence li{color:#e4eaf0}
.primary-trade .trade-tie{border-color:var(--grit-orange)}
.primary-trade .entry-route,.primary-trade .trade-branches,.primary-trade .trade-sources{background:var(--grit-soft)}
.duty-mark,.stage-number,.branch-symbol,.primary-trade .branch-choice{background:var(--grit-selected);color:var(--grit-navy)}
.trade-duty-grid>section:last-child .duty-mark{background:var(--grit-soft);color:var(--grit-navy)}
.trade-stage,.trade-branch,.trade-duty-grid>section{border-radius:8px}
.trade-branch{border-top-color:var(--grit-orange)}
.primary-trade summary:hover{color:#d62800}
.primary-trade summary:focus-visible,.primary-trade a:focus-visible,.primary-trade .trade-opening summary:focus-visible{outline-color:var(--grit-orange)}
@media(hover:hover){.vc-picture:not(:has(input:disabled)):hover{border-color:var(--grit-navy);box-shadow:0 5px 18px #00162a0d}.vc-word:not(.is-selected):not(:has(input:checked)):hover{background:var(--grit-selected);border-color:var(--grit-navy)}}
@media(max-width:460px){.early-graphic{display:block}.eg-art.eg-mosaic{width:100%;max-width:none;margin:20px 0 0;transform:none;grid-template-columns:repeat(3,minmax(0,1fr))}.eg-copy h2{font-size:30px;max-width:20ch}.eg-copy .eg-intro{max-width:34ch}.eg-photo{aspect-ratio:1.4}}
@media print{body{background:white}.primary-trade .trade-opening,.primary-trade .trade-branches,.primary-trade .entry-route,.primary-trade .trade-sources{background:white;color:#1a2733}.primary-trade .trade-opening :is(h2,p,summary),.primary-trade .trade-evidence .trade-detail-body :is(p,li){color:#1a2733}.foundation-panel{background:white;color:#1a2733}.foundation-panel :is(h2,p,a),.foundation-number,.foundation-panel .eyebrow{color:#1a2733}.foundation-note{color:#5a6b7a!important}}