.wb-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:32px;align-items:center;background:#146451;color:#fff;border-radius:18px;padding:32px;margin:18px 0 22px;overflow:hidden}.wb-hero .eyebrow{color:#d8edac}.wb-hero h2{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:0 0 16px}.wb-hero p{max-width:580px;font-size:14px;line-height:1.85;color:#e1eee5;margin:0 0 24px}.wb-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wb-light-link{font-size:12px;color:#e8f2df}.wb-book{background:#f4f4e7;color:#194d40;padding:23px 19px;border-radius:3px 10px 10px 3px;border-left:7px solid #c3d19d;box-shadow:12px 15px 0 #0a4d3d;transform:rotate(5deg);aspect-ratio:.72;display:flex;flex-direction:column}.wb-book>span{font-size:10px;font-weight:700}.wb-book>b{font-size:55px;line-height:1.6}.wb-book>strong{font-size:15px;line-height:1.4}.wb-book>small{margin-top:auto;padding-top:20px;font-size:8px;letter-spacing:1px}.wb-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:white;border-radius:12px;padding:20px;margin:22px 0;gap:16px}.wb-summary>div{padding:0 12px;border-right:1px solid var(--line)}.wb-summary>div:last-child{border:0}.wb-summary b{font-size:30px;display:block;font-weight:600;line-height:1.2}.wb-summary b small{font-size:16px;color:#889387;font-weight:400;margin-left:3px}.wb-summary span{display:block;font-size:11px;color:#66756c;margin-top:8px}.wb-panel{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff;margin:20px 0}.wb-panel>.section-head:first-child{margin-top:0}.wb-panel h2{font-size:20px;line-height:1.5;margin:0 0 12px}.wb-panel p{font-size:13px;color:#566b60;line-height:1.9}.wb-panel summary{cursor:pointer;font-size:14px;font-weight:600;padding:10px 0;color:var(--green)}.wb-days{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wb-day{display:flex;gap:14px;align-items:center;padding:15px 16px;border-radius:10px;border:1px solid var(--line);background:#fafbf7;min-width:0}.wb-day>b{width:32px;height:32px;display:grid;place-content:center;border:1px solid #cad7c2;background:#edf3e4;border-radius:50%;flex-shrink:0;color:var(--green)}.wb-day>span:nth-child(2){flex:1}.wb-day strong{display:block;font-size:12px;font-weight:600}.wb-day small{display:block;font-size:10px;color:#798478;margin-top:4px}.wb-day.is-studied{background:#eef5e7}.wb-grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wb-card{position:relative;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;min-height:217px;transition:transform .15s,border-color .15s}.wb-card:hover{transform:translateY(-3px);border-color:#93ac89}.wb-card:nth-child(4n+2){background:#f2f2fa}.wb-card:nth-child(4n+3){background:#f9f3eb}.wb-card:nth-child(4n+4){background:#eef5f2}.wb-card-top{display:flex;justify-content:space-between;align-items:center;color:#7a8578;font-size:12px}.wb-card-top small{font-size:10px;background:#fff9;padding:3px 7px;border-radius:4px}.wb-glyph{font-size:35px;font-weight:600;line-height:1.8;color:#25614d;margin:8px 0}.wb-card h3{font-size:16px;line-height:1.5;margin:0 0 10px;letter-spacing:-.3px}.wb-card p{font-size:10px;color:#6c7d6c;margin:auto 0 0}.wb-card p span{margin:0 5px}.wb-card-arrow{position:absolute;right:20px;bottom:16px;color:#507e5d}.wb-card.is-studied{border-color:#8aa77a}.wb-extra{padding:26px 0}.wb-extra h2{font-size:18px}.wb-breadcrumb{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#687a6c;margin-bottom:22px}.wb-breadcrumb a{color:var(--green);font-weight:600}.wb-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.wb-heading h1{font-size:32px;line-height:1.3;letter-spacing:-.8px;margin:0 0 12px}.wb-heading p{font-size:13px;color:#728174;margin:0}.wb-heading>.btn{flex-shrink:0}.wb-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px}.wb-lesson-aside{align-self:start;position:sticky;top:22px;background:#edf2e6;padding:24px 20px;border-radius:12px;margin-top:20px}.wb-lesson-aside>strong{display:block;font-size:46px;font-weight:500}.wb-lesson-aside>strong small{font-size:20px;color:#8b9788}.wb-lesson-aside p{font-size:12px;color:#64725e}.wb-lesson-aside .btn{font-size:10px;width:100%;padding:8px}.wb-lesson-aside>a:last-child{font-size:11px;display:block;margin-top:18px;color:var(--green)}.wb-sheet{font-size:14px;line-height:1.9}.wb-sheet>p{color:#344c42;margin:0 0 14px}.wb-sheet>h3{color:var(--green);font-size:18px;margin:24px 0 14px}.wb-sheet .wb-si{color:#294b3b;margin-bottom:4px}.wb-sheet .wb-translation{font-size:12px;color:#6e7b72}.wb-sheet .wb-large{font-size:20px;line-height:2;color:#244b40;white-space:pre-wrap}.wb-table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:8px}.wb-sheet table{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}.wb-sheet th{text-align:left;background:#146451;color:white;font-size:10px;padding:12px 10px;font-weight:600;letter-spacing:.4px}.wb-sheet td{padding:12px 10px;vertical-align:middle;border-bottom:1px solid #edf1e9;color:#344c42;line-height:1.8}.wb-sheet tbody tr:nth-child(even){background:#f3f7f0}.wb-sheet td:first-child{font-size:19px;color:#1e5340}.wb-sheet .wb-note{background:#f0f5e9;border-left:3px solid #8aab63;border-radius:0 8px 8px 0;padding:16px 18px;margin:20px 0}.wb-note .wb-si{font-weight:600;font-size:13px;margin:0 0 8px}.wb-note .wb-en{font-size:12px;margin:0;color:#5c6c5e}.wb-grid{display:flex;align-items:center;margin:12px 0;height:44px}.wb-grid-label{flex:0 0 68px;font-size:25px;font-weight:500}.wb-cells{flex:1;display:flex;height:100%}.wb-cell{flex:1;min-width:20px;border:1px solid #dce4d6;position:relative;display:flex;align-items:center;justify-content:center}.wb-cell+.wb-cell{border-left:0}.wb-cell i{position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed #e0e7da}.wb-cell b{position:absolute;left:0;right:0;top:50%;border-top:1px dashed #e0e7da}.wb-cell span{font-size:23px;color:#a2b49b;z-index:1}.wb-diagrams{display:flex;justify-content:space-around;gap:10px;margin:25px 0}.wb-diagrams>div{width:96px;text-align:center}.wb-diagrams p{font-size:28px;margin:10px 0!important;color:var(--green)!important}.wb-block{width:96px;height:96px;border:1px solid #507e67;border-radius:5px;background:#f0f5ea;font-size:29px;display:flex;color:var(--green)}.wb-block span{display:flex;justify-content:center;align-items:center}.wb-vertical span{width:50%}.wb-vertical span+span{border-left:1px solid #507e67}.wb-horizontal{flex-direction:column}.wb-horizontal span{height:50%}.wb-horizontal span+span{border-top:1px solid #507e67}.wb-final{flex-direction:column}.wb-final>div{height:60%;display:flex}.wb-final>div span{width:50%}.wb-final>div span+span{border-left:1px solid #507e67}.wb-final>span{height:40%;border-top:1px solid #507e67}.wb-audio-grid{display:flex;flex-wrap:wrap;gap:10px}.wb-word.hg-listen{display:flex;gap:14px;align-items:center;background:#f5f7ef;border:1px solid #dce5d3;border-radius:8px;padding:10px 14px;min-height:48px;width:auto;height:auto;color:#204d39}.wb-word>span{font-size:23px}.wb-word small{font-size:11px}.wb-complete{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:25px 0 15px}.wb-complete .btn{flex-shrink:0}.wb-complete small{font-size:11px;color:#71806f;max-width:390px}.wb-lesson-bottom{justify-content:space-between;margin:15px 0 30px}.wb-test-promo{background:#edf3e5;border:1px solid #d7e3ca;border-radius:14px;padding:26px;display:flex;gap:25px;justify-content:space-between;align-items:center;margin:20px 0 26px}.wb-test-promo h2{font-size:22px;margin:0 0 10px}.wb-test-promo p{font-size:12px;color:#6a775e;margin:0}.wb-test-promo>.btn{flex-shrink:0}.wb-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wb-field{display:block;min-width:0}.wb-field>span{display:flex;align-items:center;gap:10px;margin:0 0 8px;min-height:31px;font-size:15px;color:#2b4b3b}.wb-field>span>b{font-size:21px;font-weight:500}.wb-field>span small{font-size:11px;min-width:25px;color:#7a8777}.wb-field>span em{margin-left:auto;font-style:normal;font-size:10px;color:#8a937c;white-space:nowrap}.wb-field input,.wb-field select{width:100%;min-height:48px;border:1px solid #cbd7c4;border-radius:8px;background:#fff;font-family:inherit;font-size:18px;padding:10px 12px;color:#223e30}.wb-field input::placeholder{font-size:12px;color:#88937c}.wb-field input:focus,.wb-field select:focus{outline:2px solid #a3bf8c;outline-offset:2px;border-color:var(--green)}.wb-field-feedback{display:block;font-size:12px;margin:8px 0;min-height:0}.wb-practice>.btn{margin-top:22px}.wb-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.wb-section-heading>b{background:#edf3e4;border-radius:5px;padding:5px 9px;font-size:11px;white-space:nowrap;color:#42663c}.wb-submit-bar{background:#edf3e4;border:1px solid #dce5d0;border-radius:12px;padding:22px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.wb-submit-bar span{font-size:13px;color:#56704b}.wb-submit-bar p{width:100%;margin:0;color:#995a40;font-size:13px}.wb-submit-bar p:empty{display:none}.wb-result{background:#eaf2df;border:1px solid #c9dbb9;padding:28px;border-radius:15px;margin:22px 0;scroll-margin-top:20px}.wb-result-top{display:flex;gap:25px;align-items:center}.wb-result-top>strong{font-size:57px;letter-spacing:-3px;font-weight:600;color:var(--green);white-space:nowrap}.wb-result-top>strong small{font-size:23px;letter-spacing:0;color:#839572}.wb-result h2{font-size:24px;margin:0}.wb-result p{font-size:13px;color:#66765e}.wb-section-scores{display:grid;grid-template-columns:repeat(6,1fr);margin:22px 0;gap:9px}.wb-section-scores span{display:block;background:#fff9;border:1px solid #d8e3ce;padding:10px;border-radius:8px;font-size:11px;color:#6b7d5f}.wb-section-scores b{display:block;font-size:18px;color:#3f6136}.wb-answer-review{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wb-answer-review article{background:#f8faf5;border:1px solid var(--line);border-radius:8px;padding:17px}.wb-answer-review article>span{font-size:11px}.wb-answer-review h3{font-size:20px;margin:7px 0}.wb-answer-review p{font-size:12px;margin:4px 0;overflow-wrap:anywhere}.wb-question-grid select{font-size:14px}.wb-downloads{margin:22px 0}.wb-panel #hg-pad{touch-action:none;width:100%;height:auto;border:1px solid var(--line);background-color:#fbfcf9;background-image:linear-gradient(#dce5d6 1px,transparent 1px),linear-gradient(90deg,#dce5d6 1px,transparent 1px);background-size:50% 50%;border-radius:8px;margin:10px 0}.wb-study-note{font-size:12px;color:#75826f}.wb-main-nav{color:var(--green)!important}
@media(max-width:1150px){.wb-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-lesson-layout{grid-template-columns:minmax(0,1fr)}.wb-lesson-aside{display:none}.wb-hero{gap:22px;grid-template-columns:1fr 150px}.wb-hero h2{font-size:29px}.wb-days{grid-template-columns:1fr}.wb-book>b{font-size:44px}.wb-book>strong{font-size:13px}}
@media(max-width:700px){.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar nav .exchange-nav{display:none}.wb-hero{padding:23px;grid-template-columns:1fr;position:relative}.wb-hero p{font-size:12px}.wb-hero h2{font-size:29px}.wb-book{display:none}.wb-hero .eyebrow{font-size:8px}.wb-grid-cards{gap:12px}.wb-card{padding:16px;min-height:200px}.wb-card h3{font-size:14px}.wb-card p{font-size:9px;padding-right:13px}.wb-card-arrow{right:14px}.wb-card-top small{font-size:9px}.wb-glyph{font-size:32px}.wb-summary{padding:16px 8px;gap:5px}.wb-summary>div{padding:0 8px}.wb-summary b{font-size:25px}.wb-summary span{font-size:9px}.wb-panel{padding:18px;margin:17px 0}.wb-panel h2{font-size:18px}.wb-panel p{font-size:12px}.wb-panel .section-head{align-items:flex-start;flex-wrap:wrap}.wb-heading{display:block}.wb-heading h1{font-size:28px}.wb-heading>.btn{margin-top:18px}.wb-breadcrumb{font-size:10px;gap:10px}.wb-question-grid{grid-template-columns:1fr}.wb-answer-review{grid-template-columns:1fr}.wb-complete{display:block}.wb-complete small{display:block;margin-top:14px}.wb-test-promo{display:block;padding:22px}.wb-test-promo h2{font-size:21px}.wb-test-promo .btn{margin-top:18px}.wb-section-heading{align-items:flex-start;gap:10px}.wb-section-heading h2{font-size:17px}.wb-field>span{font-size:14px}.wb-result{padding:21px}.wb-result-top{display:block}.wb-result h2{font-size:21px}.wb-section-scores{grid-template-columns:repeat(3,1fr)}.wb-sheet td{padding:10px 8px;min-width:42px;font-size:11px}.wb-sheet td:first-child{font-size:18px}.wb-sheet th{font-size:9px;padding:10px 8px}.wb-sheet table{min-width:330px}.wb-sheet .wb-large{font-size:18px;line-height:2.2;overflow-wrap:anywhere}.wb-grid-label{flex-basis:45px;font-size:23px}.wb-cell{min-width:0}.wb-cell span{font-size:20px}.wb-sheet .wb-note{padding:13px}.wb-diagrams{gap:7px}.wb-diagrams>div{width:80px}.wb-block{width:80px;height:80px;font-size:27px}.wb-downloads .btn{font-size:11px}.wb-card .wb-card-top{font-size:10px}.wb-panel .wb-field input{font-size:20px}.wb-submit-bar{padding:18px}.wb-submit-bar .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.wb-card{transition:none}.wb-card:hover{transform:none}}