/* 표현 검색 페이지(/say/…) 전용 모양. 페이지 틀·글꼴·색 이름(--text·--sub)은 첫 화면(index.html) 그대로 쓴다.
   코랄(--accent)은 새로 쓰지 않는다 — 이 페이지의 코랄은 첫 화면과 같은 "세이툭" 글자·녹음 중 마이크뿐. */
.say-intro {
  width: min(100%, 420px);
  margin: 26px auto 0;
  text-align: center;
}

.say-intro[hidden],
.say-listen[hidden] {
  display: none;
}

/* 질문: 이 페이지의 큰 제목(h1) */
.say-question {
  margin: 0;
  color: var(--text);
  font-size: 22px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: -0.03em;
  word-break: keep-all;
}

.say-explain {
  margin: 12px 0 0;
  color: var(--sub);
  font-size: 16px;
  line-height: 1.6;
  word-break: keep-all;
}

.say-lead {
  margin: 26px 0 0;
  color: var(--text);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  word-break: keep-all;
}

/* 영어 답: 앱의 영어 문장(26px)보다 크게 */
.say-answer {
  margin: 6px 0 0;
  color: var(--text);
  font-size: 34px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: -0.01em;
  word-break: break-word;
}

/* ▶ 듣기: 글자 링크 그대로(회색·밑줄), 한 단계 크게, 누르는 자리 44px */
.say-listen {
  margin: 2px 0 0;
}

.say-listen .home-list-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 0;
  font-size: 15px;
  font-weight: 600;
}

/* 마이크 위 안내 첫 줄: 마이크 누르고 "화이팅!" 해 보세요. (굵게, 진한 글자). 둘째 줄은 첫 화면과 같은 .message-sub(작고 연하게) */
.say-home-main {
  color: var(--text);
  font-weight: 700;
}