/* Additive UX refinements. Original page CSS and tokens remain in each HTML. */
[hidden] { display:none !important; }
button,select { font:inherit; }
button { touch-action:manipulation; }
button:focus-visible,a:focus-visible,select:focus-visible { outline:3px solid var(--gold);outline-offset:4px; }
button:disabled { opacity:.45;cursor:not-allowed; }
.hero-sect { position:relative;overflow:hidden; }
body[data-layout="matrix"] > .orb-1 { right:0;max-width:100vw; }
body[data-layout="matrix"] > .orb-2 { left:0;max-width:100vw; }
.btn-back { display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--mut-d);padding:14px 26px;border-radius:var(--r);font-family:var(--f-head);font-weight:600;font-size:.9rem;cursor:pointer; }
.btn-back:hover:not(:disabled) { color:white;border-color:var(--gold); }
.gauge-svg-wrap svg { width:100%;height:100%; }
nav .nav-actions { display:flex;align-items:center;gap:18px;font-size:.85rem; }
nav .wrap.nav-row { padding-left:var(--pad);padding-right:var(--pad); }
nav .nav-actions .btn { padding:11px 18px;font-size:.8rem; }
.context-box { display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:22px 24px;margin:24px 0;background:linear-gradient(150deg,rgba(18,59,101,.5),rgba(6,22,38,.8));border:1px solid rgba(224,190,86,.25);border-radius:var(--r); }
.context-field { flex:1;min-width:220px;display:grid;gap:8px; }
.context-field label { font-family:var(--f-mono);font-size:.72rem;color:var(--gold);letter-spacing:.1em; }
.context-field select { width:100%;padding:12px;color:white;background:var(--ink);border:1px solid rgba(224,190,86,.4);border-radius:6px; }
.context-actions { display:flex;flex-wrap:wrap;gap:10px; }
.context-actions .btn-back { padding:12px 14px;font-size:.8rem; }
.context-box p { flex-basis:100%;margin:0;color:var(--mut-d);font-size:.8rem; }
#w-cards-view { display:block; }
.answer-options { display:grid;gap:12px; }
.option-card { width:100%;text-align:left;color:var(--white);font-family:var(--f-body); }
.opt-content { display:block;min-width:0; }
.opt-title { display:block;font-family:var(--f-head);font-size:.92rem;font-weight:700;color:white;margin-bottom:6px; }
.option-text { display:block;font-size:.9rem;line-height:1.55;color:var(--mut-d); }
.opt-icon .level-num { font-family:var(--f-mono);font-size:.7rem; }
.opt-icon { gap:4px; }
.na-option .opt-icon { font-size:.68rem; }
.answer-help { font-size:.85rem;color:var(--mut-d); }
.answer-clear { justify-self:start;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.3);padding:6px 0;color:var(--mut-d);cursor:pointer;font-size:.8rem; }
#w-answer-status { color:var(--gold);font-size:.85rem;margin-top:18px; }
#w-answer-count { margin:10px 0 0;font-size:.8rem;color:var(--mut-d); }
.pillar-tabs-wrap { display:flex;gap:8px;overflow:auto;padding:4px 4px 16px;margin-bottom:20px; }
.pillar-tab-btn { white-space:nowrap;background:rgba(18,59,101,.3);color:var(--mut-d);border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:6px;font-size:.8rem;font-family:var(--f-head);cursor:pointer; }
.pillar-tab-btn.active { border-color:var(--gold);color:white;background:var(--navy-light); }
.tab-badge { color:var(--gold);margin-right:6px; }
.matrix-answer-options .option-card { display:flex;gap:12px;align-items:start;padding:13px 14px;background:linear-gradient(150deg,rgba(18,59,101,.35),rgba(6,22,38,.65));border:1px solid rgba(255,255,255,.12);border-radius:var(--r);cursor:pointer; }
.matrix-answer-options .option-card.selected { border-color:var(--gold);background:linear-gradient(150deg,rgba(18,59,101,.85),rgba(6,22,38,.95));box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 25px rgba(224,190,86,.15); }
.matrix-answer-options .opt-icon { display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid rgba(224,190,86,.25);border-radius:var(--r);color:var(--gold); }
.matrix-q-header { gap:14px;align-items:start; }
.matrix-q-val-tag { white-space:nowrap; }
.mini-p-bar-fill { display:block;height:100%;background:var(--gold);border-radius:4px; }
.mini-p-bar-wrap { display:block; }
#results-container { display:none;padding:60px 0 90px;position:relative; }
.results-shell { max-width:1100px; }
.result-actions { display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:0 0 32px; }
.result-low { display:grid;gap:5px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.84rem; }
.result-low span { color:var(--gold); }
.result-topics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px; }
.result-topic { display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.85rem; }
.result-topic .mini-p-bar-wrap { grid-column:1/-1;width:100%;height:5px;background:rgba(255,255,255,.12);border-radius:4px; }
.result-topic small { grid-column:1/-1;color:var(--mut-d); }
.answer-recap { margin-top:28px; }
.answer-recap article { padding:26px 0;border-bottom:1px solid rgba(255,255,255,.12); }
.answer-recap h4 { font-size:1rem;margin-bottom:10px; }
.answer-recap p { color:var(--mut-d);font-size:.9rem; }
.answer-recap .recap-selection { color:var(--gold); }
#storage-notice:not(:empty) { position:relative;padding:16px 24px;border-top:1px solid var(--gold);background:var(--navy); }
.pillar-panel,.matrix-q-item,#wizard-container,#results-container { scroll-margin-top:100px; }
/* Result cards retain the original lead-magnet visualization geometry on the matrix page. */
body[data-layout="matrix"] .success-banner { text-align:center;padding:44px 30px;background:linear-gradient(160deg,rgba(18,59,101,.6),rgba(6,22,38,.9));border:1px solid rgba(224,190,86,.3);border-radius:var(--r);margin-bottom:32px;box-shadow:0 35px 80px rgba(0,0,0,.6); }
body[data-layout="matrix"] .success-banner h2 { font-size:clamp(1.7rem,3vw,2.5rem);margin:20px 0; }
body[data-layout="matrix"] .vis-grid-2 { display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-bottom:28px; }
body[data-layout="matrix"] .vis-grid-3 { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px; }
body[data-layout="matrix"] .vis-card { background:linear-gradient(160deg,rgba(18,59,101,.4),rgba(6,22,38,.75));border:1px solid rgba(224,190,86,.2);border-radius:var(--r);padding:28px;box-shadow:0 25px 50px rgba(0,0,0,.5); }
body[data-layout="matrix"] .vis-card-head { display:flex;justify-content:space-between;gap:15px;margin-bottom:20px; }
body[data-layout="matrix"] .vis-tag { color:var(--gold);font: .65rem var(--f-mono); }
body[data-layout="matrix"] .radar-wrap { width:100%;aspect-ratio:1; }
body[data-layout="matrix"] #spiderWebCanvas { width:100%;height:100%; }
body[data-layout="matrix"] .gauge-box { text-align:center; }
body[data-layout="matrix"] .gauge-svg-wrap { width:200px;height:200px;position:relative;margin:0 auto 24px; }
body[data-layout="matrix"] .gauge-score-text { position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center; }
body[data-layout="matrix"] .gauge-score-num { font-family:var(--f-head);font-size:3rem;font-weight:800; }
body[data-layout="matrix"] .gauge-score-sub { color:var(--gold);font:.8rem var(--f-mono); }
body[data-layout="matrix"] .gauge-tier-pill { color:var(--gold);margin-bottom:16px; }
body[data-layout="matrix"] .gauge-tier-desc { font-size:.85rem;color:var(--mut-d); }
body[data-layout="matrix"] .donut-wrap { display:flex;align-items:center;gap:20px;margin-top:24px; }
body[data-layout="matrix"] .donut-chart-svg { width:130px;height:130px; }
body[data-layout="matrix"] .donut-legend { display:grid;gap:10px;font-size:.8rem; }
@media(max-width:1000px) { .workstation-grid { grid-template-columns:minmax(0,1fr); }.cockpit-col { position:static;grid-row:1; }.cockpit-radar-wrap { max-width:280px; }.mini-pillars-list { display:none; } }
@media(max-width:700px) { .nav-row { align-items:start;gap:14px; }.nav-logo-wrap .drawing-no { display:none; }nav .nav-actions { flex-wrap:wrap;justify-content:end;gap:10px; }.nav-logo { max-width:90px;height:auto; }.wizard-meta { flex-wrap:wrap;gap:10px; }.wizard-meta-left { flex-wrap:wrap; }.wizard-nav { flex-wrap:wrap; }.wizard-nav button { flex:1;padding:14px 18px; }.question-card { padding:22px 18px; }.context-box { padding:18px; }.context-field { min-width:100%; }.pillar-panel { padding:20px 16px; }.pillar-panel-header { flex-wrap:wrap; }.matrix-q-item { padding:18px 12px; }.matrix-q-header { flex-wrap:wrap; }.vis-card { padding:22px 18px; }.vis-card-head { flex-wrap:wrap;gap:8px; }.result-topics { grid-template-columns:1fr; }.donut-wrap { flex-wrap:wrap; }.option-card { gap:12px;padding:16px 14px; }.option-card .opt-icon { width:38px;height:38px; }.opt-icon i { display:none; }.opt-icon .level-num { font-size:1rem; }body[data-layout="matrix"] .vis-grid-2,body[data-layout="matrix"] .vis-grid-3 { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none !important;transition:none !important; } }
@media print { canvas { background:#061626 !important; } }
@media print { body { background:white !important;color:#0B2743 !important; }.top,.hero-sect,.exec-hero,.workstation-sect,#wizard-container,.result-actions,button,#storage-notice,.bp,.hero-orb,body::after { display:none !important; }#results-container { display:block !important;padding:0; }.success-banner,.vis-card { background:white !important;color:#0B2743 !important;box-shadow:none !important;border-color:#aaa !important; }.success-banner *, .vis-card * { color:#0B2743 !important; }.vis-grid-2,.vis-grid-3 { display:block !important; }.vis-card { margin:20px 0;break-inside:avoid; }.answer-recap { break-inside:auto; }.answer-recap article { break-inside:avoid; }.gauge-svg-wrap svg,.donut-chart-svg,canvas { print-color-adjust:exact;-webkit-print-color-adjust:exact; } }