/* Explain: Layout primitives for the GreenPath single-page site */
.site-container {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.section-pad {
    padding-block: clamp(4.5rem, 9vw, 8rem);
}

.image-frame::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(11, 61, 46, 0.08), rgba(223, 243, 228, 0.12));
    pointer-events: none;
}

@media (max-width: 767px) {
    .hero-note {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: -2rem;
        margin-inline: 1rem;
    }

    .timeline-panel {
        padding-left: 1rem;
    }
}