/* Shared visual layer for the completed public pages. */
main {
    background:
        radial-gradient(circle at 4% 10%, rgba(115, 185, 159, 0.16), transparent 24rem),
        radial-gradient(circle at 96% 32%, rgba(242, 192, 128, 0.12), transparent 26rem),
        #f4faf7;
}

.mission-card,
.story-card,
.community-box,
.milestone-card,
.knowledge-card,
.directory-card,
.involved-card,
.social-platform-card,
.purpose-card,
.support-card,
.value-card,
.mission-vision-card,
.contact-form-card,
.contact-info-card,
.contact-help-card,
.contact-notice-box,
.parent-story-card,
.video-story-card,
.share-story-box,
.resource-need-card,
.resource-featured-box,
.resource-topic-item,
.resource-local-box,
.resource-contribute-box {
    border: 1px solid rgba(22, 125, 107, 0.13) !important;
    border-radius: 1.35rem !important;
    box-shadow: 0 0.65rem 1.8rem rgba(24, 72, 63, 0.09) !important;
}

.mission-card,
.community-box,
.milestone-card,
.knowledge-card,
.directory-card,
.involved-card,
.social-platform-card,
.purpose-card,
.support-card,
.value-card,
.mission-vision-card,
.contact-form-card,
.contact-info-card,
.contact-help-card,
.contact-notice-box,
.parent-story-card,
.video-story-card,
.share-story-box,
.resource-need-card,
.resource-featured-box,
.resource-topic-item,
.resource-local-box,
.resource-contribute-box {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(235, 247, 241, 0.94)) !important;
}

.story-card {
    overflow: hidden;
    background: #ffffff !important;
}

.mission-card,
.story-card,
.milestone-card,
.knowledge-card,
.directory-card,
.involved-card,
.social-platform-card,
.purpose-card,
.support-card,
.value-card,
.mission-vision-card,
.contact-help-card,
.parent-story-card,
.video-story-card,
.resource-need-card,
.resource-topic-item {
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.mission-card:hover,
.story-card:hover,
.milestone-card:hover,
.knowledge-card:hover,
.directory-card:hover,
.involved-card:hover,
.social-platform-card:hover,
.purpose-card:hover,
.support-card:hover,
.value-card:hover,
.mission-vision-card:hover,
.contact-help-card:hover,
.parent-story-card:hover,
.video-story-card:hover,
.resource-need-card:hover,
.resource-topic-item:hover {
    transform: translateY(-0.45rem);
    border-color: rgba(22, 125, 107, 0.34) !important;
    box-shadow: 0 1.15rem 2.6rem rgba(24, 72, 63, 0.16) !important;
}

.story-card .story-media img {
    transition: transform 450ms ease;
}

.story-card:hover .story-media img {
    transform: scale(1.055);
}

@media (prefers-reduced-motion: reduce) {
    .mission-card,
    .story-card,
    .milestone-card,
    .knowledge-card,
    .directory-card,
    .involved-card,
    .social-platform-card,
    .purpose-card,
    .support-card,
    .value-card,
    .mission-vision-card,
    .contact-help-card,
    .parent-story-card,
    .video-story-card,
    .resource-need-card,
    .resource-topic-item,
    .story-card .story-media img {
        transition: none;
    }
}

/* Premium navigation and action treatment. */
.main-header {
    background: rgba(250, 255, 252, 0.84) !important;
    border-bottom: 1px solid rgba(22, 125, 107, 0.12) !important;
    box-shadow: 0 0.35rem 1.4rem rgba(21, 69, 60, 0.06);
}

.brand-icon {
    border-radius: 0.95rem !important;
    background: linear-gradient(135deg, #0b695b, #30a586) !important;
    box-shadow: 0 0.5rem 1rem rgba(22, 125, 107, 0.26);
}

.navbar-nav {
    gap: 0.3rem;
}

.navbar-nav .nav-link {
    border-radius: 999px;
    font-size: 0.96rem !important;
    letter-spacing: 0.01em;
    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    background: rgba(22, 125, 107, 0.10);
    transform: translateY(-1px);
}

.navbar-nav .nav-link::before {
    display: none;
}

.btn-share-story,
.hero-btn-primary,
.about-btn-primary,
.stories-primary-btn,
.community-btn-primary {
    border: 0 !important;
    background: linear-gradient(135deg, #0b6d5e, #299e83) !important;
    color: #ffffff !important;
    box-shadow: 0 0.65rem 1.35rem rgba(22, 125, 107, 0.23) !important;
}

.btn-share-story:hover,
.btn-share-story:focus,
.hero-btn-primary:hover,
.hero-btn-primary:focus,
.about-btn-primary:hover,
.about-btn-primary:focus,
.stories-primary-btn:hover,
.stories-primary-btn:focus,
.community-btn-primary:hover,
.community-btn-primary:focus {
    color: #ffffff !important;
    background: linear-gradient(135deg, #08564b, #167d6b) !important;
}

.hero-btn-outline,
.about-btn-secondary,
.stories-secondary-btn,
.community-btn-secondary {
    border-color: rgba(13, 113, 95, 0.38) !important;
    background: rgba(255, 255, 255, 0.74) !important;
    color: #0b695b !important;
    backdrop-filter: blur(0.6rem);
}

.hero-btn-outline:hover,
.hero-btn-outline:focus,
.about-btn-secondary:hover,
.about-btn-secondary:focus,
.stories-secondary-btn:hover,
.stories-secondary-btn:focus,
.community-btn-secondary:hover,
.community-btn-secondary:focus {
    color: #ffffff !important;
    background: #167d6b !important;
    border-color: #167d6b !important;
}

.hero-label,
.about-section-label,
.contact-section-label,
.resource-section-label,
.stories-label {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.44rem 0.78rem;
    border: 1px solid rgba(22, 125, 107, 0.17);
    border-radius: 999px;
    background: rgba(236, 248, 243, 0.78);
    box-shadow: 0 0.35rem 0.8rem rgba(22, 125, 107, 0.08);
}

.contact-main-section,
.contact-help-section,
.contact-notice-section,
.stories-parent-section,
.stories-milestone-section,
.resource-needs-section,
.resource-topic-section {
    position: relative;
}

@media (max-width: 991.98px) {
    .navbar-nav .nav-link {
        border-radius: 0.7rem;
    }
}