/* Shared journey refinement. Covers, scores and content remain owned by each quiz. */
body[data-page="quiz"] .quiz-container[data-experience="refined"] {
  --experience-surface: var(--deep,#101f32);
  --experience-raised: color-mix(in srgb,var(--deep,#101f32) 88%,white);
  --experience-paper: var(--paper,#eee5d5);
  --experience-light: var(--glow,#e0bc72);
  --experience-muted: #d1d9e5;
}

/* Complete cover art and the approved pair of narrative/descriptive titles. */
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro { grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);align-items:center;border:1px solid #ffffff55;border-top:2px solid var(--experience-light);border-radius:12px;background:var(--experience-surface); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-image { display:flex;flex-direction:column;align-self:center;min-height:0;aspect-ratio:auto;margin:24px;border:1px solid #ffffff40;border-radius:8px;background:var(--experience-surface);overflow:hidden; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-image::before,
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-image::after { content:none; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-image > img { display:block;position:static;width:100%;height:auto;max-height:640px;aspect-ratio:var(--intro-ratio,auto);object-fit:contain;object-position:center;animation:none; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .intro-image-caption { position:static;inset:auto;padding:15px 18px;background:var(--experience-surface);color:#fff5e8;font-size:1rem;line-height:1.5; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .intro-image-caption > span:last-child { flex:none;padding:7px;border-color:#ffffff70; }
body[data-page="quiz"] .quiz-container[data-experience="refined"][data-cover-frame="portrait"] .quiz-intro { grid-template-columns:minmax(0,.82fr) minmax(0,1.1fr); }
body[data-page="quiz"] .quiz-container[data-experience="refined"][data-cover-frame="square"] .quiz-intro-image { width:min(440px,calc(100% - 48px));margin:24px auto; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-main { padding:36px 38px 38px;background:var(--experience-surface);color:#f6eee0; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-heading-pair { gap:20px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-heading-pair h1 { font-size:2.75rem;line-height:1.16;color:#fff5e8;overflow-wrap:break-word; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-narrative-heading { font-size:1.75rem;line-height:1.18;color:var(--experience-light);overflow-wrap:break-word; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-description { max-width:58ch;margin-top:20px;line-height:1.75;color:var(--experience-muted); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .intro-badges,
body[data-page="quiz"] .quiz-container[data-experience="refined"] .intro-badges .badge { color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-facts { gap:10px 20px;padding-block:16px;margin:12px 0 0;border-bottom:1px solid #ffffff40;color:var(--experience-muted);font-variant-numeric:tabular-nums; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .scene-intro { border-top:0;padding-top:20px;margin-bottom:24px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .scene-intro > .eyebrow { color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .scene-intro > p:last-child { max-width:58ch;line-height:1.8;color:var(--experience-muted); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-main > .btn { min-height:52px;padding-inline:26px;border-radius:7px;background:var(--experience-light);border-color:var(--experience-light);color:var(--experience-surface); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-main > .btn:hover { background:color-mix(in srgb,var(--experience-light) 85%,white); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-main .local-note { color:var(--experience-muted); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .intro-promises { flex-wrap:wrap;gap:12px 28px;color:var(--experience-muted); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(.intro-promises .icon,.back-link,.breadcrumbs a,.breadcrumbs [aria-current]) { color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-guide :is(summary,h2,a) { color:var(--experience-light); }

/* The question stays at the top of its stable stage; scrolling is handled by the app. */
body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-running { grid-template-columns:minmax(230px,.65fr) minmax(0,1.5fr);min-height:0;border:1px solid #ffffff55;border-top:2px solid var(--experience-light);border-radius:12px;background:var(--experience-surface); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world { min-height:0;padding:24px;background:var(--experience-surface); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world-copy { padding:58px 0 32px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world-copy h2 { font-size:1.8rem;line-height:1.25; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world .icon-button { width:44px;height:44px;flex:none; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-stage { --paper:var(--experience-surface);--accent:var(--experience-light);--ink:#f6eee0;--muted:var(--experience-muted);--line:#ffffff40;justify-content:flex-start;padding:34px 36px 28px;background:var(--experience-surface);color:#f6eee0; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-prompt { position:static;margin:0;padding:0;background:transparent; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-panel h1 { font-size:clamp(1.875rem,2.6vw,2.4rem);line-height:1.25;overflow-wrap:break-word;color:#fff5e8; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-prompt > .eyebrow { color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-help { margin:16px 0 24px;line-height:1.7;color:var(--experience-muted); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .choice-grid { gap:14px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-option { min-height:112px;padding:20px 18px 24px;gap:12px;border:1px solid #ffffff60;border-radius:8px;background:var(--experience-raised);color:#f6eee0;transition:background .15s,border-color .15s; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-option:hover { transform:none;background:color-mix(in srgb,var(--experience-surface) 76%,white);border-color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-option:has(input:checked) { padding:20px 18px 24px;border-width:1px;border-color:var(--experience-light);background:var(--experience-raised);box-shadow:inset 0 0 0 1px var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-label { font-size:1rem;line-height:1.65; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-detail { color:var(--experience-muted);line-height:1.65; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-number { width:28px;height:28px;margin-top:0;border-color:#ffffff70;color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-option:has(input:checked) .answer-number { background:var(--experience-light);border-color:var(--experience-light);color:var(--experience-surface); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-check { right:10px;bottom:6px;color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .scale-options { grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .scale-options .answer-option,
body[data-page="quiz"] .quiz-container[data-experience="refined"] .scale-options .answer-option:has(input:checked) { min-height:112px;padding:16px 9px 22px;flex-direction:column;align-items:center;text-align:center; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .scale-options .answer-label { font-size:.875rem;line-height:1.55; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-actions { min-height:0;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-color:#ffffff40; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(.question-actions,.result-actions) .btn { min-height:46px;border-radius:7px;background:var(--experience-light);border-color:var(--experience-light);color:var(--experience-surface); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(.question-actions,.result-actions) .btn.secondary { background:var(--experience-raised);border-color:#ffffff70;color:#f6eee0; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .keyboard-hint { margin-top:22px;line-height:1.7;color:var(--experience-muted); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-footnote { margin-top:12px;line-height:1.7;color:var(--experience-muted); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-stage kbd { background:var(--experience-raised);border-color:#ffffff50;color:#f6eee0; }

/* The original result artwork keeps its native frame, including official stills. */
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-page { padding:26px;border-top:2px solid var(--experience-light);background:var(--experience-surface);color:#f6eee0; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:0;border-color:#ffffff55;background:var(--experience-surface);color:#fff5e8; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-art { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;aspect-ratio:auto;background:transparent; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-art > img { display:block;position:static;width:auto;max-width:min(100%,var(--portrait-width,100%));height:auto;max-height:min(640px,var(--portrait-height,640px));padding:16px;object-fit:contain;object-position:center;animation:none; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero[data-result-frame="landscape"] { grid-template-columns:1fr; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero[data-result-frame="landscape"] .result-hero-copy { grid-column:1;grid-row:1;max-width:900px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero[data-result-frame="landscape"] .result-art { grid-column:1;grid-row:2;align-self:stretch;border-top:1px solid #ffffff26; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero[data-result-frame="landscape"] .result-art > img { max-height:min(440px,var(--portrait-height,440px)); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .portrait-illustration { display:flex;justify-content:center; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .portrait-illustration > img { width:auto;max-width:100%;height:auto;max-height:640px;object-fit:contain; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-art-shade { display:none; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-seal { position:static;inset:auto;padding:0 20px 20px;align-self:flex-start;font-size:1rem;line-height:1.5;color:#fff5e8; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-seal > .icon { width:28px;height:28px;flex:none; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero-copy { min-width:0;padding:38px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero-copy > .eyebrow { margin-bottom:20px;line-height:1.7;color:var(--experience-muted); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-code { margin-bottom:18px;color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-code:empty { display:none; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero h1 { font-size:clamp(2.25rem,3.6vw,3.5rem);line-height:1.15;overflow-wrap:break-word;color:#fff5e8; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-name { display:block;text-wrap:balance; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-subject { display:block;margin-top:14px;font:400 1.125rem/1.6 system-ui,sans-serif;letter-spacing:0;color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-motto { margin-top:24px;font-size:1.1875rem;line-height:1.7;color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-signature { margin-top:24px;font-size:.9375rem; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-tabs { justify-content:flex-start;gap:6px 18px;margin-top:14px;padding:12px 0;border-color:#ffffff40; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-tabs a { display:inline-flex;align-items:center;min-height:44px;padding:9px 7px;border-radius:5px;text-decoration:underline;text-underline-offset:5px;color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-section { margin-top:38px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-section h2 { color:#f6eee0; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(.portrait-chapter,.result-insights,.dimension,.other-portrait,.conversation-tip,.knowledge-topic,.knowledge-summary) { background:var(--experience-paper);color:#243446;border-color:#d1c4ac; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .other-portrait { --experience-surface:var(--deep);--experience-paper:var(--paper);--experience-light:var(--glow); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-summary,
body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-toggle { min-height:44px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-preview { -webkit-line-clamp:2; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-toggle { background:color-mix(in srgb,var(--experience-paper) 88%,var(--deep));border-color:#a59a89;color:var(--deep); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .portrait-chapter.chapter-resources { background:var(--deep);border-color:#ffffff70;color:#fff8ed; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-resources :is(.chapter-title,.chapter-preview,.strength-list p) { color:#fff8ed; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-resources .chapter-toggle { background:#ffffff15;border-color:#ffffff70;color:#fff8ed; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .insight-heading .eyebrow { color:var(--deep); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .insight-row-heading { gap:12px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .insight-bar { height:10px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .insight-note { line-height:1.75; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(.near-note,.profile-pick,.result-page select) { background:var(--experience-raised);border-color:#ffffff70;color:#f6eee0; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .profile-pick { min-height:44px;line-height:1.5; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .profile-pick:is(:hover,[aria-pressed="true"]) { background:var(--experience-light);color:var(--deep); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .dimension-explanations > summary,
body[data-page="quiz"] .quiz-container[data-experience="refined"] .edit-answer { color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .dimension .dimension-poles { color:#596777; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .dimension .dimension-value { color:#243446; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .dimension :is(.dimension-value small,.chart-note) { color:#596777; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(.review-details,.profile-library) > summary:hover { color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-insights .text-link { color:var(--deep); }

/* Each encounter uses the same complete image as its result and library entry. */
body[data-page="quiz"] .quiz-container[data-experience="refined"] .compatibility { padding:28px;background:var(--experience-paper);border:1px solid #d1c4ac;color:#243446; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .compatibility-heading :is(h2,.eyebrow) { color:#243446; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-grid { gap:14px;margin:22px 0; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card { display:grid;grid-template-columns:86px minmax(0,1fr);align-content:start;align-items:start;gap:8px 16px;padding:18px;min-width:0;border:1px solid #ffffff60;border-radius:8px;background:var(--experience-surface);color:#f6eee0;transition:border-color .15s,background .15s; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card:hover { transform:none;border-color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-illustration { grid-column:1;grid-row:1 / span 4;align-self:start;width:86px;height:auto;margin:0; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-illustration > img { display:block;width:auto;max-width:100%;height:auto;max-height:152px;margin-inline:auto;object-fit:contain;object-position:center; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card > :not(.ally-illustration) { grid-column:2;min-width:0;overflow-wrap:break-word; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card > strong { font-size:1.25rem;line-height:1.35; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card > .eyebrow { font-size:.6875rem;line-height:1.5;letter-spacing:.06em;color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card > .text-link { display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-top:4px;line-height:1.5;color:var(--experience-light); }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card > .text-link .icon { flex:none; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .compatibility .compare-empty { color:#596777; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .compare-label { display:block;line-height:1.7; }

/* Keyboard focus remains visible on both reading surfaces and dark panels. */
body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(a,button,select,summary):focus-visible,
body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-option:has(input:focus-visible) { outline:3px solid var(--experience-light);outline-offset:4px; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(.portrait-chapter,.result-insights,.other-portrait,.compatibility) :is(a,button,select,summary):focus-visible { outline-color:#253bc8; }
body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-resources :is(a,button,summary):focus-visible { outline-color:var(--experience-light); }

@media (max-width:960px) {
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro,
  body[data-page="quiz"] .quiz-container[data-experience="refined"][data-cover-frame="portrait"] .quiz-intro { grid-template-columns:1fr; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-image { width:min(640px,calc(100% - 48px));margin:24px auto 0; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"][data-cover-frame="portrait"] .quiz-intro-image { width:min(400px,calc(100% - 48px)); }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-main { padding:30px 36px 36px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-running { grid-template-columns:1fr; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world { display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);gap:12px 24px;min-height:0;padding:18px 24px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world-top { grid-column:1;grid-row:1; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world-copy { grid-column:1;grid-row:2;max-width:none;margin:0;padding:0; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world-copy > p { display:none; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world-copy h2 { font-size:1.125rem;line-height:1.5; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-progress { grid-column:2;grid-row:1 / span 2;align-self:center;padding:0;border-top:0; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero-copy { padding:28px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-grid { grid-template-columns:1fr; }
}

@media (max-width:700px) {
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-image,
  body[data-page="quiz"] .quiz-container[data-experience="refined"][data-cover-frame="square"] .quiz-intro-image,
  body[data-page="quiz"] .quiz-container[data-experience="refined"][data-cover-frame="portrait"] .quiz-intro-image { width:100%;margin:0;border:0;border-radius:0; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-image > img { max-height:420px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"][data-cover-frame="portrait"] .quiz-intro-image > img { max-height:320px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-main { padding:26px 22px 28px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-heading-pair { gap:16px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-heading-pair h1 { font-size:1.875rem;line-height:1.2; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-narrative-heading { font-size:1.375rem;line-height:1.3; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .intro-badges { margin-bottom:18px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-main > .btn { width:100%; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .intro-promises { justify-content:flex-start;padding-inline:4px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world { grid-template-columns:minmax(0,1fr) 44px;gap:10px 12px;padding:14px 18px 16px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world-top { grid-column:1 / -1;grid-row:1; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-world-copy { display:none; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-progress { grid-column:1 / -1;grid-row:2; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .progress-meta { font-size:.8125rem; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .progress-track { height:5px;margin:9px 0 8px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-progress > p { margin:0;font-size:.75rem;line-height:1.5; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-stage { padding:26px 20px 22px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-panel h1 { font-size:1.875rem;line-height:1.25; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-help { margin:14px 0 22px;font-size:.875rem; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .choice-grid { grid-template-columns:1fr;gap:12px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-option,
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .answer-option:has(input:checked) { min-height:88px;padding:17px 14px 22px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .scale-options { grid-template-columns:1fr;gap:10px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .scale-options .answer-option,
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .scale-options .answer-option:has(input:checked) { min-height:64px;padding:14px 16px;flex-direction:row;align-items:center;text-align:left; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .scale-options .answer-label { font-size:1rem; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-actions { gap:10px;margin-top:22px;padding-top:18px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .keyboard-hint { display:none; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-page { padding:18px 14px 24px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero { grid-template-columns:1fr; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero-copy { grid-column:1;grid-row:1;padding:27px 22px 24px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero h1 { font-size:clamp(2rem,8vw,2.75rem);line-height:1.2; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-subject { font-size:1rem;margin-top:12px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-motto { font-size:1.0625rem;margin-top:20px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-art { grid-column:1;grid-row:2;min-height:0;aspect-ratio:auto;border-top:1px solid #ffffff26; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-art > img { max-height:min(500px,var(--portrait-height,500px));padding:12px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-tabs { gap:4px 8px;font-size:.875rem; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-section { margin-top:30px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-summary { padding:20px 16px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .chapter-fold > .chapter-body { padding-inline:16px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .compatibility { padding:22px 16px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card { grid-template-columns:68px minmax(0,1fr);column-gap:12px;padding:14px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-illustration { width:68px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-illustration > img { max-height:128px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card > strong { font-size:1.125rem; }
}

@media (max-width:390px) {
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .quiz-intro-main { padding-inline:18px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .question-stage { padding-inline:16px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-page { padding-inline:12px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .result-hero-copy { padding-inline:18px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-card { grid-template-columns:56px minmax(0,1fr);gap:8px 10px;padding:12px; }
  body[data-page="quiz"] .quiz-container[data-experience="refined"] .ally-illustration { width:56px; }
}

@media (prefers-reduced-motion:reduce) {
  body[data-page="quiz"] .quiz-container[data-experience="refined"] :is(.answer-option,.ally-card) { transition:none; }
}
body[data-page="quiz"][data-motion="off"] .quiz-container[data-experience="refined"] :is(.answer-option,.ally-card) { transition:none; }