body { font-family: Arial, sans-serif; margin: 0; background-color: #f8f9fa; color: #333; } .stage5-page { padding: 40px; max-width: 1100px; margin: 0 auto; } .stage-header { background: linear-gradient(135deg, #2c3e50, #3498db); color: white; padding: 36px; border-radius: 16px; margin-bottom: 30px; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); } .stage-header h1 { margin: 0 0 10px; font-size: 2.3rem; } .stage-header p { margin: 0; font-size: 1.15rem; } /* Main Section Cards */ .content-card { background: white; border-radius: 16px; padding: 28px; margin-bottom: 28px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07); } .content-card h2 { color: #2c3e50; margin-top: 0; padding-bottom: 12px; border-bottom: 3px solid #eef6fb; font-size: 1.65rem; } .content-card h3, .content-card h4 { color: #2c3e50; } p { line-height: 1.65; } ul { line-height: 1.7; padding-left: 24px; } /* Reusable Inner Cards */ .user-card, .question-card, .feedback-card, .solution-card, .ranking-card, .quote-card, .user-testing-card, .fix-card, .synthesis-card, .changes-card { background: #ffffff; border-radius: 14px; padding: 22px; margin: 18px 0; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06); } .prompt-box { background: #eef6fb; border-left: 6px solid #3498db; padding: 20px; border-radius: 10px; } /* Color Labels by Section Type */ .quote-card, .solution-card { border-left: 6px solid #3498db; background: #f6fbfd; } .user-card { border-left: 6px solid #8e44ad; } .question-card, .user-testing-card { border-left: 6px solid #16a085; } .feedback-card.warning, .fix-card { border-left: 6px solid #e67e22; } .synthesis-card { border-left: 6px solid #2474b8; } .synthesis-card.high-priority { border-left-color: #c0392b; } .synthesis-card.medium-priority { border-left-color: #f39c12; } .synthesis-card.conclusion { background: #eef6fb; border-left-color: #3498db; } .changes-card { border-left: 6px solid #8e44ad; } .ranking-card.low { border-left: 6px solid #c0392b; } .ranking-card.medium { border-left: 6px solid #f39c12; } .final-card { background: #eef6fb; border-left: 6px solid #3498db; } /* Typography Cleanup */ .user-card h3, .question-card h3, .feedback-card h3, .solution-card h3, .ranking-card h3, .quote-card h3, .user-testing-card h3, .fix-card h4, .synthesis-card h3, .changes-card h3 { margin-top: 0; color: #2c3e50; } strong { color: #2c3e50; } /* Optional Section Label Feel */ .content-card h2::before { content: "■ "; color: #3498db; } /* Mobile Friendly */ @media (max-width: 700px) { .stage5-page { padding: 20px; } .stage-header { padding: 26px; } .stage-header h1 { font-size: 1.8rem; } .content-card, .user-card, .question-card, .feedback-card, .solution-card, .ranking-card, .quote-card, .user-testing-card, .fix-card, .synthesis-card, .changes-card { padding: 18px; } }
.cc-footer,
.footer,
.site-footer {
    display: none !important;
}