/* Region Taxonomy Template Styles */

/* Overview section (full width) */
.region-overview-wrapper {
    padding: 2.5rem 0;
}

/* Two-column layout for main content section (starts at Notable Places) */
.region-two-column-layout {
    display: grid;
    grid-template-columns: 1fr 510px;
    gap: 2.5rem;
}

.region-main-content {
    min-width: 0; /* Prevent grid blowout */
}

.region-sidebar {
    align-self: start;
    /* position: sticky;
    top: 50px; */
}

/* Main content section spacing */
.region-content-section {
    margin-top: -50px;
    padding: 2.5rem 0 0rem 0;
}

/* Subsections within main content */
.region-subsection {
    margin-bottom: 3rem;
}

.region-subsection:first-child {
    margin-top: 0;
}

/* Desktop only: Show two-column at 1024px+ */
@media (max-width: 1024px) {
    .region-two-column-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .region-sidebar {
        display: none; /* Hide sidebar on tablet and mobile */
    }
}

/* Tablet adjustments */
@media (max-width: 768px) {
    .region-overview-wrapper {
        padding: 2rem 0;
    }

    .region-content-section {
        padding: 2rem 0 3rem 0;
    }

    .region-subsection {
        margin-bottom: 2.5rem;
    }
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .region-overview-wrapper {
        padding: 1.5rem 0;
    }

    .region-content-section {
        padding: 1.5rem 0 2rem 0;
    }

    .region-subsection {
        margin-bottom: 2rem;
    }
}

/* Ensure proper spacing for section IDs (for anchor links from TOC) */
section[id] {
    scroll-margin-top: 120px;
}