/* ================================================================
   writing-task2/social-media — local.css
   ================================================================ */

/* Essay example text (EN + JA pair inside .a-box) */
.sm-essay-en {
  font-size: .91rem;
  line-height: 1.9;
  margin-bottom: 0;
}
.sm-essay-ja {
  font-size: .82rem;
  color: var(--gray2);
  line-height: 1.8;
  margin: .55rem 0 0;
  padding-top: .55rem;
  border-top: 1px dashed rgba(70,162,218,.25);
}
.a-box--danger .sm-essay-ja  { border-top-color: rgba(235,72,120,.2); }
.a-box--success .sm-essay-ja { border-top-color: rgba(29,107,58,.2); }

/* Media flow inside .a-box--info */
.sm-media-flow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
  font-size: .9rem;
  margin: .2rem 0 .55rem;
}
.sm-media-flow__arrow {
  color: var(--lb);
  font-weight: 700;
  font-size: 1rem;
}

/* Orange X markers in warning box (override default pink) */
.a-box--warning .a-checklist li.a-demerit::before {
  color: #b07a00;
}

@media (max-width: 640px) {
  .sm-media-flow { gap: .3rem; font-size: .85rem; }
}