.s16-shell{--ink:#29343a;--coral:#ef6b61;--gold:#f5c654;width:min(1180px,100% - 64px);color:var(--ink);margin:0 auto;padding-bottom:36px}.s16-header{border-bottom:1px dashed #d9bd90;justify-content:space-between;align-items:center;gap:20px;min-height:104px;display:flex}.s16-header>a{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.s16-header>a>span{background:var(--coral);color:#fff;border-radius:17px;place-items:center;width:55px;height:55px;font:900 22px/1 Arial Rounded MT Bold,sans-serif;display:grid;box-shadow:0 6px #aa4038}.s16-header a div{gap:3px;display:grid}.s16-header strong{font-size:20px}.s16-header small{color:#7c7069;letter-spacing:.13em;font-size:9px}.s16-header>div{color:#7d5c13;background:#fff2c9;border:1px solid #d0b873;border-radius:99px;padding:10px 15px;font-size:10px;font-weight:900}.s16-hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:58px;min-height:490px;padding:58px 0;display:grid}.s16-hero>div>span,.s16-heading>span{color:#b5463f;letter-spacing:.15em;font-size:10px;font-weight:950}.s16-hero h1{letter-spacing:-.05em;margin:12px 0 18px;font:900 clamp(50px,6.6vw,80px)/1.01 Arial Rounded MT Bold,sans-serif}.s16-hero h1 em{color:var(--coral);font-style:normal}.s16-hero>div>p{color:#716760;margin:0;font-size:15px;line-height:1.8}.s16-hero aside{background:var(--ink);color:#fff;border-radius:30px;grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;min-height:285px;padding:31px;display:grid;box-shadow:0 12px #142126}.s16-hero aside>small{color:var(--gold);letter-spacing:.12em;grid-column:1/-1;font-size:10px;font-weight:900}.s16-hero aside>div{text-align:center;background:#3c4b52;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:132px;display:flex}.s16-hero aside b{color:var(--gold);font:900 42px/1 Arial Rounded MT Bold,sans-serif}.s16-hero aside span{color:#d2dcda;font-size:9px}.s16-learn,.s16-quiz,.s16-speak{border-radius:34px;padding:36px}.s16-learn{background:var(--ink);color:#fff;box-shadow:0 18px 50px #29343a33}.s16-heading{max-width:840px}.s16-learn .s16-heading>span{color:var(--gold)}.s16-heading h2{margin:9px 0 10px;font:900 clamp(35px,4.8vw,56px)/1.06 Arial Rounded MT Bold,sans-serif}.s16-heading p{color:#6e655e;margin:0;font-size:13px;line-height:1.7}.s16-learn .s16-heading p{color:#bdc9c6}.s16-pair-list{gap:14px;margin-top:27px;display:grid}.s16-pair-list>article{background:#35434a;border-radius:25px;padding:20px}.s16-pair-list>article>header{grid-template-columns:48px 1fr auto;align-items:center;gap:14px;display:grid}.s16-pair-list>article>header>b{background:var(--coral);border-radius:14px;place-items:center;width:46px;height:46px;font-size:18px;display:grid}.s16-pair-list>article>header>div{gap:3px;display:grid}.s16-pair-list>article>header strong{font-size:16px}.s16-pair-list>article>header span{color:#bac6c3;font-size:10px}.s16-pair-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}.s16-word-pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.s16-word-pair>button{min-height:170px;color:var(--ink);text-align:left;cursor:pointer;background:#fffdf7;border:2px solid #0000;border-radius:21px;grid-template-columns:68px 1fr auto;align-items:center;gap:14px;padding:17px;display:grid}.s16-word-pair>button:hover{border-color:var(--coral)}.s16-word-pair>button>span{text-align:center;font-size:44px}.s16-word-pair>button>div{gap:3px;display:grid}.s16-word-pair small{color:#b5463f;letter-spacing:.1em;font-size:9px;font-weight:950}.s16-word-pair strong{font:900 35px/1 Arial Rounded MT Bold,sans-serif}.s16-word-pair i{color:#7a7069;font-size:12px;font-style:normal}.s16-word-pair b{margin-top:4px;font-size:15px}.s16-word-pair em{color:#b5463f;font-size:10px;font-style:normal;font-weight:900}.s16-pair-list>article>p{color:#bbc7c4;margin:13px 2px 0;font-size:10px;line-height:1.55}.s16-pair-list>article>p b{color:var(--gold)}.s16-audio-state{color:#bdc9c6;text-align:center;margin-top:13px;font-size:10px}.s16-audio-state.error{color:#ffaaa4;font-weight:900}.s16-quiz{background:#fff8e9;border:1px solid #e5d0a9;margin-top:30px;box-shadow:0 9px #ead7b5}.s16-quiz-card{background:#fff;border-radius:27px;margin-top:25px;padding:27px}.s16-quiz-progress{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.s16-quiz-progress strong{font-size:12px}.s16-quiz-progress>div{background:#eee3d2;border-radius:99px;height:9px;overflow:hidden}.s16-quiz-progress i{border-radius:inherit;background:var(--coral);height:100%;display:block}.s16-question-play{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:19px;width:100%;min-height:67px;margin:22px 0 13px;font-size:15px;font-weight:900;box-shadow:0 6px #152126}.s16-quiz-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.s16-quiz-options button{text-align:left;cursor:pointer;background:#fffdf7;border:2px solid #ead9bd;border-radius:21px;grid-template-columns:55px 1fr;align-items:center;gap:2px 13px;min-height:155px;padding:18px;display:grid}.s16-quiz-options button>span{grid-row:1/3;font-size:38px}.s16-quiz-options button strong{font-size:25px}.s16-quiz-options button small{color:#716760;font-size:12px}.s16-quiz-options button.correct{background:#e2f3eb;border-color:#3f9677}.s16-quiz-options button.wrong{background:#ffe4df;border-color:#d5564e}.s16-feedback{border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:16px;display:flex}.s16-feedback.correct{background:#dff1ea}.s16-feedback.wrong{background:#ffe4df}.s16-feedback>div{gap:4px;display:grid}.s16-feedback span{color:#625d58;font-size:11px}.s16-feedback button,.s16-result button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:13px;min-height:45px;padding:0 16px;font-weight:900}.s16-result{background:var(--ink);color:#fff;text-align:center;border-radius:27px;justify-items:center;gap:14px;margin-top:25px;padding:36px;display:grid}.s16-result>span{color:var(--gold);letter-spacing:.12em;font-size:10px;font-weight:950}.s16-result>strong{font:900 68px/1 Arial Rounded MT Bold,sans-serif}.s16-result p{color:#c3cecb;max-width:620px;margin:0;font-size:13px;line-height:1.6}.s16-speak{background:#dff1ea;margin-top:30px;box-shadow:0 9px #b7d7ca}.s16-speak-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px;display:grid}.s16-speak-grid article{background:#ffffffd1;border:2px solid #0000;border-radius:22px;align-content:start;gap:7px;min-height:190px;padding:20px;display:grid}.s16-speak-grid article.complete{border-color:#3f9677}.s16-speak-grid article>span{font-size:27px}.s16-speak-grid article>strong{font-size:18px}.s16-speak-grid article>small{color:#65756f;font-size:11px}.s16-speak-grid button{color:#fff;cursor:pointer;background:#3f9677;border:0;border-radius:13px;min-height:43px;margin-top:8px;font-size:11px;font-weight:900}.s16-speak>aside{background:#fff;border-radius:21px;grid-template-columns:1fr 1fr;align-items:center;gap:25px;margin-top:12px;padding:20px;display:grid}.s16-speak>aside.complete{color:#fff;background:#285f4d}.s16-speak>aside span{color:#3f9677;letter-spacing:.1em;font-size:10px;font-weight:950}.s16-speak>aside.complete span{color:#f5c654}.s16-speak>aside h3{margin:6px 0 0;font-size:23px}.s16-speak>aside p{color:#60716a;margin:0;font-size:12px;line-height:1.65}.s16-speak>aside.complete p{color:#d4e1dd}.s16-nav{background:var(--ink);border-radius:22px;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:30px;padding:13px;display:grid}.s16-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}.s16-nav a:nth-child(2){background:#415158}.s16-nav a:last-child{background:var(--coral)}.s16-footer{color:#776d66;justify-content:space-between;align-items:center;min-height:85px;font-size:10px;display:flex}.s16-footer b{color:var(--ink)}@media (width<=800px){.s16-shell{width:min(100% - 28px,720px)}.s16-hero{grid-template-columns:1fr;gap:28px}.s16-word-pair,.s16-speak>aside{grid-template-columns:1fr}}@media (width<=560px){.s16-shell{width:min(100% - 22px,520px)}.s16-header{padding:16px 0 18px}.s16-header>div{display:none}.s16-header strong{font-size:17px}.s16-hero{min-height:auto;padding:48px 0}.s16-hero h1{font-size:clamp(42px,13vw,60px)}.s16-hero aside{grid-template-columns:1fr;min-height:auto}.s16-hero aside>div{min-height:95px}.s16-learn,.s16-quiz,.s16-speak{border-radius:28px;padding:25px 14px}.s16-heading{padding:0 6px}.s16-pair-list>article{padding:15px}.s16-pair-list>article>header{grid-template-columns:44px 1fr}.s16-pair-list>article>header button{grid-column:1/-1}.s16-word-pair>button{grid-template-columns:58px 1fr;min-height:150px}.s16-word-pair>button em{text-align:center;grid-column:1/-1}.s16-quiz-card{padding:18px 13px}.s16-quiz-progress{grid-template-columns:1fr;gap:8px}.s16-quiz-options{grid-template-columns:1fr}.s16-feedback{flex-direction:column;align-items:stretch}.s16-feedback button{width:100%}.s16-speak-grid,.s16-nav{grid-template-columns:1fr}.s16-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}}