/* 각 화면의 목적과 첫 행동. 카드 속에서도 편안하게 읽는 두 문장. */
.teacher-guidance { display: flex; align-items: start; gap: var(--wa-space-m); max-inline-size: 64rem; margin-block: var(--wa-space-s); padding: var(--wa-space-m) var(--wa-space-l); border-inline-start: 3px solid var(--wa-color-brand-fill-loud); border-start-end-radius: var(--wa-border-radius-m); border-end-end-radius: var(--wa-border-radius-m); background: var(--wa-color-brand-fill-quiet); color: var(--wa-color-text-normal); }
.teacher-guidance > i { flex: none; margin-block-start: 0.35em; color: var(--wa-color-brand-on-quiet); }
.teacher-guidance p { margin: 0; max-inline-size: 68ch; font-size: var(--wa-font-size-m); line-height: 1.85; overflow-wrap: anywhere; word-break: keep-all; }
.teacher-guidance:is(:lang(ja), :lang(zh)) p { word-break: normal; }
.teacher-guidance:lang(ur) p { line-height: 2; }
@media (max-width: 40rem) { .teacher-guidance { padding: var(--wa-space-m); gap: var(--wa-space-s); } }