@import url('/shared/language-workshop/style-r158.css?v=2026-10-25-learning-catalog-r161');
*{box-sizing:border-box}.e-page{margin:0;background:#f7f7f0;color:#173c3d;font:18px/1.6 system-ui,sans-serif}.e-page button,.e-page input,.e-page select,.e-page textarea{font:inherit}.e-page button,.e-button{min-height:46px;border:1px solid #719c92;border-radius:12px;padding:11px 17px;color:#164b3c;background:white;cursor:pointer;text-decoration:none;display:inline-block}.e-page button:hover:not(:disabled){background:#e3eee7}.e-page button:disabled{opacity:.45;cursor:default}.e-page :focus-visible{outline:3px solid #bd7517;outline-offset:3px}.e-page a{color:#145744}.e-page fieldset{border:0;padding:0;margin:15px 0}.e-page legend{font-weight:750;margin-bottom:12px}.e-page figure{margin:0;min-width:0}.e-page img{display:block;max-width:100%;height:auto;object-fit:cover}.e-page figcaption{font-size:12px;line-height:1.4;padding:6px 12px;background:#edf0e8;color:#425b51}.e-top{max-width:1280px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:16px;font-weight:700;flex-wrap:wrap}.e-top a{text-decoration:none}#englishRoot{max-width:1240px;margin:0 auto;padding:0 24px 50px;min-width:0}.e-hero{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #cbd9cf;border-radius:28px;background:#edf2e5;margin-bottom:44px}.e-hero>div{padding:clamp(24px,4vw,55px)}.e-hero figure{height:100%;display:flex;flex-direction:column}.e-hero img{width:100%;height:100%;min-height:390px;flex:1}.e-page h1{font-size:clamp(38px,5.6vw,72px);line-height:1.06;letter-spacing:-.04em;margin:18px 0 24px}.e-page h1 em{font-style:normal;color:#a45d2d}.e-page h2{line-height:1.18;font-size:clamp(26px,3vw,37px)}.e-page h3{line-height:1.3}.e-eyebrow{font-size:12px;letter-spacing:.12em;font-weight:850}.e-primary,.e-page button[data-e-done]{background:#1d604b;color:white;border-color:#1d604b}.e-primary:hover,.e-page button[data-e-done]:hover{background:#174735;color:white}.e-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.e-card{border:1px solid #bfd3c6;border-radius:22px;overflow:hidden;background:white;text-decoration:none}.e-card figure img{aspect-ratio:3/2;width:100%}.e-card>div{padding:22px}.e-card h3{font-size:26px;margin:10px 0}.e-card p{font-size:16px}.e-card:hover{box-shadow:0 10px 30px #284f331a}.e-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.e-page input:not([type=radio]):not([type=checkbox]),.e-page select,.e-page textarea{padding:12px;border:1px solid #7c9c91;border-radius:10px;max-width:100%;background:white;color:#143e34}.e-page label{display:block}.e-page textarea{width:100%;margin:10px 0}.e-source{margin:36px 0;padding:clamp(20px,3vw,34px);background:#edf2eb;border:1px solid #c2d2c6;border-radius:22px}.e-source p,.e-source li{font-size:16px}.e-source a{overflow-wrap:anywhere}.e-lesson-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;margin:24px 0 32px}.e-lesson-hero figure{border-radius:22px;overflow:hidden}.e-lesson-hero img{aspect-ratio:3/2;width:100%;min-height:220px}.e-lesson-hero h1{font-size:clamp(34px,4.6vw,56px)}.e-toolbar{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr) auto;gap:18px;align-items:center;padding:22px;border-radius:20px;background:#e8efe4}.e-toolbar p{font-size:15px}.e-toolbar select{width:100%}.e-small{font-size:14px;color:#456157}.e-stages{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.e-stages button{flex:1 1 160px}.e-stages [aria-current=step]{background:#245e73;border-color:#245e73;color:white}#eWork{padding:clamp(20px,3vw,36px);border:1px solid #c9d6cc;border-radius:24px;background:white;min-width:0;scroll-margin-top:20px}.e-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.e-help{padding:18px;background:#e8f3f9;border:1px solid #afcfdf;border-radius:14px;margin:18px 0}.e-help summary{font-weight:750;cursor:pointer}.e-mini-comic{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.e-mini-comic>div{padding:22px;background:#f9f0dc;border-radius:24px;border:2px solid #dab985}.e-mini-comic span{font-size:34px}.e-culture{padding:24px;background:#f3f3e5;border-left:5px solid #9a9a43;border-radius:15px;margin:24px 0}.e-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.e-word-grid article{border:1px solid #bfd0c4;border-radius:16px;padding:18px;background:#fafcf7}.e-word-grid button{width:100%;font-weight:750}.e-word-grid details{margin-top:10px}.e-page summary{cursor:pointer}.e-audio-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:15px;margin:20px 0}.e-audio-tools p{flex:1;min-width:180px}.e-page audio{width:100%;max-width:650px}.e-word{display:inline!important;border:0!important;border-bottom:1px dotted #5d8c79!important;border-radius:0!important;padding:0 2px!important;margin:0!important;min-height:0!important;background:transparent!important;color:inherit!important;line-height:inherit!important;font:inherit!important}.e-examples{font-size:23px;border-left:5px solid #367c66;padding:8px 24px;background:#f5f8ed}.e-examples p{margin:16px 0}.e-examples .lw-sentence-support{font-size:15px}.e-rule{font-size:23px;line-height:1.6;max-width:760px}.e-rule-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.e-rule-tabs [aria-pressed=true]{background:#245e73;color:white}.e-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.e-options label,.e-choice{padding:13px 16px;border:1px solid #bdcfc3;border-radius:12px;display:flex!important;align-items:center;gap:12px;margin:6px 0}.e-options label:has(input:checked){outline:3px solid #246b80}.e-options input,.e-choice input{width:22px;height:22px;flex:none}.e-sample{padding:18px;background:#f2f0e3;font-size:25px;border-radius:16px;overflow-wrap:anywhere}.e-bottom{max-width:1240px;margin:auto;padding:26px;font-size:14px}.e-page .hidden{display:none!important}.e-page .bio-option[aria-pressed=true],.e-page .bio-option.is-selected{outline:3px solid #e7b23c;outline-offset:2px}.e-page .bio-option.correct{background:#c9eed6;color:#133e28}.e-page .bio-option.wrong{background:#f4d1cf;color:#64251f}.e-page .bio-image-card img{width:100%;border-radius:16px}.e-page [hidden]{display:none!important}.e-quiz-hero{padding:28px 0}.e-page .bio-quiz-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
@media(max-width:850px){.e-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.e-toolbar{grid-template-columns:1fr 1fr}.e-toolbar strong{grid-column:1/-1}.e-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.e-hero{grid-template-columns:1fr}.e-hero img{min-height:220px;max-height:340px}.e-lesson-hero{grid-template-columns:1fr}.e-lesson-hero figure{max-height:310px}.e-lesson-hero img{height:270px}.e-page .bio-quiz-layout{grid-template-columns:1fr}}
@media(max-width:560px){#englishRoot{padding:0 16px 35px}.e-top{padding:18px}.e-top span{display:none}.e-grid,.e-word-grid,.e-toolbar,.e-mini-comic,.e-options{grid-template-columns:1fr}.e-section-head{display:block}.e-section-head input{width:100%}.e-hero>div{padding:24px}.e-lesson-hero{gap:10px}.e-lesson-hero img{height:220px}.e-stages button{flex-basis:135px;font-size:15px;padding:10px}.e-examples{padding:8px 14px}.e-rule{font-size:21px}.e-audio-tools{display:block}}
.e-page a.e-primary{color:#fff}.e-skip{position:absolute;left:12px;top:-80px;background:#fff;color:#174735;padding:12px;z-index:100}.e-skip:focus{top:12px}
/* Selected steps and rule tabs stay legible under the generic button hover rule. */
.e-page .e-stages button[aria-current=step],.e-page .e-rule-tabs button[aria-pressed=true]{background:#245e73;border-color:#245e73;color:#fff}
.e-page .e-stages button[aria-current=step]:hover:not(:disabled),.e-page .e-rule-tabs button[aria-pressed=true]:hover:not(:disabled){background:#1b4b5d;border-color:#1b4b5d;color:#fff}