/* November 2026 community stories; scoped additions to the existing site. */
.community-stories { background: var(--mist); }
.community-stories .journal-grid { margin-top: 2.5rem; }
.community-stories .journal-image img { object-position: center 10%; }
.community-stories .journal-card h2 { font-size: clamp(1.35rem, 2vw, 1.75rem); }
.community-profile { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.community-profile-photo img { width: 100%; height: auto; max-height: 720px; object-fit: contain; background: var(--mist); }
.community-profile-photo figcaption { padding-top: .7rem; color: var(--muted); font-size: .78rem; }
.community-profile-copy > p { margin-top: 1rem; color: var(--muted); }
.community-profile-copy .section-date { color: var(--orange); }
.community-profile-copy .text-link { margin-top: 1.25rem; }
.community-story .article-hero h1 { max-width: 23ch; font-size: clamp(2.2rem, 4.5vw, 4.5rem); overflow-wrap: break-word; }
.community-story .article-image--people { max-height: none; }
.community-story .article-image--people img { width: 100%; max-height: 760px; object-fit: contain; }
.community-story .article-photo-grid img { height: auto; max-height: 600px; object-fit: contain; background: var(--mist); }
.community-story .article-photo-grid { align-items: start; }
.community-story .article-copy h2 { max-width: 22ch; }
.community-story .article-copy ul { margin: 1.25rem 0; padding-left: 1.4rem; }
.community-story .article-copy li + li { margin-top: .5rem; }
.community-story .article-date-note { margin-top: .6rem; font-size: .82rem; }
.community-story .article-copy a:not(.button):not(.text-link) { text-decoration: underline; text-decoration-color: var(--orange); text-underline-offset: .2em; }
.community-story .poster-grid img { max-height: 640px; }
.milestone-banner { padding: clamp(2rem, 5vw, 4rem); background: var(--mist); border-left: 4px solid var(--orange); margin-top: 2.5rem; }
.milestone-banner strong { display: block; font-family: Montserrat, sans-serif; font-size: clamp(4rem, 12vw, 8rem); line-height: 1; }
.milestone-banner span { display: block; margin-top: 1rem; font-size: 1.1rem; }
@media (max-width: 760px) { .community-profile { grid-template-columns: 1fr; } .community-profile-photo { max-width: 480px; } .community-story .article-image--people img { max-height: 640px; } }

.milestone-card-graphic { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; background: var(--ink); gap: .7rem; }
.milestone-card-graphic strong { color: var(--orange); font: 800 clamp(4rem, 9vw, 7rem)/1 Montserrat, sans-serif; }
.milestone-card-graphic span { font: 700 .85rem/1.4 Montserrat, sans-serif; letter-spacing: .08em; text-transform: uppercase; }

.journal-card img[src*="community-20261102/"] { object-position: center 10%; }
.community-stories > .wrap > .text-link { margin-top: 2rem; }