.writing-tabs{
  display:flex; gap:8px; padding:10px 24px;
  background:var(--paper-2); border-bottom:1px solid var(--line);
}
.wtab{
  font-family:inherit; font-size:0.85rem; font-weight:600; padding:8px 18px;
  border-radius:20px; border:1px solid var(--line); background:var(--white);
  color:var(--ink-soft); cursor:pointer;
}
.wtab.active{ background:var(--teal); border-color:var(--teal); color:#fff; }

.writing-answer-wrap{ flex:1; display:flex; flex-direction:column; min-height:0; }
.writing-textarea{
  flex:1; min-height:560px; width:100%; font-family:'Source Serif 4', serif;
  font-size:1rem; line-height:1.6; padding:16px; border:1px solid var(--line);
  border-radius:6px; resize:vertical; background:var(--white);
}
.writing-textarea:focus{ outline:none; border-color:var(--teal); }
.writing-wordcount{ margin-top:8px; font-size:0.8rem; color:var(--ink-soft); }
.writing-wordcount.ok{ color:var(--green); font-weight:600; }

.writing-task-image{
  display:block;
  max-width:100%;
  max-height:480px;
  width:auto;
  height:auto;
  margin:16px auto 0;
  border:1px solid var(--line);
  border-radius:4px;
  background:var(--white);
  object-fit:contain;
}