.breadcrumbs{margin:1.25rem 0 1.75rem;font-size:.875rem;color:var(--muted,#5e6670)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem .75rem;list-style:none;margin:0;padding:0}
.breadcrumbs li+li::before{content:"/";margin-right:.75rem;opacity:.55}
.breadcrumbs a{text-decoration:underline;text-underline-offset:.2em}
.quiz-guide{border-top:1px solid var(--line,#d8dbd9);padding:2rem 0;margin-top:2rem;max-width:72rem}
.quiz-guide h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1rem}
.quiz-guide p{max-width:72ch;line-height:1.7}
.profile-preview{margin:1.5rem 0;border:1px solid var(--line,#d8dbd9);border-radius:1rem;padding:1rem 1.25rem}
.profile-preview ul{padding-left:1.25rem;display:grid;gap:.75rem}
.profile-preview li{line-height:1.65;break-inside:avoid}
.related-tests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:1.25rem 0 0}
.related-tests a{display:block;height:100%;border:1px solid var(--line,#d8dbd9);border-radius:.85rem;padding:1.15rem;line-height:1.5;text-underline-offset:.2em}
.related-tests span{display:block;font-size:.875rem;font-weight:400;margin-top:.5rem}
.universe-page{padding-bottom:3rem}
.universe-heading{max-width:56rem;margin:2rem 0}
.universe-heading h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08;margin:1rem 0}
.universe-heading .lead{font-size:1.125rem;line-height:1.75;max-width:65ch}
.universe-page .test-grid{margin:2rem 0}
.universe-reading{max-width:72ch;margin:3rem 0;line-height:1.75}
.universe-reading h2{font-size:1.6rem;line-height:1.25}
.universe-links{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;padding:0;margin:1.5rem 0}
.universe-links a{display:block;border:1px solid var(--line,#d8dbd9);padding:.65rem 1rem;border-radius:2rem;font-size:.9375rem;text-underline-offset:.2em}
.universe-directory{padding:1.5rem 0 2rem}
.universe-directory h2{font-size:1.25rem}
@media(max-width:680px){.related-tests{grid-template-columns:1fr}.breadcrumbs{font-size:.8125rem}.quiz-guide{padding-top:1.5rem}.universe-heading{margin:1.5rem 0}.profile-preview{padding:1rem}.universe-page .test-grid{margin:1.5rem 0}}

/* Secondary navigation follows the adventures, keeping the filters beside the catalog. */
.parallel-universe-nav{padding:0 0 2.5rem}
.parallel-universe-nav h2{font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5;margin:0 0 .5rem;color:#c6b088}
.parallel-universe-nav ul{display:flex;flex-wrap:wrap;gap:.1rem 1.5rem;list-style:none;padding:0;margin:0}
.parallel-universe-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.3rem 0;font-size:.875rem;line-height:1.5;color:#bfc9dc;text-decoration:underline;text-decoration-color:#7e8ca6;text-underline-offset:.22em}
.parallel-universe-nav a:hover,.parallel-universe-nav a:focus-visible{color:#fff6e5;text-decoration-color:currentColor}

.quiz-guide-details{padding:1.1rem 0;margin-top:1.5rem}
.quiz-guide-details>summary{cursor:pointer;font-size:1rem;font-weight:600;line-height:1.6}
.quiz-guide-details[open]>summary{margin-bottom:1rem}
.quiz-guide-details .profile-preview{border:0;padding:0;margin:1.5rem 0}

/* These elements sit outside the light intro panel, over the quiz scene. */
.quiz-container>.breadcrumbs{color:#c5d0e1;background:#0d1629;border-radius:.6rem;padding:.65rem .85rem}
.quiz-container>.breadcrumbs a{color:#e8c994}
.quiz-container>.quiz-guide{color:#c5d0e1;background:#111e34;border:1px solid #3e526e;border-radius:1rem;padding:1.15rem 1.25rem;margin-top:1.5rem}
.quiz-container>.quiz-guide h2,.quiz-container>.quiz-guide strong,.quiz-container>.quiz-guide>summary{color:#f2e3ca}
.quiz-container>.quiz-guide h2{font-size:1.5rem;line-height:1.35}
.quiz-container>.quiz-guide>summary{min-height:44px;padding:.4rem 0}
.quiz-container>.quiz-guide a{color:#e8c994;text-decoration:underline;text-underline-offset:.2em}
.quiz-container .related-tests a{background:#17273f;color:#f2e3ca;border-color:#3e526e;font-weight:600;text-decoration:none}
.quiz-container .related-tests span{color:#c5d0e1}
.quiz-container .related-tests a:hover,.quiz-container .related-tests a:focus-visible{background:#213650;color:#fff6e5;border-color:#e8c994}
.quiz-container>.breadcrumbs a:focus-visible,.quiz-container>.quiz-guide a:focus-visible,.quiz-container>.quiz-guide>summary:focus-visible{outline:2px solid #e8c994;outline-offset:4px;border-radius:.2rem}
@media(max-width:680px){.quiz-container>.quiz-guide{padding:1rem}.quiz-container .related-tests{gap:.75rem}}