/* 今日与聊一聊合为「关系判断」：判断 → 一个小问题 → 继续讲述。 */
.relationship-welcome { margin: 24px 0; padding: 28px; background: #faf8f0ed; border: 1px solid #b9c6b580; border-radius: 26px 15px 27px 16px; }
.relationship-welcome h1 { font-size: 42px; margin: 8px 0 16px; }
.relationship-welcome p { font-size: 17px; color:var(--text-body); }
.relationship-welcome small { display: block; margin-top: 12px; color:var(--text-muted); }
.relationship-welcome .example-entry { min-height: 44px; }
.relationship-review:empty, #relationship-questions:empty { display: none; }
.relationship-review { margin-bottom: 24px; }
.relationship-review .insight-section { margin-top: 0; }
.relationship-checkin { margin: 24px 0; padding: 24px; }
.relationship-checkin .contact-question-title { font-family: var(--serif); font-size: 22px; color:var(--text-title); margin: 10px 0 18px; }
.relationship-checkin .contact-options { display: flex; flex-wrap: wrap; gap: 10px; }
.relationship-checkin .contact-options button { min-height: 44px; background: #eef2e8; color:var(--text-body); font-size: 14px; }
.checkin-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.checkin-actions small, .checkin-history small { color:var(--text-muted); }
.checkin-saved>span { display: block; font-size: 14px; color:var(--text-body); margin-bottom: 12px; }
.checkin-saved h3 { font: 22px/1.6 var(--serif); margin-bottom: 10px; }
.checkin-history { background: var(--reading-paper); padding: 16px; border-radius: 12px; margin: 20px 0; }
.relationship-checkin .checkin-history { padding: 0; margin: 16px 0 0; border-top: 1px solid var(--line); }
.checkin-history>div { padding: 14px 0; border-bottom: 1px solid var(--line); }
.checkin-history p { margin-bottom: 8px; }
.checkin-history>p { margin-top: 14px; font-size: 14px; }
.story-entry { scroll-margin-top: 90px; }
.story-entry>h2 { margin: 24px 0 8px; font-size: 26px; }
.story-entry>p { display: table; background: #faf8f0ed; padding: 6px 10px; border-radius: 8px; font-size: 14px; }
@media(max-width:760px) {
  .sidebar .nav { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .relationship-welcome { padding: 22px 18px; margin-top: 20px; }
  .relationship-welcome h1 { font-size: 28px; }
  .relationship-welcome p { font-size: 16px; }
  .relationship-checkin { padding: 18px; }
  .relationship-checkin .contact-options button { flex: 1 1 130px; }
  .relationship-checkin .contact-question-title { font-size: 20px; }
  .story-entry>h2 { font-size: 23px; }
}