/* Results share the quiz's navy and blue palette, with a quieter reading layout. */
button.option{width:100%;text-align:left;color:var(--ink)}
button.option:focus-visible{outline:3px solid #809cff;outline-offset:4px}
.showing-result .page-footer,.showing-result .side-progress,.showing-result .side-bottom{display:none}
.showing-result main{max-width:1240px;padding:40px 5% 24px}
.result-clean{--report-gap:32px}
.result-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.overview-intro{padding:34px}
.module-label{display:block;font-size:14px;font-weight:500;color:#64738c;line-height:1.7}
.result-clean .result-kicker{margin:22px 0 9px;font-size:14px;color:#526690}
.overview-intro h1{font-size:clamp(30px,3vw,44px);line-height:1.4;letter-spacing:-.025em;margin:0 0 16px}
.result-clean .portrait{font-size:17px;line-height:1.95;margin:0;color:#4e5d77}
.overview-intro>.primary{margin-top:20px}
.overview-chart{padding:34px 26px;background:#f8faff;border-left:1px solid var(--line)}
.overview-chart h2{font-size:16px;font-weight:600;margin:0 0 26px}
.overview-chart .distribution{border:0;border-radius:0;background:none;padding:0;gap:20px}
.overview-chart .bar-row{grid-template-columns:36px minmax(0,1fr) 47px;gap:12px}
.overview-chart .bar-track{height:7px}
.overview-chart .bar-row strong{font-size:14px}
.result-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.result-tags span{font-size:14px;background:#f0f4fc;padding:5px 10px;border-radius:5px}
.report-nav{display:flex;flex-wrap:wrap;gap:4px 24px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:34px}
.report-nav a{color:#5a6982;font-size:14px;text-decoration:none;padding:8px 0;line-height:1.5}
.report-nav a:hover{color:var(--blue)}
.report-module{margin-top:40px;scroll-margin-top:24px}
.module-heading{display:flex;align-items:baseline;gap:13px;margin-bottom:20px}
.module-heading>span{font-size:14px;font-variant-numeric:tabular-nums;color:#8190a9}
.module-heading h2{font-size:23px;line-height:1.5;margin:0;font-weight:600}
.combination-card{background:#eaf0ff;border:1px solid #d6e1ff;border-radius:12px;padding:26px 28px;margin-bottom:20px}
.combination-card .module-label{color:#365ab0}
.combination-card h3{font-size:20px;line-height:1.6;margin:8px 0 10px}
.result-clean p{overflow-wrap:anywhere}
.combination-card p,.focus-card p,.style-card p,.advice-card p,.practice-block p{font-size:16px;line-height:1.95;color:#53617a;margin:0}
.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.focus-card{min-width:0;border:1px solid var(--line);border-top:3px solid var(--type-color);background:white;padding:27px;border-radius:10px}
.focus-card:only-child{grid-column:1/-1}
.focus-card h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:22px;line-height:1.6;margin:8px 0 16px}
.focus-card h3 small{font-size:14px;font-weight:400;color:#7a879b}
.focus-card .focus-question{font-weight:550;color:#2d405f;margin-bottom:14px}
.story-pattern{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}
.focus-card h4{font-size:15px;font-weight:600;line-height:1.8;margin:0 0 8px}
.more-analysis{margin-top:22px}
.more-analysis summary{font-size:14px;color:#4564a9;cursor:pointer;line-height:1.8;padding:8px 0}
.more-analysis[open] summary{margin-bottom:14px}
.more-analysis h4:not(:first-of-type){margin-top:20px}
.more-analysis p+p{margin-top:12px}
.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.style-card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}
.style-card h3{font-size:21px;line-height:1.6;margin:8px 0 24px}
.style-card .axis-labels{font-size:14px;line-height:1.5}
.style-card .axis-track{margin-bottom:22px}
.advice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
.advice-card{padding:26px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}
.advice-card:only-child{grid-column:1/-1}
.advice-card h3{font-size:20px;line-height:1.6;margin:8px 0 12px}
.practice-block{border:1px solid #cfdaf4;border-radius:12px;padding:28px;background:#f0f4ff}
.practice-heading{margin-bottom:18px}
.practice-heading .module-label{color:#4767ac}
.practice-heading h3{font-size:22px;line-height:1.6;margin:8px 0 0}
.practice-content .exercise-extra{border-color:#d2ddf4;margin-top:18px}
.practice-choice{border-top:1px solid #d2ddf4;padding:13px 0}
.practice-choice:last-child{padding-bottom:0}
.practice-choice summary{cursor:pointer;color:#354e80;font-size:16px;line-height:1.8;padding:4px 0}
.practice-choice p{margin-top:14px}
.result-clean .result-actions{padding:26px 0 0;border-top:1px solid var(--line);margin-top:38px;gap:12px}
.result-disclaimer{font-size:12px;line-height:1.8;color:#7c8698;text-align:center;margin:26px 0 0}
@media(max-width:1100px){.result-overview{grid-template-columns:1fr}.overview-chart{border-left:0;border-top:1px solid var(--line)}.overview-chart .distribution{grid-template-columns:1fr 1fr;column-gap:28px}.focus-grid{grid-template-columns:1fr}.overview-intro{padding:28px}.overview-chart{padding:26px 28px}.style-card,.focus-card{padding:24px}}
@media(max-width:760px){.showing-result main{padding:24px 20px}.result-overview{border-radius:12px}.overview-intro{padding:24px}.overview-chart{padding:24px}.overview-chart .distribution{grid-template-columns:1fr;gap:17px}.overview-chart h2{margin-bottom:20px}.overview-intro h1{font-size:32px}.result-clean .portrait{font-size:16px}.report-nav{justify-content:space-between;gap:6px;margin-bottom:26px}.report-nav a{font-size:14px}.report-module{margin-top:30px}.module-heading{margin-bottom:16px}.module-heading h2{font-size:21px}.style-grid,.advice-grid{grid-template-columns:1fr;gap:16px}.focus-grid{gap:16px}.combination-card,.focus-card,.style-card,.advice-card,.practice-block{padding:22px}.combination-card{margin-bottom:16px}.result-clean .result-actions .primary{width:100%}}