:root { color-scheme: light; }
.prose :where(h1,h2,h3){ scroll-margin-top: 6rem; }
.prose img{ border-radius: 1rem; }

/* Article container */
.article-container {
    max-width: 720px;
    margin: 0 auto;
    padding: 1.5rem;
    font-family: "Segoe UI", sans-serif;
    line-height: 1.7;
    color: #1f2937;
}

    /* Heading styles */
    .article-container h1 {
        font-size: 2.2rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        color: #111827;
    }

    .article-container h2 {
        font-size: 1.5rem;
        margin-top: 1.5rem;
        margin-bottom: 0.75rem;
        font-weight: 600;
        color: #1f2937;
    }

/* Lead paragraph */
.lead {
    font-size: 1.2rem;
    color: #374151;
}

/* Article meta */
.article-meta {
    font-size: 0.9rem;
    color: #6b7280;
}

/* FAQ Section */
.faq-section summary {
    cursor: pointer;
    font-weight: 600;
    margin-top: 0.5rem;
}

.faq-section details p {
    margin: 0.5rem 0 1rem 1rem;
}

/* Related articles */
.related-articles ul {
    list-style-type: disc;
    padding-left: 1.25rem;
}

.related-articles a {
    color: #2563eb;
    text-decoration: none;
}

    .related-articles a:hover {
        text-decoration: underline;
    }

/* Breadcrumb */
.breadcrumb {
    max-width: 720px;
    margin: 1rem auto;
    font-size: 0.9rem;
    color: #6b7280;
}

    .breadcrumb a {
        color: #2563eb;
        text-decoration: none;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
        }



/* site.css */

/* Override prose headings */
.prose h1, .prose h2, .prose h3 {
    font-family: 'Segoe UI', sans-serif;
    font-weight: 700;
    color: #1f2937; /* gray-900 */
}

/* Custom breadcrumb */
nav[aria-label="Breadcrumb"] ol {
    font-size: 0.9rem;
}

nav[aria-label="Breadcrumb"] a {
    color: #2563eb; /* blue-600 */
    text-decoration: none;
}

    nav[aria-label="Breadcrumb"] a:hover {
        text-decoration: underline;
    }

/* FAQ details toggle */
details summary {
    cursor: pointer;
    font-weight: 600;
    margin: 0.5rem 0;
}