@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:Nunito,system-ui,sans-serif;color:#223653;background:#f4f6fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;padding:22px;display:flex;justify-content:space-between;gap:15px}a{color:#4c43a1;font-weight:800}main{max-width:1060px;margin:auto;padding:0 22px}button,input{font:inherit}button{border:0;background:#5149bb;color:white;font-weight:900;padding:14px 20px;border-radius:16px;cursor:pointer;min-height:48px}button:hover{filter:brightness(.94)}button:disabled{opacity:.6;cursor:default}.secondary{background:#eeeafd;color:#433987}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ef9b31;outline-offset:4px}.hero{background:linear-gradient(125deg,#e6e0ff,#e0f6f1);border-radius:32px;padding:38px;position:relative}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:900;color:#665b9d}h1{font-size:clamp(34px,6vw,60px);line-height:1.12;margin:18px 0}h1 span{color:#5149bb}p{line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap}.small{font-size:13px;color:#586783}.world{margin:28px 0}.world h2{margin-bottom:4px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{min-width:0;overflow-wrap:anywhere;background:white;border:1px solid #e1e6f1;border-radius:22px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#223653;text-align:left;box-shadow:0 6px 18px #24385b06}.icon{font-size:32px}.card strong{font-size:18px}.card small{font-weight:600;line-height:1.4}.meter{height:7px;width:100%;background:#edf0f7;border-radius:6px;overflow:hidden}.meter i{display:block;height:100%;background:#8c77d8}.tag{font-size:12px;color:#5149bb}#journey{margin-top:22px;font-weight:800}#mission{background:white;padding:28px;border-radius:24px;border:2px solid #c7beed;margin:20px 0;scroll-margin-top:18px}#mission h2{font-size:26px;line-height:1.5}input{padding:12px;border:2px solid #c6cfe0;border-radius:12px;max-width:100%;min-height:48px}#answer{width:190px;font-size:24px}label{display:block;font-weight:800;margin:12px 0}.feedback{background:#edf8f0;padding:18px;border-radius:16px;margin:18px 0}.model{margin:18px 0;padding:20px;background:#f3f5fb;border-radius:18px}.array{display:grid;gap:5px;width:min(100%,350px)}.tile{aspect-ratio:1;background:#8c77d8;border-radius:4px}.fraction{display:flex;max-width:400px;height:50px}.fraction i{flex:1;border:2px solid white;background:#d5daea}.fraction i.filled{background:#8c77d8}.lab,details{background:white;border:1px solid #e1e6f1;padding:26px;border-radius:24px;margin:28px 0}.lab{display:grid;grid-template-columns:1fr 1fr;gap:30px}.lab input{width:90px;margin-left:10px}summary{cursor:pointer;font-weight:900;font-size:18px;min-height:44px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:10px 5px;border-bottom:1px solid #e6e9f1}.table-scroll{overflow:auto}footer{padding:25px;text-align:center;color:#586783}.clock{width:160px;height:160px}#points{font-weight:900;white-space:nowrap}@media(max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:26px}.lab{grid-template-columns:1fr}.card{padding:16px}}@media(max-width:420px){main{padding:0 14px}.cards{gap:10px}.card strong{font-size:16px}.card{padding:13px}.hero{padding:22px}#mission{padding:20px}.actions button{flex:1}header{padding:18px 14px;font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.fraction i.second{background:#46a8aa}

select{font:inherit;border:2px solid #c6cfe0;padding:12px;border-radius:12px;max-width:100%;background:white;color:#223653;min-height:48px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0}.filters label{margin:0}.test-hub{background:#fff8e6;border:1px solid #eddfb8;border-radius:24px;padding:26px;margin-top:24px}.option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d4dbea;border-radius:12px;font-weight:700}.option input{width:22px;height:22px;min-height:22px;flex-shrink:0;accent-color:#5149bb}fieldset{border:0;padding:0;margin:14px 0}legend{font-weight:800}.wide-diagram{width:100%;max-width:500px;display:block}.shape-diagram{width:180px;max-width:100%;display:block}.bar-row{display:flex;gap:12px;align-items:center;margin:10px 0}.bar-row strong{width:50px;flex-shrink:0}.bar{background:#e6e0ff;color:#5149bb;padding:5px;border:1px solid #9d8ed0;white-space:nowrap;font-size:clamp(9px,2vw,15px)}.composite{display:flex;gap:0;max-width:400px}.composite div{padding:24px 8px;flex:1;background:#e6e0ff;border:2px solid #8c77d8}.composite div+div{background:#def1ed}.domain-results{display:flex;flex-wrap:wrap;gap:18px}.review{margin:12px 0;padding:16px}select:focus-visible{outline:3px solid #ef9b31;outline-offset:4px}@media(max-width:420px){.filters select{width:100%}.test-hub{padding:20px}}

.dot-plot{display:flex;gap:20px;justify-content:center;border-bottom:2px solid #586783;padding:10px}.dot-plot div{display:flex;flex-direction:column;align-items:center;gap:10px}.dot-plot span{color:#7448b5;writing-mode:vertical-rl}.shade-parts{display:flex;gap:4px;max-width:450px}.shade-parts button{flex:1;min-width:0;padding:0;height:64px;border:2px solid #8978b6;background:#edf0f7;border-radius:6px}.shade-parts button[aria-pressed=true]{background:#8c77d8}