/**
 * FlowMap HTML Sitemap Styles
 *
 * Intentionally minimal — inherits the site template's typography.
 * Adds structure and spacing for sections and nested lists.
 */

.flowmap-sitemap h1 {
    margin-bottom: 1.5rem;
}

/* ── Sections (one per menu type) ── */

.flowmap-section {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.flowmap-section:last-child {
    border-bottom: none;
}

.flowmap-section-title {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
}

.flowmap-section-desc {
    margin-bottom: 1rem;
    opacity: 0.7;
    font-size: 0.9rem;
}

/* ── Menu item lists ── */

.flowmap-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.flowmap-list .flowmap-list {
    padding-left: 1.5rem;
}

.flowmap-item {
    margin-bottom: 0.25rem;
}

.flowmap-item > a,
.flowmap-item > span {
    display: inline-block;
    padding: 0.3rem 0;
    font-weight: 600;
}

/* ── Article lists under menu items ── */

.flowmap-articles {
    list-style: none;
    padding-left: 1.5rem;
    margin: 0.25rem 0 0.75rem;
}

.flowmap-articles li {
    margin-bottom: 0.15rem;
}

.flowmap-articles a {
    font-weight: normal;
}

/* Nested menu items don't need bold */
.flowmap-list .flowmap-list .flowmap-item > a,
.flowmap-list .flowmap-list .flowmap-item > span {
    font-weight: normal;
}