:root{color-scheme:light;--navy:#061d36;--ink:#163b57;--sky:#68c7e9;--blue:#0872bd;--yellow:#ffbe3d;--green:#258239;--red:#af3024;--muted:#41617a;--line:#c9e8fa;--paper:#fff;font-size:16px}
/* Grade routes and hands-on games share the existing MundoCrack palette. */
.grade-picker{margin:0 0 34px;padding:25px 28px;border:2px solid #c9e8fa;border-radius:24px;background:#fff;box-shadow:0 6px 0 #e8f7ff}
.grade-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.grade-badge{background:#fff8e5;color:#765003;padding:8px 14px;border-radius:999px;font-weight:900;white-space:nowrap}.grade-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0}.grade-button{border:2px solid #c9e8fa;background:#e8f7ff;border-radius:16px;box-shadow:0 4px 0 #c9e8fa;min-height:83px;padding:10px 8px;display:flex;gap:6px;align-items:center;justify-content:center;color:#005b99}.grade-button span{font-size:2rem;font-weight:900;line-height:1}.grade-button small{font-size:.875rem;font-weight:700}.grade-button:hover{border-color:#0872bd}.grade-button[aria-pressed=true]{background:#f7ff19;border-color:#bbc706;box-shadow:0 4px 0 #bbc706;color:#061d36}.grade-description{padding:16px 20px;border-radius:14px;background:#f1faff}.grade-description h3{font-size:1.2rem}.grade-description p{margin-top:6px;color:#41617a}.grade-description #grade-summary{font-size:.9rem;font-weight:700;color:#005b99}.grade-hint{font-size:.8rem;color:#41617a;margin-top:12px!important}
.practice-section{margin-top:52px}.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.practice-card{border:2px solid #f3e4b7;border-radius:24px;background:#fffdf6;padding:26px;box-shadow:0 6px 0 #f3e4b7;min-width:0}.saving-card{border-color:#d0e8c6;box-shadow:0 6px 0 #d0e8c6;background:#f7fcf4}.practice-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.game-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#ffbe3d;font-size:1.8rem;font-weight:900}.saving-card .game-symbol{background:#d0e8c6;color:#236b37}.game-round{font-size:.875rem;color:#41617a;font-weight:700}.practice-card h3{font-size:1.65rem}.practice-intro{margin:11px 0 20px!important;color:#41617a}.game-target{border-radius:16px;background:#fff;border:1px solid #f3e4b7;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 15px}.game-target span{color:#41617a;font-weight:700}.game-target strong{font-size:1.85rem;color:#061d36;letter-spacing:-.04em}.saving-card .game-target{border-color:#d0e8c6}.banknotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.banknote{border:2px solid #ecd89c;background:#fff8df;border-radius:14px;padding:12px;text-align:center}.banknote>span{font-size:1.125rem;font-weight:900}.note-controls{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:5px}.note-controls button,.weeks-controls button{border:1px solid #a5cee4;background:white;color:#005b99;border-radius:10px;min-width:44px;min-height:44px;font-size:1.4rem;font-weight:900}.note-controls button:hover:not(:disabled),.weeks-controls button:hover:not(:disabled){background:#e8f7ff}.note-controls output{font-weight:900;min-width:22px}.payment-total{display:flex;justify-content:space-between;gap:15px;border-top:1px dashed #bda76b;padding-top:15px;margin-bottom:18px;font-size:1.2rem;font-weight:700}.game-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.game-actions .plain-button{margin:0}.practice-card button:disabled{opacity:.55;cursor:default}.game-next{margin-top:16px}.saving-facts{margin:18px 0 13px}.saving-facts>div{display:flex;justify-content:space-between;gap:14px;margin-bottom:9px}.saving-facts dt{color:#41617a}.saving-facts dd{margin:0;font-weight:900;text-align:right}.game-assumption{font-size:.825rem;color:#41617a;margin-bottom:18px!important}.weeks-label{display:block;font-weight:700;margin-bottom:8px}.weeks-controls{display:flex;gap:10px;align-items:center}.weeks-controls input{min-width:0;width:90px;min-height:48px;text-align:center;border:2px solid #b4d1a8;border-radius:10px;color:#061d36;background:white;font-size:1.2rem;font-weight:700;appearance:textfield}.weeks-controls input::-webkit-inner-spin-button{appearance:none}.savings-projection{margin:14px 0 21px;color:#236b37;font-weight:700}.savings-projection progress{margin:10px 0 0;height:10px;accent-color:#258239}.savings-projection progress::-webkit-progress-value{background:#258239}
@media(max-width:800px){.grade-options{gap:9px}.grade-button{flex-direction:column;gap:4px}.practice-grid{gap:18px}.practice-card{padding:21px}.banknotes{grid-template-columns:1fr}.banknote{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-controls{margin:0;min-width:122px}}
@media(max-width:620px){.grade-picker{padding:20px 17px;border-radius:20px}.grade-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0}.grade-button{flex-direction:row;min-height:70px}.grade-heading{align-items:flex-start}.grade-heading .eyebrow{font-size:.72rem}.grade-badge{display:none}.grade-description{padding:14px}.grade-description h3{font-size:1.1rem;line-height:1.35}.practice-section{margin-top:40px}.practice-grid{grid-template-columns:1fr;gap:26px}.practice-card{border-radius:20px;padding:21px 17px}.practice-card h3{font-size:1.5rem}.game-target strong{font-size:1.6rem}.banknotes{grid-template-columns:repeat(2,minmax(0,1fr))}.banknote{display:block;padding:10px}.note-controls{min-width:0;margin-top:8px}.game-actions{align-items:stretch;flex-direction:column}.game-actions .plain-button{align-self:center}.game-round{font-size:.8rem}.grade-hint{line-height:1.5}}
@media(max-width:349px){.banknotes{grid-template-columns:1fr}.banknote{display:flex}.note-controls{margin:0;min-width:122px}.grade-button span{font-size:1.6rem}.grade-button small{font-size:.8rem}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--navy);background:#fff;font:1rem/1.5 'Trebuchet MS',ui-sans-serif,system-ui,sans-serif;min-width:280px}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;letter-spacing:-.035em}h3{line-height:1.25;letter-spacing:-.035em}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip{position:absolute;top:-80px;left:16px;padding:12px 18px;background:var(--navy);color:#fff;border-radius:8px;z-index:10}.skip:focus{top:10px}.header-inner{max-width:1360px;margin:0 auto;padding:12px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{color:#005b99;font-weight:900;font-size:1rem;text-decoration:none}nav{display:flex;gap:10px;align-items:center}nav a{background:#def9f7;color:#005b99;border-radius:999px;min-height:44px;padding:10px 18px;font-weight:700;text-decoration:none;font-size:.9rem}nav a:hover{background:#c8f0ed}.hero{background:radial-gradient(circle,#ffd367 2px,transparent 2.5px) 10px 10px / 34px 34px,#55c1d8;border-bottom:6px solid #fff;box-shadow:0 1px 0 #d9edf4}.hero-inner{max-width:1280px;margin:auto;padding:18px 24px 21px;text-align:center}.hero h1{margin:0;line-height:1}.brand-logo{display:block;width:min(730px,100%);height:auto;max-height:285px;object-fit:contain;margin:0 auto}.hero p{font-size:1.0625rem;font-weight:700;color:#123f56;margin:8px 0 0}main{max-width:1360px;margin:auto;padding:28px 32px 0}.warmup{background:#e8f7ff;border:2px solid #c9e8fa;border-radius:24px;box-shadow:0 6px 0 #c9e8fa;display:grid;grid-template-columns:215px 1fr;gap:26px;padding:25px 28px;margin-bottom:43px}.label,.eyebrow{font-size:.8rem;letter-spacing:.045em;font-weight:900;color:#005b99}.label{display:inline-block;padding:5px 10px;border:1px solid #c9e8fa;border-radius:9px;background:white}.warmup h2{font-size:1.5rem;line-height:1.2;margin-top:13px}.warmup-question{font-weight:700;color:#163b57;font-size:1.0625rem}.warmup-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.warmup-options button{border:2px solid #b8dff5;border-radius:12px;padding:12px;background:white;font-weight:700;font-size:.95rem;line-height:1.35;color:var(--navy);box-shadow:0 3px 0 #c9e8fa}.warmup-options button:hover:not(:disabled){border-color:var(--blue);background:#f5fbff}.warmup-options button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.warmup-options button[data-selected="true"]{outline:2px solid var(--navy);outline-offset:2px}.warmup-options button.correct{background:#edf9e8;border-color:var(--green);box-shadow:0 3px 0 #d0e8c6}.warmup-options button.incorrect{background:#fff2e9;border-color:#bd5931;box-shadow:0 3px 0 #f7d6c3}#warmup-feedback:empty{display:none}#warmup-feedback{font-size:.95rem;margin-top:16px;padding-top:13px;border-top:1px solid #afcee1;color:var(--ink)}.section-heading{text-align:center;margin:0 0 26px}.section-intro{color:var(--muted);margin:8px auto 13px;max-width:700px}.session-progress{font-size:.875rem;font-weight:700;padding:6px 13px;display:inline-block;border-radius:999px;background:#e8f7ff;color:#005b99}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:24px}.topic-card{--accent:#0872bd;--tint:#e8f7ff;--edge:#c9e8fa;--button-ink:#fff;display:flex;flex-direction:column;text-align:left;min-width:0;padding:0;color:var(--navy);background:white;border:2px solid var(--edge);border-radius:24px;box-shadow:0 6px 0 var(--edge);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.topic-top{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:6px 16px;background:var(--tint);padding:18px 21px 15px;min-height:110px}.difficulty{display:inline-block;justify-self:start;max-width:100%;background:#fff;padding:5px 10px;border:1px solid var(--edge);border-radius:9px;color:var(--ink);font-size:.875rem;font-weight:700}.topic-number{grid-column:2;grid-row:1 / 3;font-size:3.5rem;font-weight:1000;line-height:1;color:var(--accent);letter-spacing:-.07em;text-shadow:2px 3px 0 #fff}.topic-count{color:var(--muted);font-size:.875rem;font-weight:700}.topic-content{display:flex;flex-direction:column;flex:1;padding:22px 21px 24px}.topic-title{font-size:1.5rem;font-weight:900;letter-spacing:-.04em;line-height:1.22}.topic-summary{display:block;margin:12px 0 24px;color:#395770;flex-grow:1;font-size:1rem}.topic-bottom{display:flex;align-items:center;justify-content:center;gap:13px;border-radius:12px;background:var(--accent);color:var(--button-ink);min-height:48px;padding:10px 15px;font-size:1.0625rem;font-weight:900}.topic-bottom span:last-child{font-size:1.375rem;line-height:1}.topic-card:active{transform:translateY(3px);box-shadow:0 2px 0 var(--edge)}.topic-card.completed .topic-bottom{background:#258239;color:white}.mission{margin-top:46px;padding:30px;background:#edf9e8;border:2px solid #d0e8c6;border-radius:24px;box-shadow:0 6px 0 #d0e8c6}.mission-top{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.mission .eyebrow{color:#236b37}.eyebrow{margin-bottom:9px}.mission-top>div{max-width:710px}.mission-top p:not(.eyebrow){margin-top:12px;color:var(--ink)}.ticket{background:white;border:2px solid #d0e8c6;text-align:center;display:flex;flex-direction:column;gap:4px;padding:14px 24px;border-radius:16px;font-size:.8rem;font-weight:700;flex-shrink:0}.ticket strong{font-size:2rem;letter-spacing:-.03em;color:#258239}.ticket small{font-size:.75rem;font-weight:400;color:var(--muted)}.mission-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:28px;margin-top:27px;align-items:start}.shop{border:0;padding:0;margin:0;min-width:0}.shop legend{font-weight:700;margin-bottom:14px}.shop-group{margin-bottom:21px}.shop-group:last-child{margin-bottom:0}.shop-group h3{font-size:.95rem;color:#395770;letter-spacing:0;margin-bottom:9px}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product{background:white;border:2px solid #d0e8c6;border-radius:14px;position:relative;padding:14px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;box-shadow:0 3px 0 #d0e8c6}.product:has(input:checked){border-color:#258239;background:#f4ffed;box-shadow:0 3px 0 #9bcd84}.product input{width:18px;height:18px;flex-shrink:0;margin:4px 0 0;accent-color:#258239}.product-name{display:block;font-weight:700;font-size:1rem}.product-price{font-size:1.2rem;font-weight:900;display:block;color:#236b37;margin-top:4px}.product small{font-size:.8rem;color:var(--muted);display:block;margin-top:4px}.receipt{padding:24px;background:white;border:2px solid #d0e8c6;border-radius:20px;box-shadow:0 5px 0 #d0e8c6}.receipt h3{font-size:1.35rem;margin-bottom:18px}.receipt-line{font-size:.9rem;display:flex;justify-content:space-between;gap:10px;margin:10px 0}.receipt-line.missing{color:var(--muted)}.receipt dl{border-top:1px dashed #8eaf9b;margin:18px 0 10px;padding-top:15px}.receipt dl>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}.receipt dd{margin:0;font-weight:700}.receipt .balance{font-size:1.2rem;font-weight:900}.negative{color:var(--red)}#savings-note{font-size:.9rem;color:var(--muted);margin-bottom:18px}.primary{background:var(--blue);border:0;border-radius:12px;padding:13px 19px;color:#fff;font-size:1.0625rem;font-weight:900;line-height:1.3;min-height:48px}.primary:hover{background:#005b99}.receipt .primary{width:100%;display:flex;justify-content:space-between;gap:10px;background:#258239}.receipt .primary:hover{background:#1d692d}.plain-button{border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:.875rem;display:block;margin:10px auto 0;padding:10px;min-height:44px}.feedback{margin-top:15px;padding:15px;border-radius:12px;font-size:1rem;line-height:1.5;border:1px solid #c9e8fa;background:#e8f7ff}.feedback.good{background:#edf9e8;border-color:#9bcd84;color:#17513d}.feedback.retry{background:#fff2e9;border-color:#f0bf99;color:#6c4221}.feedback strong{display:block;margin-bottom:5px}.closing-note{display:flex;gap:18px;margin:39px auto;max-width:870px;align-items:flex-start}.note-symbol{font-family:Georgia,serif;font-size:5rem;color:var(--blue);line-height:1}.closing-note h2{font-size:1.5rem;margin-bottom:10px}.closing-note p{color:var(--muted)}footer{border-top:1px solid #e0edf3;padding:22px 0 28px;text-align:center;color:#315571}footer .footer-brand{font-weight:900;font-size:1.2rem;color:#005b99;text-decoration:none}footer p{margin:5px 0;font-size:.95rem}footer small{display:block;font-size:.8rem;margin-top:8px}
dialog{border:1.5px solid var(--ink);border-radius:18px;padding:0;color:var(--ink);max-width:690px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);box-shadow:7px 7px 0 #14295335;overscroll-behavior:contain}dialog::backdrop{background:#13274499;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.dialog-shell{padding:28px}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.dialog-top .eyebrow{margin:0}.close-button{background:#eef3fd;border:0;width:40px;height:40px;border-radius:50%;font-size:1.65rem;color:var(--ink);flex-shrink:0;line-height:1}.lesson-title{font-size:2rem;font-weight:1000;letter-spacing:-.025em}.lesson-description{color:var(--muted);margin:14px 0 20px}.lesson-point{border-left:3px solid var(--blue);padding:0 0 0 15px;margin:20px 0}.lesson-point strong{display:block;margin-bottom:5px}.lesson-point p{color:#42516b}.lesson-example{background:#fff5d5;border-radius:10px;padding:17px;margin:22px 0}.lesson-example strong{display:block;margin-bottom:6px}.lesson-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:24px}.lesson-actions span{font-size:.85rem;color:var(--muted)}.quiz-progress{display:flex;justify-content:space-between;gap:15px;font-size:.8rem;margin:15px 0 8px;color:var(--muted);font-weight:700}progress{height:7px;display:block;border:0;width:100%;border-radius:5px;background:#e3e9f2;accent-color:var(--blue);margin-bottom:26px}progress::-webkit-progress-bar{border-radius:5px;background:#e3e9f2}progress::-webkit-progress-value{border-radius:5px;background:var(--blue)}.question{font-family:'Nunito',sans-serif;font-size:1.5rem;font-weight:900;line-height:1.35;margin:18px 0}.answers{display:grid;gap:11px}.answer{text-align:left;background:white;border:1.5px solid #c6d1e1;border-radius:10px;padding:14px;display:flex;gap:12px;align-items:center;color:var(--ink)}.answer:hover:not(:disabled){background:#edf3ff;border-color:var(--blue)}.answer-letter{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#edf2fa;font-weight:800;font-size:.8rem;flex-shrink:0}.answer.correct{border-color:var(--green);background:#e8f7ee}.answer.incorrect{border-color:var(--red);background:#fff0e9}.answer.correct .answer-letter{background:var(--green);color:white}.answer.incorrect .answer-letter{background:var(--red);color:white}.quiz-next{margin-top:20px;display:flex;justify-content:flex-end}.result-number{font-family:'Nunito',sans-serif;font-weight:1000;font-size:4rem;line-height:1;margin:22px 0;color:var(--blue)}.result-summary{margin:14px 0;color:var(--muted)}.result-note{background:#eef5ff;padding:17px;border-radius:10px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.secondary{border:1.5px solid var(--blue);color:var(--blue);background:white;border-radius:9px;padding:11px 16px;font-weight:700}.secondary:hover{background:#edf3ff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Match the MundoCrack controls throughout the lessons. */
dialog{border:2px solid #c9e8fa;border-radius:24px;color:var(--navy);box-shadow:0 18px 64px #061d3640}dialog::backdrop{background:#061d3699}.close-button{background:#e8f7ff;width:44px;height:44px;color:var(--navy)}.lesson-title{font-size:1.85rem;font-weight:900}.lesson-point{border-left:4px solid var(--blue)}.lesson-example{background:#fff8e5;border:1px solid #f3e4b7;border-radius:14px}.question,.result-number{font-family:inherit}.answer{border:2px solid #c9e8fa;border-radius:12px}.answer-letter{background:#e8f7ff}.answer:hover:not(:disabled){border-color:var(--blue);background:#f1faff}.answer.correct{background:#edf9e8}.answer.incorrect{background:#fff2e9}.result-note{background:#e8f7ff;border-radius:14px}.secondary{border-radius:12px;border-width:2px;min-height:48px}.result-number{font-weight:900}.result-actions .secondary{font-size:1rem}.dialog-top .eyebrow{font-size:.8rem}.quiz-progress{font-size:.875rem}.lesson-actions span{font-size:.875rem}.dialog-shell{padding:26px}
@media(hover:hover){.topic-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 11px 0 var(--edge)}}
@media(max-width:1119px){main{max-width:960px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.brand-logo{max-height:260px}.warmup{grid-template-columns:175px 1fr;gap:18px}.mission-layout{grid-template-columns:1.15fr 1fr;gap:18px}.product-pair{grid-template-columns:1fr}.mission{padding:25px}.receipt{padding:21px}.mission-top{gap:18px}.ticket{padding:15px}}
@media(max-width:720px){.warmup{grid-template-columns:1fr;gap:15px}.warmup-label{display:flex;align-items:center;justify-content:space-between;gap:15px}.warmup h2{font-size:1.2rem;margin:0}.warmup h2 br{display:none}.mission-top{flex-direction:column}.ticket{display:none}.mission-layout{grid-template-columns:1fr;gap:24px}.product-pair{grid-template-columns:1fr 1fr}.brand-logo{max-height:240px}}
@media(max-width:620px){.header-inner{padding:10px 16px;gap:12px}.brand{font-size:.875rem;line-height:1.25;max-width:110px}nav{gap:7px}nav a{font-size:.875rem;padding:10px 12px}.hero{background-size:28px 28px}.hero-inner{padding:15px 12px 16px}.brand-logo{max-height:210px}.hero p{font-size:.9rem;margin-top:6px}main{padding:22px 16px 0}.warmup{padding:20px 17px;border-radius:20px;margin-bottom:35px}.warmup h2{font-size:1rem}.label{font-size:.75rem;white-space:nowrap}.warmup-question{font-size:1rem}.warmup-options{grid-template-columns:1fr;gap:9px;margin-top:14px}.warmup-options button{min-height:46px;text-align:left;padding:11px 13px;font-size:.95rem}.section-heading{margin-bottom:21px}h2{font-size:1.4375rem}.section-intro{font-size:1rem}.topic-grid{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:21px}.topic-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);border-radius:20px}.topic-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:17px 9px;min-height:190px}.difficulty{padding:4px 7px;font-size:.8rem;text-align:center}.topic-number{font-size:3.9rem;letter-spacing:-.06em}.topic-count{font-size:.875rem}.topic-content{padding:18px 14px}.topic-title{font-size:1.25rem}.topic-summary{margin:10px 0 16px;font-size:1rem;line-height:1.4}.topic-bottom{min-height:44px;padding:9px 10px;font-size:.9rem;gap:8px}.mission{margin-top:36px;padding:21px 17px;border-radius:20px}.mission h2{font-size:1.65rem}.mission-top p:not(.eyebrow){font-size:1rem}.mission-layout{margin-top:22px}.product-pair{gap:9px}.product{padding:12px 10px;gap:7px}.product-name{font-size:.93rem}.product-price{font-size:1.15rem}.product small{font-size:.8rem}.product input{width:16px;height:16px}.receipt{padding:21px 17px}.closing-note{margin:32px 0;gap:12px}.closing-note h2{font-size:1.3rem}.note-symbol{font-size:4rem}.closing-note p{font-size:1rem}.dialog-shell{padding:20px}.lesson-title{font-size:1.65rem}.question{font-size:1.3rem}.answer{padding:12px;font-size:1rem}.lesson-actions{align-items:flex-start;flex-direction:column}.result-number{font-size:3.5rem}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.result-actions{flex-direction:column}.result-actions button{width:100%}}
@media(max-width:349px){.header-inner{flex-wrap:wrap}.brand{max-width:none}nav{width:100%;justify-content:space-between}.topic-card{display:flex}.topic-top{min-height:100px;flex-direction:row;gap:14px;flex-wrap:wrap}.topic-number{font-size:2.6rem}.topic-count{display:none}.topic-content{padding:18px}.warmup-label{flex-wrap:wrap}.product-pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.mission-top{align-items:center}.mission-top>div{flex:1;min-width:0}.mission-scene{flex:0 0 38%;max-width:450px;margin:0;background:white;border:2px solid #d0e8c6;border-radius:18px;overflow:hidden}.mission-scene img{display:block;width:100%;height:auto}.mission-scene figcaption{padding:9px 12px;text-align:center;color:#41617a;font-size:.875rem;line-height:1.4}
@media(max-width:620px){.header-inner{flex-direction:column;align-items:stretch;gap:7px}.brand{max-width:none;text-align:center}.header-inner nav{justify-content:space-between}.header-inner nav a{flex:1;text-align:center;padding:10px 8px}}
@media(max-width:720px){.mission-top{align-items:stretch}.mission-scene{flex:0 1 auto;width:100%;max-width:450px;margin:0 auto}.mission-scene figcaption{font-size:.8rem}}

/* Shopping activity: illustrated blue feature panel. */
.mission{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.mission-top{padding:25px 25px 25px 34px;border:1px solid #3a718e;border-radius:28px;background:linear-gradient(125deg,#1a6285 0%,#143e61 58%,#0c2944 100%);gap:30px;align-items:center}.mission-top>div{max-width:none}.mission-top .eyebrow{color:#ffca3f;font-weight:900;letter-spacing:.08em}.mission-top h2{color:#fff;font-size:clamp(1.65rem,2.6vw,2.4rem);line-height:1.13;letter-spacing:-.025em;font-weight:900}.mission-top p:not(.eyebrow){color:#edf5fa;font-weight:600;font-size:1.0625rem;line-height:1.5;margin-top:17px}.mission-start{display:flex;align-items:center;justify-content:center;gap:20px;width:fit-content;min-width:245px;min-height:54px;margin-top:24px;padding:13px 27px;border-radius:999px;background:#f7ff19;color:#061d36;font-size:1.0625rem;font-weight:900;text-decoration:none;box-shadow:0 6px 0 #cbd80a;transition:transform .15s,box-shadow .15s}.mission-start:hover{background:#fbff53}.mission-start:active{transform:translateY(3px);box-shadow:0 3px 0 #cbd80a}.mission-start:focus-visible{outline:3px solid white;outline-offset:5px}.mission-scene{flex:0 0 44%;max-width:560px;border:0;background:transparent;border-radius:18px}.mission-scene img{border-radius:18px;aspect-ratio:5/3;object-fit:cover}.mission-scene figcaption{color:#e6f2f8;padding:9px 4px 0;font-size:.8rem;line-height:1.35}.mission-layout{margin-top:26px;padding:0 4px}.mission .receipt .eyebrow{color:#0872bd}.mission .receipt{border-color:#c9e8fa;box-shadow:0 5px 0 #c9e8fa}.mission .product{border-color:#c9e8fa;box-shadow:0 3px 0 #c9e8fa}.mission .product:has(input:checked){border-color:#0872bd;background:#e8f7ff;box-shadow:0 3px 0 #a3d8f6}.mission .product input{accent-color:#0872bd}.mission .product-price{color:#005b99}.mission .receipt .primary{background:#f7ff19;color:#061d36;box-shadow:0 4px 0 #cbd80a}.mission .receipt .primary:hover{background:#fbff53}.mission .shop legend{font-size:1.125rem;font-weight:900}.mission #productos{scroll-margin-top:24px}
@media(max-width:900px){.mission-top{padding:25px;gap:23px}.mission-scene{flex-basis:45%}.mission-start{min-width:220px}}
@media(max-width:720px){.mission-top{padding:23px 20px;gap:24px;align-items:stretch}.mission-top>div{max-width:none}.mission-start{width:100%;min-width:0;margin-top:20px}.mission-scene{flex:0 1 auto;width:100%;max-width:560px;margin:0 auto}.mission-layout{padding:0 2px}.mission-top h2{font-size:1.8rem}.mission-top p:not(.eyebrow){font-size:1rem}}