/* Writing Task 2 section drills (writing-drills.js) */
.drill-writing-group{margin-top:30px}.drill-writing-group h2{font-size:20px;margin:0 0 4px}.drill-writing-group>p{margin:0 0 6px}
.wd-structure{border-collapse:collapse;width:100%;max-width:640px;margin:12px 0 4px;font-size:15px}.wd-structure th,.wd-structure td{border:1px solid #d5dde1;padding:7px 10px;text-align:left;vertical-align:top}.wd-structure th{background:#f4f7f9}
.wd-h2{font-size:19px;margin:8px 0 8px}.wd-prompts{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:0}.wd-prompts li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid #e1e7ea}

.wd{border:1px solid #d5dde1;border-radius:10px;background:#fff;display:flex;flex-direction:column;min-height:min(78vh,760px);position:relative;overflow:hidden}
.wd-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #e1e7ea}
.wd-head strong{display:block;font-size:17px}.wd-head small{color:#5b676c}
.wd-close{font-size:26px;line-height:1;text-decoration:none;color:#41525a;padding:2px 10px;border-radius:6px}.wd-close:hover{background:#eef2f4}
.wd-panes{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);flex:1;min-height:0}
.wd-task{padding:20px 22px;border-right:1px solid #e1e7ea;overflow:auto}
.wd-instructions{background:#fdeeee;border:1px solid #f3cfcf;color:#7a2a2a;border-radius:6px;padding:10px 12px;font-size:15px;margin:0 0 16px}
.wd-prompt{white-space:pre-line;line-height:1.7;margin:0 0 16px}
.wd-total{font-size:14px;color:#5b676c;margin:0}
.wd-work{display:flex;flex-direction:column;min-width:0}
.wd-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid #e1e7ea}
.wd-tab{display:flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid #d5dde1;background:#f7f9fa;color:#41525a;border-radius:999px;padding:6px 12px 6px 6px;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.wd-tab-n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e3e9ec;font-size:12px}
.wd-tab[aria-selected=true]{background:#e8f1f8;border-color:#075080;color:#053f68}.wd-tab[aria-selected=true] .wd-tab-n{background:#075080;color:#fff}
.wd-tab.is-done .wd-tab-tick::after{content:"✓";color:#278337;font-weight:800}
.wd-tab:focus-visible{outline:3px solid #9cc3e3;outline-offset:2px}
.wd-panel{flex:1;display:flex;flex-direction:column;padding:14px 16px 10px;min-height:0}
.wd-text{flex:1;min-height:300px;width:100%;resize:vertical;border:1px solid #d5dde1;border-radius:8px;padding:14px 16px;font:inherit;font-size:17px;line-height:1.7;color:#17232e;background:#fff}
.wd-text::placeholder{color:#7b878d;opacity:1}
.wd-text:focus{outline:none;border-color:#075080;box-shadow:0 0 0 3px #d6e7f4}
.wd-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px}.wd-count{margin-left:auto}.wd-structure-hint{font-size:13px;color:#41525a}.wd-structure-hint b{color:#053f68}
.wd-count{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:#eef2f4;color:#41525a;font-variant-numeric:tabular-nums}
.wd-count.is-under{background:#fff4e0;color:#7a4500}.wd-count.is-in{background:#e7f5ec;color:#1f6a40}.wd-count.is-over{background:#fdeeee;color:#8a2323}
.wd-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #e1e7ea;background:#fbfcfc;flex-wrap:wrap}
.wd-hint{border:1px solid #e6d27a;background:#fff9df;color:#5c4a00;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.wd-hint[aria-expanded=true]{background:#fbefb5}
.wd-feedback-note{flex:1 1 180px}
.wd-bar-actions{display:flex;gap:8px;margin-left:auto}
.wd-tips{position:absolute;left:14px;right:14px;bottom:64px;max-width:640px;margin:0 auto;background:#fff;border:1px solid #d5dde1;border-radius:12px;box-shadow:0 12px 34px rgba(16,40,60,.18);padding:14px 18px;z-index:4;max-height:78%;overflow:auto}
.wd-tips-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.wd-x{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:#41525a;padding:2px 8px;border-radius:6px}.wd-x:hover{background:#eef2f4}
.wd-tips ul{margin:0 0 10px;padding-left:20px;display:grid;gap:6px;font-size:15px}
.wd-starter{background:#f4f7f9;border-radius:8px;padding:10px 12px;font-size:15px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.wd-starter span{font-weight:700}
.wd-model{margin-top:10px;font-size:15px}.wd-model p[data-wd-model]{background:#eef6ef;border-left:4px solid #278337;padding:10px 12px;margin:8px 0 0;border-radius:0 6px 6px 0}
.wd [hidden]{display:none!important}
.wd-review{padding:20px 22px}.wd-review h2{margin:0 0 6px;font-size:22px}
.wd-ok{color:#1f6a40;font-weight:700}.wd-warn{color:#8a4b00;font-weight:700}
.wd-essay{border:1px solid #e1e7ea;border-radius:8px;padding:14px 18px;margin:12px 0;line-height:1.75;background:#fbfcfc}.wd-essay p{margin:0 0 12px}.wd-essay h3{margin:0 0 10px;font-size:17px}
.wd-structure td.wd-aim.is-under{color:#7a4500;font-weight:700}.wd-structure td.wd-aim.is-in{color:#1f6a40;font-weight:700}.wd-structure td.wd-aim.is-over{color:#8a2323;font-weight:700}.wd-structure td.wd-aim::after{font-weight:400;font-size:13px;margin-left:6px}.wd-structure td.wd-aim.is-under::after{content:"short"}.wd-structure td.wd-aim.is-over::after{content:"long"}
.wd-review-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.wd-full-model{background:#f3f9f4;border-color:#cfe6d4}
@media(max-width:820px){
 .wd{min-height:0}.wd-panes{grid-template-columns:1fr}
 .wd-task{border-right:0;border-bottom:1px solid #e1e7ea;padding:14px 16px;max-height:38vh}
 .wd-text{min-height:260px;font-size:16px}
 .wd-bar{position:sticky;bottom:0}.wd-bar-actions{width:100%;margin-left:0}.wd-bar-actions .btn{flex:1;text-align:center}
 .wd-tips{left:8px;right:8px;bottom:110px}
}
.wd-promo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;border:1px solid #cfe0ec;background:#f2f8fc;border-radius:10px;padding:14px 18px;margin:0 0 18px;text-decoration:none;color:inherit}.wd-promo span:nth-child(2){flex:1 1 320px;color:#41525a}
.wd-structure th,.wd-structure td{white-space:normal!important;overflow-wrap:break-word}.wd-structure td:last-child,.wd-structure th:last-child,.wd-structure td.wd-aim{white-space:nowrap!important}
.wd-structure td.wd-aim.is-under{color:#7a4500!important}.wd-structure td.wd-aim.is-in{color:#1f6a40!important}.wd-structure td.wd-aim.is-over{color:#8a2323!important}
@media(max-width:600px){.wd-structure{font-size:14px}.wd-structure th,.wd-structure td{padding:6px 7px}}
.wd-idea{background:#eef5fb;border-radius:8px;padding:10px 12px;margin:0 0 10px;font-size:15px}.wd-idea span{font-weight:700}.wd-idea p{margin:4px 0 0;color:#41525a}
@media(max-width:820px){.wd-tab{padding:5px 10px 5px 5px;font-size:13px}}
@media(max-width:820px){.wd-tips{position:fixed;left:8px;right:8px;bottom:8px;top:auto;max-height:72vh;z-index:50}}
.wd-visual{margin:0 0 14px}.wd-visual img{display:block;width:100%;height:auto;border:1px solid #e1e7ea;border-radius:6px;background:#fff}.wd-visual figcaption{font-size:13px;margin-top:4px}
.wd-table-wrap figcaption{font-weight:700;font-size:14px;margin:0 0 6px;color:#17232e}.wd-table-wrap{overflow-x:auto}
.wd-data{border-collapse:collapse;width:100%;font-size:14.5px;font-variant-numeric:tabular-nums}.wd-data th,.wd-data td{border:1px solid #c9d4d9;padding:6px 9px;white-space:nowrap!important}.wd-data thead th{background:#eef3f7;text-align:center}.wd-data tbody th{text-align:left;font-weight:600;background:#fafbfc}.wd-data td{text-align:center}
@media(min-width:821px){.wd-panes:has(.wd-visual){grid-template-columns:minmax(0,11fr) minmax(0,10fr)}}
@media(max-width:820px){.wd-task:has(.wd-visual){max-height:none}}
@media(max-width:600px){.wd-data{font-size:13px}.wd-data th,.wd-data td{padding:5px 5px}.wd-data tbody th{white-space:normal!important;min-width:84px}}
.wd-essay p,.wd-model p{white-space:pre-line}
.wd-data thead th{white-space:normal!important;min-width:56px;line-height:1.3}