.answer-hub-hero { background: linear-gradient(135deg, #f6f1ea, #fff); padding: clamp(3rem, 7vw, 6rem) 1.25rem; }
.answer-hub-hero > div, .answer-section > div, .source-panel > div { width: min(1120px, 100%); margin: 0 auto; }
.answer-hub-hero h1 { max-width: 900px; }
.answer-hub-hero .lead { max-width: 780px; font-size: 1.15rem; line-height: 1.7; }
.answer-section { padding: clamp(3rem, 6vw, 5rem) 1.25rem; }
.answer-section:nth-of-type(even) { background: #f8f8f7; }
.answer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.answer-card { background: #fff; border: 1px solid #e4ded6; border-radius: 14px; padding: clamp(1.25rem, 3vw, 2rem); box-shadow: 0 9px 28px rgba(25, 25, 25, .05); }
.answer-card h2, .answer-card h3 { margin-top: 0; }
.answer-card .direct-answer { border-left: 4px solid #c9272c; padding-left: 1rem; font-size: 1.05rem; }
.answer-card .example { background: #f6f1ea; border-radius: 10px; padding: 1rem; }
.answer-card .next-links { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.25rem; }
.answer-card .next-links a { font-weight: 700; }
.source-panel { padding: 2.5rem 1.25rem; background: #245f85; color: #fff; }
.source-panel a { color: #fff; text-decoration-thickness: 2px; }
.video-answer-layout { display: grid; grid-template-columns: minmax(280px, 430px) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.video-answer-layout .personality-video { position: sticky; top: 1.5rem; }
.fact-note { font-size: .92rem; color: #555; }
@media (max-width: 760px) {
  .answer-grid, .video-answer-layout { grid-template-columns: 1fr; }
  .video-answer-layout .personality-video { position: static; }
}