/*
    Hestia's Definitive Blueprint for the "Whimsical Analysis Report" (Final Corrected Edition)
    -------------------------------------------------------------------------------------------
    File: report.css
    Role: To create a definitive, intelligent, and humorous stage for Correct's musings.
*/
.hero-report { min-height: 300px; background-image: linear-gradient(to top, rgba(73, 80, 87, 0.8), rgba(108, 117, 125, 0.4)), url('../images/common/report-hero.jpg'); }
.report-intro { padding: 5rem 0; background-color: #f8f9fa; }
.report-intro .dialogue-turn img { height: 80px; width: auto; object-fit: contain; } /* Hestia's Correction */
.report-list-section { padding: 5rem 0; }
.report-list { max-width: 900px; margin: 0 auto; }
.report-item { display: block; background-color: white; padding: 2rem; border-radius: 8px; margin-bottom: 2rem; text-decoration: none; color: var(--color-text); box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-left: 5px solid #6c757d; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
.report-item:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-color: var(--color-primary); }
.item-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; font-size: 0.9rem; color: #555; }
.report-tag { background-color: #e9ecef; padding: 0.2rem 0.8rem; border-radius: 20px; font-size: 0.8rem; }
.item-title { font-family: var(--font-family-title); font-size: 1.5rem; margin: 0 0 1rem 0; }
.item-excerpt { margin: 0; font-size: 1rem; line-height: 1.7; color: #333; }
/* --- [II] The Guides' Dialogue: Introduction Section --- */
.partner-intro {
    padding: 5rem 0;
    background-color: #f8f9fa;
}
.intro-dialogue {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.dialogue-turn { display: flex; align-items: flex-start; gap: 1rem; }
.dialogue-turn img { height: 60px; flex-shrink: 0; }
.dialogue-turn p { margin: 0; padding: 1rem; border-radius: 10px; line-height: 1.6; }
.correct-turn p { background-color: #e3f2fd; }
.connect-turn p { background-color: #fff3e0; }