/* Writing tools: Task 2 plan, recurring-error tracker, and the extra sections in the AI writing report */
.wt-plan{margin:18px 0;padding:24px 26px;border:1px solid #d9b79f;border-radius:18px;background:linear-gradient(135deg,#fffaf2,#f7ede0)}
.wt-plan header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.wt-plan small,.wt-patterns small{font:800 12px var(--sans);letter-spacing:.14em;color:var(--terracotta-dark)}
.wt-plan h4,.wt-patterns h4{margin:6px 0 4px;font:700 24px/1.2 var(--serif);color:var(--espresso)}
.wt-plan header p,.wt-pat-head p{margin:0;font-size:15px;line-height:1.55;color:var(--brown)}
.wt-timer{flex:0 0 auto;min-height:44px;padding:0 18px;border:1px solid var(--terracotta-dark);border-radius:10px;background:var(--terracotta);color:#fff;font:800 14px var(--sans);cursor:pointer;font-variant-numeric:tabular-nums}
.wt-timer.done{background:var(--espresso);border-color:var(--espresso)}
.wt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.wt-grid label{display:grid!important;gap:6px;margin:0!important;font:700 13px var(--sans)!important;color:var(--brown)}
.wt-grid label.wide{grid-column:1/-1}
.wt-grid label:first-child{grid-column:1/-1}
.wt-grid input,.wt-grid select{width:100%;min-height:44px;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff;font:500 15px var(--sans);color:var(--espresso)}
.wt-grid input:focus,.wt-grid select:focus{outline:none;border-color:var(--terracotta)!important;box-shadow:0 0 0 4px rgba(186,112,72,.14)}
.wt-grid small{font:600 12px var(--sans)!important;letter-spacing:0!important;color:var(--muted)!important}
.wt-shape{margin-top:16px;padding:14px 18px;border-radius:12px;background:#fffdf8;border:1px solid var(--line);font-size:14px;color:var(--brown)}
.wt-shape b{color:var(--espresso)}
.wt-shape ol{margin:8px 0 0;padding-left:20px;display:grid;gap:4px}

.wt-patterns{margin:0 0 20px;padding:22px 26px;border:1px solid var(--line);border-radius:18px;background:#fffdf8}
.wt-patterns[hidden]{display:none}
.wt-pat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.wt-pat{padding:16px 18px;border-radius:14px;background:#f7ede0;border:1px solid #e9dac8}
.wt-pat-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.wt-pat-top b{font:800 15px var(--sans);color:var(--espresso)}
.wt-count{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:var(--espresso);color:#fff8ef;font:800 11px var(--sans)}
.wt-ex{display:grid;gap:4px;margin:10px 0 0;font-size:14px}
.wt-ex .was{color:#a3352a;text-decoration:line-through;text-decoration-thickness:1px}
.wt-ex .now{color:var(--espresso);font-weight:700}
.wt-note,.wt-tip{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--brown)}
.wt-tip b{color:var(--espresso)}
.wt-lesson{display:inline-block;margin-top:10px;padding:0;border:0;background:none;color:var(--terracotta-dark);font:800 13px var(--sans);cursor:pointer}
.wt-lesson.soon{color:var(--muted);font-weight:700;cursor:default}

.wx-plancheck{padding:18px 20px;border-radius:14px;background:#f7ede0}
.wx-plancheck.strong{background:#f3e9dc;border:1px solid #d9b79f}
.wx-plancheck ul,.wx-issues{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}
.wx-issues li b{display:block;color:var(--espresso)}
.wx-issues li p{margin:2px 0 0}
.wx-paras{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}
.wx-paras li{padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#fff}
.wx-paras li.flag{border-color:#d9b79f;background:#fbf3ea}
.wx-paras li>div:first-child{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.wx-role{padding:2px 9px;border-radius:999px;background:#f3e9dc;font:800 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--terracotta-dark)}
.wx-paras b{color:var(--espresso)}
.wx-paras p{margin:8px 0 0;font-size:14px;color:var(--brown)}
.wx-paras .wx-good{color:var(--muted)}
.wx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wx-chips span{padding:3px 10px;border-radius:999px;background:#fff;border:1px solid #d9b79f;font:700 12px var(--sans);color:var(--terracotta-dark)}
@media (max-width:760px){.wt-grid,.wt-pat-list{grid-template-columns:1fr}.wt-plan header{flex-direction:column}}