.stats-page { --stats-blue:#173b63; --stats-teal:#11998e; --stats-violet:#7557c9; --stats-yellow:#f2b946; --stats-orange:#ed7a52; --stats-green:#2f9b65; --stats-red:#c94d59; --stats-ink:#18334f; --stats-muted:#60768b; --stats-border:#d5e3ea; }
.stats-page h1,.stats-page h2,.stats-page p { color:var(--stats-ink); }.stats-page .memory-section__card h2{color:#fff}
.stats-progress{margin:1.25rem 0 2rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--stats-border);border-radius:18px;box-shadow:0 10px 30px rgba(23,59,99,.07)}.stats-progress__text{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.7rem;color:var(--stats-muted);font-size:.92rem}.stats-progress__text strong{color:var(--stats-blue)}.stats-progress__track{height:10px;overflow:hidden;background:#e8eff3;border-radius:999px}.stats-progress__fill{display:block;height:100%;background:linear-gradient(90deg,var(--stats-violet),var(--stats-yellow));border-radius:inherit}.stats-progress__fill--1{width:8.333%}.stats-progress__fill--2{width:16.666%}.stats-progress__fill--3{width:25%}.stats-progress__fill--4{width:33.333%}.stats-progress__fill--5{width:41.666%}.stats-progress__fill--6{width:50%}.stats-progress__fill--7{width:58.333%}.stats-progress__fill--8{width:66.666%}.stats-progress__fill--9{width:75%}.stats-progress__fill--10{width:83.333%}.stats-progress__fill--11{width:91.666%}.stats-progress__fill--12{width:100%}
.stats-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,4rem);padding:clamp(2rem,5vw,4rem);background:linear-gradient(135deg,#f1edff,#fff8e8);border:1px solid #ddd5f5;border-radius:30px}.stats-heading{max-width:880px;margin:2.5rem auto;text-align:center}.stats-heading h1,.stats-hero h1{margin:.25rem 0 1rem;color:var(--stats-blue);font-size:clamp(2rem,5vw,3.35rem);line-height:1.08}.stats-lead{font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.65}.stats-callout,.stats-warning{display:flex;align-items:flex-start;gap:.9rem;margin-top:1.4rem;padding:1rem 1.2rem;background:#fff;border-left:5px solid var(--stats-yellow);border-radius:12px}.stats-callout span,.stats-warning span{font-size:1.55rem}.stats-callout p,.stats-warning p{margin:0}
.stats-data{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:2rem}.stats-data span{display:grid;width:68px;height:68px;place-items:center;color:#fff;background:linear-gradient(145deg,var(--stats-violet),#957de0);border-radius:18px;box-shadow:0 10px 20px rgba(117,87,201,.18);font-size:1.35rem;font-weight:900}.stats-data span:nth-child(even){background:linear-gradient(145deg,var(--stats-teal),#45bdb3)}
.stats-table-wrap{max-width:900px;margin:2rem auto;overflow-x:auto;background:#fff;border:1px solid var(--stats-border);border-radius:20px;box-shadow:0 12px 28px rgba(23,59,99,.06)}.stats-table{width:100%;border-collapse:collapse;text-align:center}.stats-table th,.stats-table td{min-width:105px;padding:1rem;border:1px solid var(--stats-border)}.stats-table th{color:#fff;background:var(--stats-blue)}.stats-table td{color:var(--stats-ink);font-size:1.1rem;font-weight:800}.stats-table tbody tr td:first-child{color:#fff;background:var(--stats-teal)}
.stats-formula{max-width:860px;margin:2rem auto;padding:clamp(1.5rem,5vw,3rem);background:#fff;border:1px solid var(--stats-border);border-radius:24px;text-align:center}.stats-formula__main{color:var(--stats-blue);font-size:clamp(1.65rem,5vw,3rem);font-weight:900}.stats-formula__arrow{margin:.8rem 0;color:#bd4f2b;font-size:1.25rem;font-weight:800}.stats-formula__result{display:inline-block;padding:.65rem 1rem;color:#fff;background:var(--stats-teal);border-radius:14px;font-size:clamp(1.4rem,4vw,2.3rem);font-weight:900}
.stats-line{display:flex;align-items:center;justify-content:center;gap:.45rem;max-width:900px;margin:2rem auto;padding:2rem;background:#fff;border:1px solid var(--stats-border);border-radius:22px}.stats-line span{display:grid;width:58px;height:58px;place-items:center;color:var(--stats-blue);background:#edf3f7;border:2px solid #c8d9e3;border-radius:50%;font-weight:900}.stats-line .is-center{color:#fff;background:var(--stats-violet);border-color:var(--stats-violet);transform:scale(1.12)}
.stats-bars{display:flex;align-items:flex-end;justify-content:center;gap:clamp(.6rem,3vw,1.5rem);min-height:330px;max-width:800px;margin:2rem auto;padding:2rem 1rem 1rem;background:#fff;border:1px solid var(--stats-border);border-radius:24px}.stats-bar{display:flex;width:min(90px,18vw);height:var(--bar-height);flex-direction:column;justify-content:flex-end;align-items:center;color:#fff;background:linear-gradient(180deg,var(--stats-violet),var(--stats-teal));border-radius:12px 12px 4px 4px;font-weight:900}.stats-bar strong{margin-bottom:auto;padding-top:.65rem;color:#fff}.stats-bar span{width:100%;padding:.45rem .2rem;color:var(--stats-blue);background:#fff;text-align:center;transform:translateY(100%)}
.stats-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:2rem 0}.stats-card-grid article{padding:1.7rem;border-top:5px solid var(--stats-violet)}.stats-card-grid article:nth-child(even){border-color:var(--stats-teal)}.stats-card-grid h2{margin:.5rem 0}.stats-icon{font-size:2rem}
.stats-quartiles{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;max-width:850px;margin:2rem auto;overflow:hidden;border:3px solid var(--stats-blue);border-radius:18px}.stats-quartiles span{padding:1.4rem .5rem;color:var(--stats-blue);background:#f2efff;border-right:2px solid #fff;text-align:center;font-weight:900}.stats-quartiles span:nth-child(even){background:#e5f7f4}.stats-quartiles strong{display:block;margin-bottom:.3rem;color:var(--stats-violet)}
.chance-stage{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2rem;max-width:850px;margin:2rem auto;padding:2rem;background:#fff;border:1px solid var(--stats-border);border-radius:24px}.chance-wheel{width:190px;height:190px;border:8px solid #fff;border-radius:50%;background:conic-gradient(var(--stats-violet) 0 25%,var(--stats-yellow) 25% 50%,var(--stats-teal) 50% 75%,var(--stats-orange) 75%);box-shadow:0 0 0 3px var(--stats-blue),0 16px 30px rgba(23,59,99,.15)}.chance-stage h2{margin:.25rem 0}.chance-stage ul{padding-left:1.2rem;color:var(--stats-ink)}
.probability-scale{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin:2rem auto;overflow:hidden;border-radius:18px}.probability-scale article{padding:1.4rem;text-align:center}.probability-scale article:first-child{background:#fff0f1}.probability-scale article:nth-child(2){background:#fff7df}.probability-scale article:last-child{background:#e8f8ef}.probability-scale strong{display:block;color:var(--stats-blue);font-size:1.7rem}.probability-scale p{margin:.3rem 0 0}
.stats-page .interactive-lesson{margin-top:2.5rem}.stats-question-list{display:grid;gap:1.1rem}.stats-question{padding:clamp(1.35rem,4vw,2.25rem);background:#fff;border:2px solid var(--stats-border);border-radius:20px;transition:border-color .2s,box-shadow .2s}.stats-question.is-complete{border-color:#74c99a;box-shadow:0 10px 25px rgba(47,155,101,.1)}.stats-question h2{font-size:1.2rem}.stats-question__number{margin:0 0 .25rem;color:var(--stats-violet)!important;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stats-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin-top:1.2rem}.stats-choices--small{grid-template-columns:repeat(2,minmax(160px,260px))}.stats-choices button{min-height:58px;padding:.85rem 1rem;color:var(--stats-blue);background:#f8fafc;border:2px solid #cbdbe4;border-radius:14px;font:inherit;font-weight:750;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.stats-choices button:hover:not(:disabled),.stats-choices button:focus-visible{transform:translateY(-2px);border-color:var(--stats-violet);background:#f1edff}.stats-choices button.is-wrong{border-color:var(--stats-red);background:#fff0f1}.stats-choices button.is-correct{color:#155b36;border-color:var(--stats-green);background:#e8f8ef}.stats-choices button:disabled{cursor:default;opacity:.72}.stats-choices button.is-correct:disabled{opacity:1}.activity-feedback{margin-top:1rem;padding:.9rem 1rem;border-radius:12px;font-weight:750}.activity-feedback.is-success{color:#155b36;background:#e8f8ef;border-left:5px solid var(--stats-green)}.activity-feedback.is-error{color:#8d2530;background:#fff0f1;border-left:5px solid var(--stats-red)}
.stats-input-label{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1rem;color:var(--stats-blue);font-size:1.08rem;font-weight:800}.stats-number-input{width:120px;padding:.7rem .85rem;color:var(--stats-blue);background:#fff;border:2px solid #b9ced7;border-radius:10px;font:inherit;font-size:1.1rem}.stats-number-input:focus{outline:3px solid rgba(117,87,201,.18);border-color:var(--stats-violet)}.stats-number-input.is-wrong{border-color:var(--stats-red);background:#fff5f5}.stats-number-input.is-correct{border-color:var(--stats-green);background:#eefbf3}
.stats-problem{margin:2rem 0;padding:clamp(1.5rem,5vw,3rem);border-top:6px solid var(--stats-yellow)}.stats-problem h2{max-width:800px;margin:1rem 0}.stats-problem li{margin:.6rem 0;color:var(--stats-ink)}.stats-score{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;padding:1.2rem 1.5rem;color:#fff;background:linear-gradient(135deg,var(--stats-blue),var(--stats-violet));border-radius:18px}.stats-score>span{font-size:2.2rem}.stats-score p{margin:0;color:#eee9ff}.stats-score strong{font-size:1.2rem}.stats-score.is-complete{background:linear-gradient(135deg,#247a4b,var(--stats-green))}.stats-correction{margin-top:1.5rem;padding:1.25rem 1.5rem}.stats-correction summary{color:var(--stats-blue);font-size:1.1rem;font-weight:800;cursor:pointer}.stats-correction details div{padding-top:.7rem}.stats-navigation{display:flex;justify-content:space-between;gap:1rem;margin:3rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--stats-border)}
@media(max-width:800px){.stats-hero{grid-template-columns:1fr}.stats-card-grid{grid-template-columns:1fr}.chance-stage{grid-template-columns:1fr;text-align:center}.chance-wheel{margin:auto}}@media(max-width:560px){.stats-progress__text{display:grid;gap:.2rem}.stats-hero{padding:1.5rem}.stats-data{padding:1rem}.stats-line{flex-wrap:wrap}.stats-quartiles{grid-template-columns:1fr 1fr}.probability-scale{grid-template-columns:1fr}.stats-choices,.stats-choices--small{grid-template-columns:1fr}.stats-navigation{flex-direction:column-reverse}.stats-navigation .btn{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.stats-page *,.stats-page *::before,.stats-page *::after{transition:none!important;animation:none!important}}