/*
    Hestia's Definitive Blueprint for "Chisamaru's Stroll" (Unabridged)
    --------------------------------------------------------------------
    File: sanpo.css
    Role: To create a warm, gentle, and heartwarming travel diary, with no omissions.
*/

/* --- [I] The Journey's Beginning: Hero Section --- */
.hero-sanpo { min-height: 300px; background-image: linear-gradient(to top, rgba(139, 195, 74, 0.8), rgba(174, 213, 129, 0.4)), url('../images/common/sanpo-hero.jpg'); }

/* --- [II] The Guide's Greeting: Introduction Dialogue --- */
.sanpo-intro { padding: 5rem 0; background-color: #f8f9fa; }
.intro-container { display: flex; align-items: center; gap: 3rem; flex-wrap: wrap; justify-content: center; text-align: center; max-width: 800px; margin: 0 auto; }
@media (min-width: 768px) { .intro-container { flex-wrap: nowrap; text-align: left; } }
.intro-character { flex-shrink: 0; }
.intro-character img { height: 150px; }
.intro-dialog h2 { font-family: var(--font-family-title); font-size: 2.2rem; color: var(--color-primary); margin: 0 0 1rem 0; }
.intro-dialog p { margin: 0; line-height: 1.8; font-size: 1.2rem; }

/* Hestia's Ultimate Correction: “魂の、対話”の、意匠、再刻印 */
.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; }
.chisai-turn p { background-color: #fffde7; }


/* --- [III] The Travel Diary: Sanpo Gallery --- */
.sanpo-gallery { padding: 5rem 0; }
.sanpo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; }
.sanpo-card { display: block; background-color: white; border-radius: 12px; box-shadow: 0 5px 25px rgba(0,0,0,0.07); overflow: hidden; text-decoration: none; color: var(--color-text); transition: transform 0.3s, box-shadow 0.3s; }
.sanpo-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); }
.card-image { position: relative; height: 200px; }
.card-image > img:first-child { width: 100%; height: 100%; object-fit: cover; }
.chisamaru-overlay { position: absolute; bottom: 10px; right: 10px; height: 80px; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)); transition: transform 0.3s; }
.sanpo-card:hover .chisamaru-overlay { transform: scale(1.1) rotate(5deg); }
.card-content { padding: 1.5rem; }
.card-content time { font-size: 0.9rem; color: #777; }
.card-content h3 { font-family: var(--font-family-title); font-size: 1.3rem; margin: 0.5rem 0 0 0; line-height: 1.5; }