@import url('/shared/language-workshop/style-r158.css');
:root{color-scheme:light;--ink:#173d40;--muted:#536b6c;--green:#23675a;--line:#c8dcd5;--cream:#fbf8ef;--blue:#edf6fb;--gold:#edc66d;font-family:system-ui,Segoe UI,sans-serif;font-size:18px;line-height:1.55;background:#f3f4ec;color:var(--ink)}*{box-sizing:border-box}body{margin:0}#daz-app{max-width:1340px;padding:28px;margin:auto}button,input,select,textarea{font:inherit}button,summary,select{cursor:pointer}button{border:1px solid #9fbeb3;background:#fffef9;color:var(--ink);padding:11px 17px;border-radius:13px;min-height:48px;line-height:1.25}button:hover:not(:disabled){background:#e8f2e9;border-color:#397c6c}button:disabled{opacity:.5;cursor:default}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #1a7cba;outline-offset:4px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover:not(:disabled){background:#174e43}h1{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.08;letter-spacing:-.035em;margin:.4em 0}h2{font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.2;margin:.2em 0 .7em}h3{line-height:1.3}.hero{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--cream);box-shadow:0 12px 35px #193e3710}.hero-copy{padding:38px}.hero img{width:100%;height:100%;object-fit:cover;min-height:360px;max-height:530px}.eyebrow{font-size:.71rem;letter-spacing:.13em;font-weight:800;color:#557265;text-transform:uppercase}.hero-copy>p:not(.eyebrow){font-size:1.1rem}.pill{display:inline-block;background:#e6eee2;color:#345d4b;font-size:.78rem;border-radius:30px;padding:7px 13px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.toolbar{padding:24px 0 12px}.toolbar p{margin:7px 0}.level-choices{display:flex;gap:10px;flex-wrap:wrap;border:0;padding:0}.level-choices legend{font-weight:750;margin-bottom:10px}.level-choices button[aria-pressed=true]{background:var(--green);color:white}.toolbar>label{display:inline-flex;gap:14px;align-items:center}.toolbar select{min-width:160px}.audio-state{font-size:.85rem;color:#275e75}.steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:12px 0 20px}.steps button{text-align:left;font-size:.8rem;padding:14px 10px;border-radius:12px}.steps button span,.steps small{display:block}.steps button span{font-weight:800;color:#7a9a87;margin-bottom:6px}.steps small{font-size:.7rem;margin-top:5px;color:#60796d}.steps [aria-current]{background:#e4ede0;border:2px solid #5d816d}.step-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:18px 0}.step-heading h2{font-size:1.1rem}.panel,.mission{background:#fffef9;border:1px solid var(--line);border-radius:22px;padding:30px;margin:22px 0}.mission{background:#e3eee3}.mission h2{margin:18px 0}.comic{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.comic article{display:grid;grid-template-columns:100px 1fr;gap:0 12px;align-items:center;padding:18px;border-radius:20px;background:#fffef9;border:1px solid var(--line)}.portrait{grid-row:1/3;width:100px}.speaker{font-size:.8rem;font-weight:700}.bubble{font-size:1rem;margin:0}.goals{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:'✓  ';padding-left:24px}.goals li::marker{color:#25705c}.help,.transcript{border:1px solid #bdd7e3;background:var(--blue);border-radius:13px;padding:16px;margin:20px 0}.help summary,.transcript summary{font-weight:750}.help li{margin:9px 0}.small{font-size:.8rem;color:var(--muted)}.big{font-size:1.2rem;font-weight:650}.word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.word-card{text-align:center;padding:16px;background:#f5f6ef;border:1px solid #d5dfd3;border-radius:18px}.word-card p{font-size:.82rem;min-height:2.8em}.word-card h3{font-size:1.05rem;margin:8px 0}.article{font-weight:450;color:#5c7472}.picture{width:100%;border:0;background:#edf1e6;padding:10px}.picture svg{height:110px;width:100%}.question{padding:22px 0;border-bottom:1px solid #dce4db}.question fieldset{padding:0;border:0;min-width:0}.question legend{font-size:1.08rem;font-weight:700;margin-bottom:14px}.choices{display:grid;gap:10px;margin-bottom:16px}.choices label{display:flex;align-items:center;gap:12px;border:1px solid #c4d9d2;background:#f8faf5;padding:12px 16px;border-radius:12px;cursor:pointer;min-height:52px}.choices label:has(input:checked){background:#e5eee4;border:2px solid #639883;padding:11px 15px}.choices input{width:21px;height:21px;flex-shrink:0;accent-color:var(--green)}.question-sample{padding:16px;background:#f2f0e7;border-radius:12px;font-size:1.1rem}.feedback{margin:18px 0;color:#265c56;scroll-margin:35px}.feedback:empty{display:none}.feedback p{margin:7px 0}.feedback blockquote{border-left:4px solid #75ab9a;padding-left:15px;margin:12px 0;color:#45635b}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid #dde4da}select,textarea{border:1px solid #9fbdaf;border-radius:10px;background:white;padding:11px;color:var(--ink);max-width:100%}.lab-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lab-selects label{font-weight:700;font-size:.9rem}.lab-selects select{display:block;width:100%;margin-top:8px;font-weight:400}.lab-result{display:flex;align-items:center;gap:28px;background:#e9f0e4;padding:25px;border-radius:18px;margin:22px 0}.lab-object{width:130px;flex-shrink:0}.lab-object svg{width:100%}.request{font-size:1.35rem;font-weight:750;line-height:1.3}.example-strip{display:flex;flex-wrap:wrap;gap:12px}.example-strip p{background:#f0f1e4;padding:14px;border-radius:12px;margin:0}.bank{display:flex;flex-wrap:wrap;gap:8px;padding:20px;background:#f0f2e9;border-radius:14px}.bank button{background:#fffef9;min-width:60px}.built{border:2px dashed #97b8a8;min-height:100px;border-radius:15px;padding:18px;margin-top:18px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.built button{background:#e8efe0}.hint{background:#fff2ce;border-left:4px solid #dab867;border-radius:10px;padding:18px;margin:18px 0}.reading-text{white-space:pre-line;border-left:5px solid #8baab0;background:#edf4f1;padding:25px;font-size:1.1rem;line-height:1.9}.packing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.packing-grid button{display:grid;justify-items:center;background:#f7f7ef;position:relative}.packing-grid svg{width:90px;height:90px}.packing-grid [aria-pressed=true]{border:3px solid #3f8970;background:#e3efdc;padding:9px 15px}.picked{font-size:.65rem;color:#2b6d51}.mission-note{background:#fcf0d4;border-radius:14px;padding:20px}.success{background:#e5f1dd;padding:15px;border-radius:10px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.role-grid article{padding:22px;background:#f3f0e5;border-radius:14px}.role-grid h3{margin-top:0}textarea{display:block;width:100%;resize:vertical;margin-top:10px}.starters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.starters span{padding:9px 12px;background:#e9f0e4;border-radius:10px;font-size:.86rem}.checklist{border:1px solid var(--line);border-radius:15px;padding:20px}.checklist label{display:flex;gap:12px;align-items:center;padding:9px}.checklist input{width:21px;height:21px}.score{font-size:1rem;font-weight:750;padding:15px;background:#e5eddf;border-radius:12px}.bottom-nav{display:flex;justify-content:space-between;gap:15px;margin:30px 0}footer{font-size:.75rem;color:#637669;padding:25px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:12px;background:white;padding:15px;z-index:20}main:focus{outline:none}
@media(max-width:900px){.hero-copy{padding:25px}.hero img{min-height:310px}.steps{grid-template-columns:repeat(4,1fr)}.comic{grid-template-columns:1fr}.comic article{grid-template-columns:75px 1fr}.portrait{width:75px}.word-grid{grid-template-columns:repeat(3,1fr)}.lab-selects{grid-template-columns:1fr}.packing-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){:root{font-size:17px}#daz-app{padding:14px}.hero{grid-template-columns:1fr;border-radius:21px}.hero img{height:230px;min-height:0}.hero-copy{padding:24px}.toolbar{padding-top:22px}.level-choices{display:grid;grid-template-columns:1fr;width:100%}.level-choices button{text-align:left}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.steps button{min-height:88px}.panel,.mission{padding:20px;margin:18px 0;border-radius:17px}.step-heading{display:block}.step-heading h2{display:none}.goals{grid-template-columns:1fr}.word-grid,.packing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.word-card{padding:10px}.word-card p{min-height:0}.word-card svg{height:90px}.pair{grid-template-columns:1fr;gap:9px}.lab-result{padding:16px;gap:12px;align-items:flex-start}.lab-object{width:70px}.request{font-size:1.1rem}.role-grid{grid-template-columns:1fr}.reading-text{padding:16px;font-size:1rem}.bottom-nav button{font-size:.9rem}.built{padding:12px}.bank{padding:14px}.example-strip p{width:100%}.choices label{padding:12px}.choices label:has(input:checked){padding:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.toolbar,.steps,.bottom-nav,footer,.skip{display:none}.hero{display:block}.hero img{height:170px}.panel{break-inside:avoid}button{color:var(--ink);background:white}body{background:white}}
.translation{margin:12px 0;border:1px solid #bfd5dc;border-radius:12px;background:#f0f7fa;text-align:left;font-size:.9rem;overflow-wrap:anywhere}.translation summary{padding:11px 13px;min-height:46px;line-height:1.4;color:#265e78;font-weight:650}.translation>div{padding:2px 14px 15px;line-height:1.7;color:#294a55;font-weight:400}.word-card .translation{font-size:.8rem}.word-card .translation summary{padding:10px;min-height:44px}.toolbar>.helper-choice{display:inline-flex;margin:12px 0;gap:10px}.helper-notice{max-width:70ch;padding:12px;border-left:3px solid #8eb3c3;background:#edf5f6}.lab-result>div:last-child{min-width:0;flex:1}.pair-row>.audio{margin:6px 0 12px}.example-strip>div{display:grid;gap:9px;align-content:start}
.toolbar>.task-link{display:inline-flex;align-items:center;min-height:48px;padding:10px 13px;margin:12px 14px 12px 0;border:1px solid var(--line);border-radius:13px;background:#fffef9;color:var(--ink);text-decoration:none}.toolbar>.task-link:hover{background:#e8f2e9;border-color:#397c6c}

.daz-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin:0 0 18px}.daz-top a{color:var(--green);min-height:44px;display:inline-flex;align-items:center}.learning-materials{max-width:1284px;margin:24px auto!important}@media(max-width:560px){.learning-materials{margin:14px!important}}