/* ================================================================
   writing-task2/counterexamples-to-extremes — local.css
   ================================================================ */

/* Essay structure pattern card (ボディ1 / ボディ2 visualization) */
.essay-pattern {
  border: 1.5px solid rgba(70,162,218,.25);
  border-radius: 10px;
  overflow: hidden;
  margin: .5rem 0 1.4rem;
}
.essay-pattern__row {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  padding: .9rem 1.2rem;
  border-bottom: 1px solid rgba(70,162,218,.15);
}
.essay-pattern__row:last-child {
  border-bottom: none;
}
.essay-pattern__row:first-child {
  background: rgba(70,162,218,.04);
}
.essay-pattern__row:last-child {
  background: rgba(4,63,109,.03);
}
.essay-pattern__label {
  flex-shrink: 0;
  min-width: 4.2rem;
  font-size: .8rem;
  font-weight: 700;
  color: var(--lb);
  font-family: 'Raleway', sans-serif;
  letter-spacing: .04em;
  padding-top: .15rem;
}
.essay-pattern__desc {
  font-size: .92rem;
  line-height: 1.75;
  color: var(--black);
}

@media (max-width: 640px) {
  .essay-pattern__row {
    flex-direction: column;
    gap: .3rem;
    padding: .8rem 1rem;
  }
}