.expanded-shell{--stage:#d89d25;--soft:#fff3d3;--ink:#29343a;width:min(1180px,100% - 64px);color:var(--ink);margin:0 auto;padding-bottom:36px}.expanded-shell.gold{--stage:#d89d25;--soft:#fff3d3}.expanded-shell.mint{--stage:#3f9677;--soft:#e2f3eb}.expanded-shell.sky{--stage:#5b9dbc;--soft:#e7f3f8}.expanded-shell.lilac{--stage:#9679ae;--soft:#f2e9f7}.expanded-header{border-bottom:1px dashed #d9bd90;justify-content:space-between;align-items:center;gap:20px;min-height:104px;display:flex}.expanded-header>a{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.expanded-header>a>span{background:var(--stage);color:#fff;width:55px;height:55px;box-shadow:0 6px 0 color-mix(in srgb,var(--stage) 70%,#000);border-radius:17px;place-items:center;font:900 22px/1 Arial Rounded MT Bold,sans-serif;display:grid}.expanded-header a div{gap:3px;display:grid}.expanded-header strong{font-size:20px}.expanded-header small{color:#7c7069;letter-spacing:.13em;font-size:9px}.expanded-header>div{color:#7d5c13;background:#fff2c9;border:1px solid #d0b873;border-radius:99px;padding:10px 15px;font-size:10px;font-weight:900}.expanded-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:58px;min-height:490px;padding:58px 0;display:grid}.expanded-hero>div>span,.expanded-heading>span{color:var(--stage);letter-spacing:.15em;font-size:10px;font-weight:950}.expanded-hero h1{letter-spacing:-.05em;margin:12px 0 18px;font:900 clamp(50px,6.7vw,80px)/1.01 Arial Rounded MT Bold,sans-serif}.expanded-hero>div>p{color:#716760;margin:0;font-size:15px;line-height:1.8}.expanded-hero aside{background:var(--ink);color:#fff;border-radius:30px;flex-direction:column;justify-content:center;gap:13px;min-height:290px;padding:32px;display:flex;box-shadow:0 12px #142126}.expanded-hero aside>small{color:#f5c654;letter-spacing:.12em;font-size:10px;font-weight:950}.expanded-hero aside>strong{font-size:19px;line-height:1.5}.expanded-hero aside>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.expanded-hero aside>div span{text-align:center;color:#d1dbd8;background:#3c4b52;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:86px;padding:12px 7px;font-size:8px;display:flex}.expanded-hero aside b{color:#f5c654;font:900 28px/1 Arial Rounded MT Bold,sans-serif}.expanded-learn,.expanded-quiz,.expanded-exit{border-radius:34px;padding:36px}.expanded-learn{background:var(--ink);color:#fff;box-shadow:0 18px 50px #29343a33}.expanded-heading{max-width:850px}.expanded-learn .expanded-heading>span{color:#f5c654}.expanded-heading h2{margin:9px 0 10px;font:900 clamp(35px,4.7vw,55px)/1.06 Arial Rounded MT Bold,sans-serif}.expanded-heading p{color:#6f655e;margin:0;font-size:13px;line-height:1.7}.expanded-learn .expanded-heading p{color:#bdc9c6}.expanded-group-list{gap:14px;margin-top:27px;display:grid}.expanded-group-list>article{background:#35434a;border-radius:25px;padding:20px}.expanded-group-list>article>header{grid-template-columns:48px 1fr auto;align-items:center;gap:14px;display:grid}.expanded-group-list>article>header>b{background:var(--stage);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.expanded-group-list>article>header>div{gap:3px;display:grid}.expanded-group-list>article>header strong{font-size:17px}.expanded-group-list>article>header span{color:#bdc9c6;font-size:10px}.expanded-group-list>article>header button{color:#fff;cursor:pointer;background:#44555c;border:1px solid #6b7b80;border-radius:13px;min-height:43px;padding:0 15px;font-size:11px;font-weight:900}.expanded-item-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px;display:grid}.expanded-item-grid.count-1{grid-template-columns:1fr}.expanded-item-grid.count-3{grid-template-columns:repeat(3,1fr)}.expanded-item-grid>button{min-height:158px;color:var(--ink);text-align:left;cursor:pointer;background:#fffdf7;border:2px solid #0000;border-radius:21px;grid-template-columns:58px 1fr;align-items:center;gap:8px 13px;padding:17px;display:grid}.expanded-item-grid>button:hover{border-color:var(--stage)}.expanded-item-grid>button>span{text-align:center;grid-row:1/3;font-size:39px}.expanded-item-grid>button>div{gap:3px;display:grid}.expanded-item-grid strong{font:900 24px/1.12 Arial Rounded MT Bold,sans-serif}.expanded-item-grid b{color:var(--stage);font-size:13px}.expanded-item-grid small{color:#746a64;font-size:10px;line-height:1.45}.expanded-item-grid em{color:var(--stage);text-align:center;grid-column:1/-1;font-size:10px;font-style:normal;font-weight:900}.expanded-group-list>article>p{color:#bbc7c4;margin:13px 2px 0;font-size:10px;line-height:1.55}.expanded-group-list>article>p b{color:#f5c654}.expanded-audio-state{color:#bdc9c6;text-align:center;margin-top:13px;font-size:10px}.expanded-audio-state.error{color:#ffaaa4;font-weight:900}.expanded-quiz{background:#fff8e9;border:1px solid #e5d0a9;margin-top:30px;box-shadow:0 9px #ead7b5}.expanded-quiz-card{background:#fff;border-radius:27px;margin-top:25px;padding:27px}.expanded-progress{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.expanded-progress strong{font-size:12px}.expanded-progress>div{background:#eee3d2;border-radius:99px;height:9px;overflow:hidden}.expanded-progress i{background:var(--stage);height:100%;display:block}.expanded-quiz-card>h3{text-align:center;margin:22px 0 0;font-size:22px}.expanded-question-play{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:19px;width:100%;min-height:64px;margin:15px 0 13px;font-size:14px;font-weight:900;box-shadow:0 6px #152126}.expanded-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.expanded-options.count-3{grid-template-columns:repeat(3,1fr)}.expanded-options button{text-align:left;cursor:pointer;background:#fffdf7;border:2px solid #ead9bd;border-radius:21px;grid-template-columns:52px 1fr;align-items:center;gap:3px 12px;min-height:145px;padding:17px;display:grid}.expanded-options button>span{grid-row:1/3;font-size:35px}.expanded-options strong{font-size:17px;line-height:1.3}.expanded-options small{color:#716760;font-size:11px}.expanded-options button.correct{background:#e2f3eb;border-color:#3f9677}.expanded-options button.wrong{background:#ffe4df;border-color:#d5564e}.expanded-feedback{border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:16px;display:flex}.expanded-feedback.correct{background:#dff1ea}.expanded-feedback.wrong{background:#ffe4df}.expanded-feedback>div{gap:4px;display:grid}.expanded-feedback span{color:#625d58;font-size:11px}.expanded-feedback button,.expanded-result button{background:var(--stage);color:#fff;cursor:pointer;border:0;border-radius:13px;min-height:45px;padding:0 16px;font-weight:900}.expanded-result{background:var(--ink);color:#fff;text-align:center;border-radius:27px;justify-items:center;gap:14px;margin-top:25px;padding:36px;display:grid}.expanded-result>span{color:#f5c654;letter-spacing:.12em;font-size:10px;font-weight:950}.expanded-result>strong{font:900 68px/1 Arial Rounded MT Bold,sans-serif}.expanded-result p{color:#c3cecb;max-width:620px;margin:0;font-size:13px;line-height:1.6}.expanded-exit{background:var(--soft);box-shadow:0 9px 0 color-mix(in srgb,var(--stage) 25%,#ddd);margin-top:30px}.expanded-task-list{gap:9px;margin-top:24px;display:grid}.expanded-task-list button{text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;min-height:74px;padding:13px 16px;display:grid}.expanded-task-list button.complete{border-color:var(--stage)}.expanded-task-list b{background:var(--stage);color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.expanded-task-list span{font-size:13px;font-weight:850}.expanded-task-list em{color:var(--stage);font-size:9px;font-style:normal;font-weight:950}.expanded-exit>aside{background:#fff;border-radius:21px;grid-template-columns:1fr 1fr;align-items:center;gap:25px;margin-top:12px;padding:20px;display:grid}.expanded-exit>aside.complete{background:var(--ink);color:#fff}.expanded-exit>aside span{color:var(--stage);letter-spacing:.1em;font-size:10px;font-weight:950}.expanded-exit>aside h3{margin:6px 0 0;font-size:23px}.expanded-exit>aside p{color:#60716a;margin:0;font-size:12px;line-height:1.65}.expanded-exit>aside.complete p{color:#d4dfdc}.expanded-nav{background:var(--ink);border-radius:22px;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:30px;padding:13px;display:grid}.expanded-nav a{color:#fff;text-align:center;border-radius:14px;place-items:center;min-height:50px;padding:8px 12px;font-size:11px;font-weight:900;text-decoration:none;display:grid}.expanded-nav a:nth-child(2){background:#415158}.expanded-nav a:last-child{background:var(--stage)}.expanded-footer{color:#776d66;justify-content:space-between;align-items:center;min-height:85px;font-size:10px;display:flex}.expanded-footer b{color:var(--ink)}@media (width<=800px){.expanded-shell{width:min(100% - 28px,720px)}.expanded-hero{grid-template-columns:1fr;gap:28px}.expanded-item-grid,.expanded-item-grid.count-3,.expanded-exit>aside{grid-template-columns:1fr}}@media (width<=560px){.expanded-shell{width:min(100% - 22px,520px)}.expanded-header{padding:16px 0 18px}.expanded-header>div{display:none}.expanded-header strong{font-size:17px}.expanded-hero{min-height:auto;padding:48px 0}.expanded-hero h1{font-size:clamp(42px,13vw,60px)}.expanded-hero aside{min-height:auto}.expanded-hero aside>div{grid-template-columns:1fr}.expanded-learn,.expanded-quiz,.expanded-exit{border-radius:28px;padding:25px 14px}.expanded-heading{padding:0 6px}.expanded-group-list>article{padding:15px}.expanded-group-list>article>header{grid-template-columns:44px 1fr}.expanded-group-list>article>header button{grid-column:1/-1}.expanded-item-grid>button{min-height:140px}.expanded-quiz-card{padding:18px 13px}.expanded-progress{grid-template-columns:1fr;gap:8px}.expanded-options,.expanded-options.count-3{grid-template-columns:1fr}.expanded-feedback{flex-direction:column;align-items:stretch}.expanded-feedback button{width:100%}.expanded-task-list button{grid-template-columns:42px 1fr}.expanded-task-list em{text-align:right;grid-column:1/-1}.expanded-nav{grid-template-columns:1fr}.expanded-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}}