.writing-plan {
  margin: 1rem 0;
  padding: .85rem 1rem;
  border: 1px solid #ccddec;
  border-radius: .65rem;
  background: #eef5fc;
  color: #18314c;
}

.writing-plan summary {
  color: #124779;
  cursor: pointer;
  font-weight: 700;
}

.writing-plan summary:focus-visible,
.essay-draft textarea:focus-visible {
  outline: 3px solid #2979c6;
  outline-offset: 3px;
}

.writing-plan h3,
.writing-plan h4 {
  margin: .75rem 0 .3rem;
}

.writing-plan p,
.writing-plan ul {
  margin: .3rem 0 .65rem;
}

.writing-language {
  margin-top: .85rem;
  border-top: 1px solid #ccddec;
}

.writing-language ul {
  padding-inline-start: 1.4rem;
}

.essay-draft label {
  display: block;
  margin-bottom: .4rem;
  font-weight: 700;
}

.essay-draft textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: .75rem;
  border: 1px solid #7990a7;
  border-radius: .6rem;
  background: #fcfdff;
  color: inherit;
  font: inherit;
  resize: vertical;
}

.essay-draft .wordcount {
  display: block;
  margin-top: .25rem;
  color: #53677a;
  font-size: .9rem;
  text-align: right;
}