/**
 * Pillar Page Styles
 * Styles for the pillar page template on publications
 *
 * @package Show-Me_Institute
 */

/* Banner Image */
.pillar-banner img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
}

/* Content Sections */
.pillar-section {
    scroll-margin-top: 6rem;
}

.pillar-section .prose {
    font-family: 'Montserrat', sans-serif;
}

.pillar-section .prose p {
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

.pillar-section .prose h3 {
    font-family: 'EB Garamond', Georgia, serif;
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.pillar-section .prose ul,
.pillar-section .prose ol {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.pillar-section .prose li {
    margin-bottom: 0.5rem;
}

/* Table of Contents */
.pillar-toc {
    background: #f9fafb;
    padding: 1.5rem;
    border-radius: 0.5rem;
}

.pillar-anchor-links a {
    display: block;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e5e7eb;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.pillar-anchor-links a:hover {
    padding-left: 0.5rem;
    color: #1e4877;
}

.pillar-anchor-links li:last-child a {
    border-bottom: none;
}

/* Mobile Adjustments */
@media (max-width: 1023px) {
    .pillar-toc {
        margin-bottom: 2rem;
    }
}