/* Existing palette and pixel character art; clearer reading rhythm. */
.top .learning-hint{display:block;font-family:inherit;font-size:12px;letter-spacing:0;color:#31564c}
.term{display:inline-block;vertical-align:baseline;background:#f4bd3c;color:#11130f;border:2px solid #11130f;border-radius:2px;padding:3px 7px;margin:3px 2px;box-shadow:2px 2px 0 #11130f;font:inherit;font-size:14px;font-weight:750;line-height:1.4;cursor:pointer;letter-spacing:0}
.term[aria-expanded="true"]{background:#173f35;color:#fff;box-shadow:none}
.term:focus-visible,.practice summary:focus-visible,#populationCanvas:focus-visible{outline:3px solid #e84635;outline-offset:4px}
.learning-card{flex:none;border:2px solid #11130f;background:#fff4ce;color:#11130f;padding:14px;margin:8px 0;font-size:15px;line-height:1.6;box-shadow:3px 3px 0 #11130f}
.learning-card strong{font-size:18px}.learning-card p{margin:7px 0}.learning-try{border-top:1px solid #11130f;padding-top:7px}
.learning-close,#copyTemplate{font:inherit;font-weight:700;background:#173f35;color:white;padding:8px 12px;border:2px solid #11130f;box-shadow:none;min-height:44px}
.learning-links{font-size:13px;line-height:1.5;margin:8px 0}
.type-eyebrow{font-size:17px;margin:0 0 5px;line-height:1.4;color:#fff2b5}
.result-slide[data-result-slide="0"].on{grid-template-rows:minmax(280px,1fr) auto}
.result-slide[data-result-slide="0"] .hero{padding:15px 20px;gap:10px}
.result-slide[data-result-slide="0"] .hero .name{font-size:clamp(28px,7vw,40px);line-height:1.17;margin:4px 0 7px}
.result-slide[data-result-slide="0"] .hero .code{font-size:clamp(28px,7vw,42px);color:#fff;letter-spacing:0}
.result-slide[data-result-slide="0"] .hero .sub{font-size:18px;line-height:1.45;font-weight:750;color:#fff;margin-top:8px;max-width:38em}
.result-slide[data-result-slide="0"] .portrait{min-height:120px}
.result-slide[data-result-slide="0"] .score-card{display:grid;grid-template-columns:auto 1fr;padding:10px 12px;gap:16px;box-shadow:none}
.result-slide[data-result-slide="0"] .score-label{font-size:12px}.result-slide[data-result-slide="0"] .score-card .big{font-size:42px;line-height:1}
.result-slide[data-result-slide="0"] .score-card .stage{font-size:18px;margin:0}
.result-slide[data-result-slide="0"] .score-card .rank{font-size:14px;line-height:1.45;margin:5px 0 0}
.result-slide[data-result-slide="0"] .famous{display:flex;justify-content:space-between;margin:8px 0 0;font-size:13px;padding:7px 10px}
.first-insight{font-size:15px;line-height:1.5;font-weight:650;margin:8px 0 0}
.result-slide[data-result-slide="1"] .profile{display:block;flex:1 0 auto}
.result-slide .profile p{font-size:16px;line-height:1.7}.result-slide .profile strong{font-size:21px;line-height:1.45;display:inline-block;margin-bottom:8px}
.result-slide #missing{font-size:16px;line-height:1.65}
.result-slide[data-result-slide="1"] .tag{font-size:15px;padding:12px 4px}
.result-slide[data-result-slide="2"] .axis-card{flex:1 0 auto;padding:20px 15px}
.result-slide[data-result-slide="2"] .bars{gap:20px}.result-slide .barrow{font-size:13px;grid-template-columns:80px 1fr 80px}
.result-slide .quote{font-size:20px;flex:none}.result-slide .quote p{font-size:16px;font-weight:400;line-height:1.65;margin:10px 0}.result-slide .quote p:last-child{margin-bottom:0}
.result-slide[data-result-slide="3"] .next{display:block;flex:1 0 auto}.result-slide .next h2{font-family:inherit;font-size:24px;line-height:1.4}
.result-slide[data-result-slide="3"] .steps{font-size:16px;line-height:1.6}.result-slide[data-result-slide="3"] .steps li{padding:2px 0;margin:7px 0}
.result-slide .tools{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.result-slide .tool{padding:8px;min-width:0}.result-slide .tool small{font:inherit;font-size:12px;line-height:1.5}.tool .term{margin:5px 0 0;font-size:13px;padding:4px;max-width:100%}
.practice{border:2px solid #11130f;background:#fffdf7;color:#11130f;margin:9px 0;padding:10px;font-size:15px;line-height:1.55}
.practice summary{cursor:pointer;font-size:16px;font-weight:750;min-height:24px}.practice h3{margin-top:12px!important}.practice p{margin:9px 0}
.practice textarea{display:block;width:100%;font:inherit;line-height:1.5;padding:10px;resize:vertical;border:1px solid #11130f;margin:10px 0;background:#fff;color:#11130f;box-sizing:border-box}.practice label{display:block;margin-top:10px}
.reveal-final .reveal-eyebrow{font-size:18px}.reveal-final .reveal-name{font-size:clamp(30px,7vw,43px);margin:6px 0}.reveal-final .reveal-code{font-size:38px;margin:8px 0 14px;letter-spacing:0}.reveal-final .reveal-strength{font-size:20px;font-weight:750;line-height:1.5}
.reveal-final .reveal-position strong{font-size:48px}.reveal-final .reveal-position small{font-size:17px}.reveal-final .reveal-task{font-size:16px;line-height:1.6}.reveal-final .reveal-upgrade{font-size:24px}
.population-slide.on{display:flex;flex-direction:column;gap:8px}.population-visual{flex:1 0 230px;min-height:230px}.population-visual canvas{cursor:pointer}.population-source{flex:none}
@media(max-width:720px){.top{gap:8px}.top .learning-hint{font-size:12px}.result-slide[data-result-slide="0"] .hero{padding:12px;gap:8px}.result-slide[data-result-slide="0"] .hero .sub{font-size:16px}.result-slide .slide-title h2{font-size:25px;line-height:1.25}.result-slide[data-result-slide="0"] .slide-pad{padding:10px}.result-slide .profile p,.result-slide #missing{font-size:16px}.result-slide .tools{gap:5px}.result-slide .tool{padding:5px}.result-slide .barrow{font-size:12px;grid-template-columns:73px 1fr 73px}}
@media(max-width:370px){.top .learning-hint{max-width:110px;line-height:1.25}.result-slide .tools{grid-template-columns:1fr}.result-slide[data-result-slide="1"] .tag{font-size:13px}.result-slide .barrow{grid-template-columns:65px 1fr 65px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
