/* Body-language signal pages: compact dictionary layout on top of article.css. */

.signal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-top: 20px; }
.signal-card {
  display: flex; flex-direction: column; gap: 6px; padding: 18px 20px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--white);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}
.signal-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(63, 92, 74, 0.1); }
.signal-card strong { font-size: 18px; }
.signal-card span { color: var(--muted); font-size: 14px; line-height: 1.65; }

.context-list { display: grid; gap: 10px; margin-top: 22px; }
.context-item { padding: 14px 18px; border: 1px solid var(--line); border-left: 4px solid var(--sage); border-radius: 8px; background: var(--white); }
.context-item strong { display: block; margin-bottom: 4px; font-size: 16px; }
.context-item p { margin: 0; color: var(--muted); }

.misread-card { margin-top: 48px !important; padding: 20px 24px; border: 1px solid rgba(217, 111, 82, 0.35); border-left: 5px solid var(--coral); border-radius: 8px; background: #fbf2ee; }
.misread-card p:last-child { margin: 0; font-size: 17px; line-height: 1.8; }
.misread-card .section-label { margin-bottom: 8px; }