/* Numbers-only learning additions. The existing page/header and practice styling stay intact. */
.number-exploration[hidden],#numbers-practice[hidden]{display:none!important}
#numbers-practice{position:relative;padding-bottom:1px}
#numbers-practice .round-result{inset:110px 0 20px;overflow:auto}
.number-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.number-areas button{display:flex;align-items:center;gap:14px;border:1px solid #a99b81;background:transparent;color:var(--ink);padding:16px;text-align:left;cursor:pointer;font-family:inherit;position:relative}
.number-areas b{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 32px 'Oswald',sans-serif}
.number-areas strong{display:block;font:700 clamp(18px,1.8vw,27px)/1.1 'Oswald',sans-serif;letter-spacing:.4px}
.number-areas small{display:block;margin-top:8px;font:13px/1.3 Georgia,serif}
.number-areas [aria-pressed=true]{background:var(--blue);color:#f4e7ce;border-color:var(--blue)}
.number-areas [aria-pressed=true] b{background:#e8d5aa;color:var(--ink)}
.number-areas [aria-pressed=true]:after{content:"";position:absolute;bottom:-10px;left:48%;border:5px solid transparent;border-top-color:var(--blue)}
.nx-categories{display:flex;overflow-x:auto;gap:5px;padding:3px 0 0;border-bottom:1px solid #b4a78f;scrollbar-width:thin}
.nx-categories button{flex:1 0 auto;min-height:45px;padding:10px 16px;border:1px solid #b4a78f;border-bottom:0;background:transparent;color:var(--ink);cursor:pointer;font:500 17px 'Oswald',sans-serif}
.nx-categories [aria-pressed=true]{background:#d38a98;color:#071f32;box-shadow:0 -2px 0 #bf7586}
.number-exploration button:focus-visible,.number-areas button:focus-visible,.number-exploration input:focus-visible,.number-exploration select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.nx-section-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0 18px}
.nx-section-heading h2{font:700 clamp(30px,4vw,54px)/1 'Oswald',sans-serif;margin:0;letter-spacing:-1px}
.nx-section-heading>p{margin:0;color:#143c69;font:18px 'Permanent Marker',cursive;border-bottom:4px solid #cf7491;transform:rotate(-3deg)}
.nx-section-heading>small{margin-left:auto;font:14px/1.4 Georgia,serif;max-width:290px}
.nx-number-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
.nx-number-card{border:1px solid #b4a58b;padding:12px 5px 9px;text-align:center;min-width:0;background:#f7efdc24}
.nx-cutout{border:0;padding:3px 7px;margin:0 auto 10px;display:block;max-width:100%;color:#082c50;background:#d8909d;clip-path:polygon(3% 4%,94% 0,100% 93%,0 100%);font:700 clamp(39px,4vw,62px)/1.12 'Oswald',sans-serif;transform:rotate(-4deg);cursor:pointer;transition:transform .12s ease;letter-spacing:-1px}
.nx-number-card:nth-child(4n+2) .nx-cutout{background:#d6c7a9;transform:rotate(-2deg)}
.nx-number-card:nth-child(4n+3) .nx-cutout{background:#194773;color:#f2e1ba;transform:rotate(4deg)}
.nx-number-card:nth-child(4n) .nx-cutout{background:#e7bd4d;transform:rotate(-3deg)}
.nx-cutout:hover{transform:rotate(0) translateY(-2px)!important}
.nx-number-card h3{margin:0;font:600 16px/1.2 'Oswald',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
.nx-ipa{margin:8px 0;min-height:20px;font:14px/1.4 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}
.nx-audio-pair{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:center}
.nx-sound{display:inline-flex;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:5px;border:0;border-radius:50%;background:#ce7591;color:#102d49;cursor:pointer;font:bold 14px 'DM Sans',sans-serif}
.nx-sound:hover{background:#e7bd4d}.nx-slow{border-radius:0;background:transparent;font-size:12px}
.nx-sound[aria-busy=true]{outline:2px dashed #164576}
.nx-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nx-wide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.nx-long{padding:18px 14px}.nx-long .nx-cutout{font-size:clamp(30px,3.6vw,54px);letter-spacing:-1px}
.nx-long h3{font-size:20px}.nx-long .nx-ipa{font-size:15px}
.nx-learning{border-top:1px solid #aa9b81;margin-top:28px;padding-top:20px}
.nx-learning>h3{font:700 25px 'Oswald',sans-serif;margin:0 0 10px}
.nx-learning>p{font:15px/1.5 Georgia,serif}
.nx-stress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nx-stress-grid article{display:flex;justify-content:space-around;align-items:center;gap:5px;padding:14px 8px;border:1px solid #b4a58b;text-align:center}
.nx-stress-grid article>div>span{font:600 28px 'Oswald',sans-serif}.nx-stress-grid p{margin:4px 0 10px;font:17px Georgia,serif}
.nx-stress-grid b{color:#143c69;background:#e7bf5b;padding:1px 2px}
.nx-note{margin:20px 0;padding:12px 16px;background:#e7c86480;border-left:4px solid #ba9342;font:15px/1.5 Georgia,serif;max-width:900px}
.nx-word-link{font:inherit;background:none;border:0;border-bottom:1px dashed #6c7e8c;padding:3px 1px;color:#123e6a;cursor:pointer;text-transform:uppercase;text-align:inherit;overflow-wrap:anywhere}
.nx-word-link:hover{background:#edc45770}
.nx-pattern{display:flex;flex-wrap:wrap;gap:10px 40px;margin-bottom:20px;font:20px 'Oswald',sans-serif}
.nx-build{border:1px solid #b4a58b;padding:15px 20px;margin:12px 0;background:#f7efdc38}
.nx-build h4{margin:0 0 12px;font:600 38px 'Oswald',sans-serif;color:#123e6a}
.nx-blocks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nx-blocks>span{padding:10px 14px;background:#d0bca34f;font:18px 'Oswald',sans-serif}.nx-blocks button{display:block;font-size:16px;margin-top:5px}.nx-blocks i{font-style:normal}
.nx-built-answer{border-top:1px solid #b4a58b;padding-top:12px;margin-bottom:0;display:flex;justify-content:space-between;gap:15px;font:20px 'Oswald',sans-serif}
.nx-million{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.nx-million .nx-cutout{font-size:clamp(44px,7vw,90px)}.nx-million>p{color:#17416e;font:24px/1.5 'Permanent Marker',cursive;transform:rotate(-3deg)}.nx-million>p span{border-bottom:4px solid #ce7591}
.nx-scale{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.nx-scale li{padding:15px 7px;border-top:4px solid #d18398;text-align:center;min-width:0}.nx-scale b{display:block;font:600 clamp(17px,2vw,27px) 'Oswald',sans-serif}.nx-scale .nx-word-link{display:block;font:15px 'Oswald',sans-serif;min-height:48px;margin:8px auto}
.nx-check{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:12px;max-width:700px;border:1px solid #b4a58b;padding:20px;margin:24px 0;background:#f9f0d839}
.nx-check-tag{grid-column:1/-1;margin:0;font:600 18px 'Oswald',sans-serif;color:#17416e}.nx-check label{grid-column:1/-1;font:17px/1.5 Georgia,serif}
.nx-check input,.nx-check select{min-width:0;width:100%;border:1px solid #96876e;border-bottom:2px solid #173c61;border-radius:0;padding:12px;background:#f0e5cc;color:#172d45;font:15px 'DM Mono',monospace}
.nx-check-button{background:#173e68;color:#f2e4c5;border:0;padding:10px 22px;font:600 17px 'Oswald',sans-serif;cursor:pointer}
.nx-check-feedback{grid-column:1/-1;margin:0;color:#923e52;font:15px/1.4 'DM Sans',sans-serif}.nx-check-feedback:empty{display:none}.nx-check-feedback.is-correct{color:#315d3f}
.nx-check>small{grid-column:1/-1;font:12px Georgia,serif;color:#5f5647}.nx-listen-task{grid-column:1/-1;margin:0;display:flex;align-items:center;gap:8px;font:13px Georgia,serif}
.nx-explore-footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:24px;padding:16px 0 28px;border-top:1px solid #b4a58b;color:#17416e}
.nx-explore-footer p{font:17px 'Permanent Marker',cursive;margin:0}.nx-explore-footer>p:nth-child(2){background:#e8c15780;padding:12px;transform:rotate(-2deg)}.nx-explore-footer>small{max-width:360px;font:12px/1.5 Georgia,serif}
.nx-objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.nx-object{min-width:0;position:relative;padding:24px;border:1px solid #ad9e81;background:#f1e6ca;color:#183c60}
.nx-object-label{font:600 13px/1.3 'DM Mono',monospace;margin:0 0 18px;letter-spacing:1px;color:#514735}
.nx-object h3{margin:0 0 14px;font:600 clamp(30px,3vw,44px)/1.15 'Oswald',sans-serif;overflow-wrap:anywhere}
.nx-object-words{font:17px/1.4 Georgia,serif;text-transform:uppercase;min-height:46px;margin:0 0 16px}
.nx-price{border-top:5px solid #cb8594;border-bottom:2px dashed #a3967c}.nx-price:after{content:"PAID IN WORDS";display:block;margin-top:18px;border-top:1px dashed #a3967c;padding-top:8px;font:10px 'DM Mono',monospace;color:#87745c}
.nx-time{border:2px solid #214b77;border-left:12px solid #214b77}.nx-time h3{letter-spacing:2px}
.nx-date{padding-top:0}.nx-date .nx-object-label{background:#c88794;padding:13px;margin:0 -24px 20px;color:#182b40}.nx-date h3{border-bottom:1px solid #b4a58b;padding-bottom:12px}
.nx-profile{border:4px solid #d3c3a5;outline:1px solid #9e8b6d;outline-offset:3px}.nx-profile .nx-object-label{font:600 26px 'Oswald',sans-serif;border-bottom:3px solid #d48697;padding-bottom:10px}.nx-profile h3{font-size:30px}
.nx-phone{border-top:6px solid #d6b94e;transform:rotate(-1deg)}.nx-phone:nth-child(2){transform:rotate(1deg)}.nx-phone h3{font-size:30px}.nx-phone .nx-object-words{font-family:'DM Mono',monospace;font-size:15px;text-transform:none}
.nx-address{border:3px double #9c8d73}.nx-address .nx-object-label{padding-right:48px;min-height:36px}.nx-address:after{content:"BK / POST";position:absolute;right:10px;top:12px;width:46px;padding:8px 2px;border:1px dashed #204a74;font:10px 'DM Mono',monospace;transform:rotate(7deg);text-align:center}.nx-address h3{font-size:31px}
.nx-year{border-top:2px solid #282724;border-bottom:2px solid #282724}.nx-year .nx-object-label{font-family:Georgia,serif;border-bottom:1px solid #9f9278;padding-bottom:8px}.nx-year h3{font-family:Georgia,serif;font-weight:bold}
.nx-year-contrast{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nx-quantity{border-left:6px solid #d08499}
@media(min-width:1250px){.nx-number-card h3{font-size:17px}}
/* Reserve room for the existing corner mascot without moving or replacing it. */
@media(min-width:1121px){.nx-explore-footer{min-height:215px;padding-right:235px;align-content:center}}
@media(max-width:1100px){.nx-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.nx-wide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nx-stress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.number-areas button{gap:9px;padding:12px}.number-areas b{flex-basis:36px;height:36px;font-size:27px}.nx-objects{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-scale{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.number-areas{grid-template-columns:1fr;gap:7px;margin-bottom:18px}.number-areas button{padding:11px 14px}.number-areas strong{font-size:21px}.number-areas small{margin-top:4px}.number-areas [aria-pressed=true]:after{display:none}.nx-section-heading{gap:12px}.nx-section-heading>p{font-size:15px}.nx-section-heading>small{margin-left:0;max-width:none;width:100%}.nx-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nx-wide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-stress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-million{grid-template-columns:1fr;gap:10px}.nx-million>p{font-size:20px}.nx-explore-footer{gap:22px}.nx-sound{min-width:38px;min-height:38px}.nx-long .nx-cutout{font-size:35px}.nx-built-answer{flex-wrap:wrap}#numbers-practice .round-result{inset:230px 0 0}}
@media(max-width:480px){.nx-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-cutout{font-size:58px}.nx-number-card h3{font-size:19px}.nx-wide-grid{grid-template-columns:1fr}.nx-long .nx-cutout{font-size:48px}.nx-stress-grid,.nx-objects,.nx-year-contrast{grid-template-columns:1fr}.nx-check{grid-template-columns:1fr;padding:16px}.nx-check-button{min-height:44px}.nx-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-blocks{gap:9px}.nx-blocks>span{padding:9px}.nx-build{padding:14px}.nx-phone{transform:none!important}.nx-section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.nx-cutout{transition:none}}