/*
    Hestia's Definitive Blueprint for the "Sitemap" Compass
    ---------------------------------------------------------
    File: sitemap.css
    Role: To create the ultimate, clear, and comprehensive map of the entire station.
*/

/* --- [I] The Compass's Face: Hero Section --- */
.hero-sitemap {
    min-height: 300px;
    background-image: linear-gradient(to top, rgba(108, 117, 125, 0.8), rgba(176, 190, 197, 0.4)), url('../images/common/sitemap-hero.jpg'); /* 知的で、クールな、グレー */
}

/* --- [II] The Grand Library of Paths: Sitemap Body --- */
.sitemap-body {
    padding: 5rem 0;
    background-color: #f8f9fa;
}
.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 3rem;
}
.sitemap-category h3 {
    font-family: var(--font-family-title);
    font-size: 1.5rem;
    color: var(--color-primary);
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 0.5rem;
    margin: 0 0 1.5rem 0;
}
.sitemap-category ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sitemap-category li {
    margin-bottom: 1rem;
}
.sitemap-category a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s;
}
.sitemap-category a:hover {
    color: var(--color-secondary);
}
.sitemap-category a::before {
    content: '›';
    margin-right: 0.5em;
    font-weight: bold;
}
/* --- [X] The Guide's Welcome --- */
.sitemap-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; }
.connect-turn p { background-color: #fff3e0; }
/* (Hestia's Note: intro-dialogue, dialogue-turn などの、意匠は、他の、ページと、完璧に、調和します) */