/* Pioneer-only story and timeline layout; the approved hero and shared controls stay intact. */
body.fc-site .pioneer-story-chapter {
    box-sizing: border-box;
    width: min(1160px, calc(100% - 2 * var(--fc-body-gutter, 24px)));
    margin: 0 auto;
    padding-block: clamp(30px, 5vw, 58px);
    scroll-margin-top: var(--fc-anchor-offset, 16px);
}
body.fc-site .pioneer-story-intro { max-width: 75ch; margin: 0 auto 28px; }
body.fc-site .pioneer-story-intro > :is(h2,h3) { text-align: center; }
body.fc-site .pioneer-story-intro p,
body.fc-site .pioneer-story-copy { color: var(--fc-cream, #f3ead8); font-size: 1.02rem; line-height: 1.8; }
body.fc-site .pioneer-story-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 28px; align-items: start; }
body.fc-site .pioneer-story-card { min-width: 0; margin: 0; scroll-margin-top: var(--fc-anchor-offset, 16px); }
body.fc-site .pioneer-story-card figure { margin: 0; }
body.fc-site .pioneer-story-art { display: block; aspect-ratio: 3 / 2; overflow: hidden; border: 1px solid var(--fc-line, #526068); border-radius: 14px; background: #142f3a; }
body.fc-site .pioneer-story-art picture { display: block; width: 100%; height: 100%; }
body.fc-site .pioneer-story-art img,
body.fc-site img.pioneer-story-art { display: block; width: 100%; height: 100%; object-fit: contain; }
body.fc-site .pioneer-story-card :is(h3,h4) { color: var(--fc-gold-light, #f3cc83); font-family: Georgia, 'Times New Roman', serif; line-height: 1.4; margin: 18px 0 12px; }
body.fc-site .pioneer-story-copy p { margin: 0 0 1em; }
body.fc-site .pioneer-story-card figcaption { padding-top: 12px; color: var(--fc-muted, #d3d9d9); line-height: 1.65; }
body.fc-site .pioneer-source-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 18px; }
body.fc-site .pioneer-source-links a { max-width: 100%; overflow-wrap: anywhere; }
body.fc-site .pioneer-story-note { max-width: 75ch; margin: 24px auto; padding: 14px 18px; border-left: 2px solid var(--fc-gold, #c9a961); color: var(--fc-muted, #d3d9d9); line-height: 1.75; }
body.fc-site :is(.pioneer-source-notes,.pioneer-timeline-group) { box-sizing: border-box; width: min(1160px, calc(100% - 2 * var(--fc-body-gutter, 24px))); margin: 18px auto; border-block: 1px solid rgba(226,181,93,.38); scroll-margin-top: var(--fc-anchor-offset, 16px); }
body.fc-site .pioneer-story-chapter .pioneer-source-notes { width: 100%; }
body.fc-site :is(.pioneer-source-notes,.pioneer-timeline-group) > summary { min-height: 48px; padding: 17px 8px; color: var(--fc-gold-light, #f3cc83); font-size: 1.08rem; line-height: 1.6; cursor: pointer; }
body.fc-site :is(.pioneer-source-notes,.pioneer-timeline-group) > summary:focus-visible,
body.fc-site .pioneer-story-art:focus-visible { outline: 2px solid var(--fc-gold-light, #f3cc83); outline-offset: 4px; }
body.fc-site .pioneer-timeline-group > .section { width: 100%; max-width: none; margin: 0; padding: 18px 0 28px; }
body.fc-site .pioneer-timeline-group .timeline { padding-left: 0; }
body.fc-site .pioneer-timeline-group .map-container { padding: 16px; }
body.fc-site .pioneer-timeline-group :is(.timeline-item,.map-point)[data-focus-expand] { margin-bottom: 10px; padding: 16px 44px 16px 16px; border-radius: 10px; gap: 16px; }
body.fc-site .pioneer-timeline-group :is(.timeline-item,.map-point)[data-focus-expand]::after { top: 16px; right: 14px; }
body.fc-site .pioneer-timeline-group [data-focus-expand] > .map-date { padding: 6px 9px; }
body.fc-site .pioneer-timeline-group [data-focus-expand] .map-content > :is(h3,h4) { margin-bottom: 8px; }
body.fc-site .pioneer-timeline-group .map-content { min-width: 0; overflow-wrap: anywhere; }
/* Long chapter and Ask headings still wrap when readers enlarge their text. */
body.fc-site main :is(h2,h3,h4) { overflow-wrap: anywhere; }
body.fc-site .pioneer-timeline-group :is(.timeline-desc,.map-content p) { font-size: 1rem; line-height: 1.7; }
body.fc-site .pioneer-timeline-group .ai-response { height: auto; max-height: none; overflow: visible; }
body.fc-site table.pioneer-date-table { width: 100%; border-collapse: collapse; table-layout: fixed; margin-block: 22px; font-size: 1rem; line-height: 1.65; }
body.fc-site .pioneer-date-table :is(th,td) { padding: 12px; vertical-align: top; text-align: left; border-bottom: 1px solid var(--fc-line, #526068); overflow-wrap: anywhere; }
body.fc-site .pioneer-date-table th { color: var(--fc-gold-light, #f3cc83); }
body.fc-site .pioneer-date-table :is(th,td):first-child { width: 25%; }
body.fc-site .pioneer-journal-intro { text-align: center; line-height: 1.8; }
/* A numbered trail directory distinguishes chapters from the study pills below. */
body.fc-site nav[aria-label="Pioneer study sections"] .fc-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 28px; }
body.fc-site nav[aria-label="Pioneer study sections"] .fc-button {
    display: grid; grid-template-columns: 36px minmax(0,1fr) 16px; align-items: center; gap: 12px;
    width: 100%; min-height: 76px; padding: 14px 8px;
    border: 0; border-bottom: 1px solid rgba(201,169,97,.4); border-radius: 0;
    background: transparent; color: #f4c66f !important; box-shadow: none;
    font-family: Georgia,'Times New Roman',serif; font-size: 1.04rem; font-weight: 400; line-height: 1.4; text-align: start;
    white-space: normal; overflow-wrap: anywhere;
}
body.fc-site .pioneer-trail-number {
    display: grid; place-items: center; width: 36px; height: 36px;
    border: 1px solid rgba(201,169,97,.65); border-radius: 50%;
    color: #f4c66f; font-family: Georgia,'Times New Roman',serif; font-size: .82rem;
    background: rgba(201,169,97,.08);
}
body.fc-site .pioneer-trail-arrow { font-family: inherit; font-size: 1rem; color: #f4c66f; }
body.fc-site nav[aria-label="Pioneer study sections"] .fc-button:is(:hover,:focus-visible) {
    border-color: #ffe0a0; background: rgba(240,195,106,.08); color: #ffe0a0 !important; transform: none;
}
body.fc-site nav[aria-label="Pioneer study sections"] .fc-button:focus-visible { outline: 2px solid #ffe0a0; outline-offset: 3px; }
@media (max-width: 700px) {
    body.fc-site nav[aria-label="Pioneer study sections"] .fc-actions { grid-template-columns: 1fr; gap: 0; }
    body.fc-site nav[aria-label="Pioneer study sections"] .fc-button { min-height: 68px; }
}
/* Finish these odd-length chapters with an image-and-account feature row. */
@media (min-width: 701px) {
    /* Match the Home/Answers outer rail, including legacy nested wrappers. */
    body.fc-site main > .qa-section { padding-inline: 0; }
    body.fc-site main > .qa-section > .qa-container,
    body.fc-site main > .pioneer-visual-chapter > :is(.fc-container--standard,.fc-container--wide),
    body.fc-site main > .section,
    body.fc-site main > .pioneer-source-notes {
        box-sizing: border-box;
        width: min(var(--fc-standard, 1040px), calc(100% - 2 * var(--fc-body-gutter, 24px)));
        max-width: var(--fc-standard, 1040px);
        margin-inline: auto;
    }
    body.fc-site main > .qa-section > .qa-container { margin-top: 0; }
    body.fc-site .pioneer-story-chapter { padding-block: var(--fc-body-section-space, 24px); }
    body.fc-site .pioneer-story-intro > h2 {
        color: var(--fc-gold-light, #f3cc83);
        font-family: Georgia, 'Times New Roman', serif;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
        font-weight: 400;
        line-height: 1.2;
        margin-block: 12px 16px;
    }
    body.fc-site .pioneer-story-card {
        box-sizing: border-box;
        padding: 24px;
        border: 1px solid rgba(210,185,121,.36);
        border-radius: 16px;
        background: var(--fc-card-fill);
    }
    body.fc-site .pioneer-journal-intro { max-width: none; width: 100%; margin-inline: 0; }
    body.fc-site #guided-reflections .fc-study-grid { margin-top: 24px; }
    /* One desktop reading rail and a consistent source footer for paired stories. */
    body.fc-site :is(.pioneer-story-chapter,.pioneer-timeline-group) {
        width: min(var(--fc-standard, 1040px), calc(100% - 2 * var(--fc-body-gutter, 24px)));
    }
    body.fc-site :is(.pioneer-story-intro,.pioneer-visual-intro) {
        max-width: none;
        width: 100%;
        margin-inline: 0;
        text-align: start;
    }
    body.fc-site :is(.pioneer-story-intro,.pioneer-visual-intro) > :is(h2,h3,p) {
        text-align: start;
        max-width: none;
        margin-inline: 0;
    }
    body.fc-site .pioneer-story-note {
        box-sizing: border-box;
        max-width: none;
        width: 100%;
        margin-inline: 0;
    }
    body.fc-site .pioneer-story-grid { align-items: stretch; }
    body.fc-site .pioneer-story-card { display: flex; flex-direction: column; }
    body.fc-site .pioneer-story-card:not(:has(> .pioneer-source-links)) figcaption { min-height: calc(3.3em + 12px); }
    body.fc-site .pioneer-story-copy { display: flex; flex: 1; flex-direction: column; }
    body.fc-site .pioneer-story-copy > .pioneer-source-links {
        margin: auto 0 0;
        padding-top: 18px;
        align-items: center;
    }
    body.fc-site .pioneer-source-links .pioneer-source-attribution { flex-basis: 100%; text-align: center; }
    body.fc-site #guided-reflections .fc-study-grid + .fc-actions { margin-top: 28px; gap: 12px; }
    body.fc-site .pioneer-story-grid > :is(
        #pioneer-story-03-planting,
        #pioneer-story-06-florence,
        #pioneer-story-17-hanks-meat,
        #pioneer-story-19-railroad
    ):last-child {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
        align-items: start;
    }
    body.fc-site .pioneer-story-grid > :is(
        #pioneer-story-03-planting,
        #pioneer-story-06-florence,
        #pioneer-story-17-hanks-meat,
        #pioneer-story-19-railroad
    ):last-child > .pioneer-story-copy > h3 {
        margin-top: 0;
    }
    body.fc-site .pioneer-story-card > .pioneer-source-links {
        grid-column: 1 / -1;
        margin: 0;
        padding-top: 20px;
        border-top: 1px solid rgba(210,185,121,.25);
        gap: 12px;
        align-items: center;
        line-height: 1.8;
    }
    body.fc-site .pioneer-story-card:has(> .pioneer-source-links) > .pioneer-story-copy > p:last-child { margin-bottom: 0; }
}
@media (min-width: 701px) and (max-width: 1000px) {
    body.fc-site .pioneer-story-grid > .pioneer-story-card:has(> .pioneer-source-links):last-child { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
    body.fc-site .pioneer-story-card > .pioneer-source-links { margin: 0 0 1em; font-size: 1.02rem; line-height: 1.8; }
    body.fc-site .fc-visual-hero--history > img { object-position: 88% 35% !important; }
    /* Reading copy shares one alignment; titles and navigation keep their role. */
    body.fc-site .pioneer-visual-intro > p:not(.fc-eyebrow),
    body.fc-site .pioneer-story-intro > p:not(.fc-eyebrow),
    body.fc-site .pioneer-story-copy p,
    body.fc-site .pioneer-story-note,
    body.fc-site .pioneer-source-notes p,
    body.fc-site .pioneer-journal-intro,
    body.fc-site .qa-container .welcome > p,
    body.fc-site .qa-container p.pioneer-ai-notice,
    body.fc-site main p.fc-section-intro,
    body.fc-site .fc-deep-study > p,
    body.fc-site .fc-study-grid p,
    body.fc-site #guided-reflections p:not(.fc-eyebrow),
    body.fc-site .fc-resource-intro {
        text-align: start;
        text-wrap: pretty;
        line-height: 1.75;
    }
    body.fc-site .pioneer-story-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    body.fc-site .pioneer-timeline-group .map-container { padding: 10px; }
    body.fc-site .pioneer-timeline-group :is(.timeline-item,.map-point)[data-focus-expand] { padding: 14px 38px 14px 12px; gap: 8px; }
    body.fc-site .pioneer-date-table :is(th,td) { padding: 10px 7px; }
    body.fc-site .pioneer-date-table :is(th,td):first-child { width: 29%; }
}

/* Music studies share the established Pioneer content rail and card treatment. */
body.fc-site .pioneer-music-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
body.fc-site .pioneer-music-card { min-width: 0; padding: 24px; border: 1px solid rgba(210,185,121,.36); border-radius: 16px; background: var(--fc-card-fill); }
body.fc-site .pioneer-music-card figure { margin: 0; }
body.fc-site .pioneer-music-art { display: block; border-radius: 12px; overflow: hidden; }
body.fc-site .pioneer-music-art img { display: block; width: 100%; height: auto; }
body.fc-site .pioneer-music-card figcaption { padding-top: 12px; color: var(--fc-muted); font-size: .9rem; }
body.fc-site .pioneer-music-card h3, body.fc-site .pioneer-music-song-title { font-family: Georgia,'Times New Roman',serif; color: var(--fc-gold-light); line-height: 1.35; margin: 18px 0 14px; }
body.fc-site .pioneer-music-card p, body.fc-site .pioneer-music-intro { line-height: 1.8; margin: 0 0 18px; }
body.fc-site .pioneer-music-intro { margin-bottom: 24px; }
body.fc-site .pioneer-music-actions { margin-top: 24px; gap: 12px; }
body.fc-site .pioneer-music-feature { display: grid; grid-template-columns: 1fr; gap: 28px; margin-top: 34px; }
body.fc-site .pioneer-music-feature .pioneer-music-actions { grid-column: 1/-1; margin: 0; padding-top: 20px; border-top: 1px solid var(--fc-line); }
body.fc-site .pioneer-music-feature h3 { margin-top: 0; }
body.fc-site .pioneer-music-note { color: var(--fc-muted); line-height: 1.6; margin-top: 20px; font-size: .9rem; }
body.fc-site .pioneer-music-jump { text-align: center; margin-top: 18px; }
@media(max-width:1000px) { body.fc-site .pioneer-music-feature { grid-template-columns: 1fr; } }
@media(max-width:700px) { body.fc-site .pioneer-music-grid { grid-template-columns: 1fr; } body.fc-site .pioneer-music-card { padding: 18px; } }

/* Keep phone section edges on the same gutter as the picture chapters. */
@media (max-width: 700px) {
    body.fc-site main > .qa-section { padding-inline: 0; }
    body.fc-site main > .qa-section > .qa-container,
    body.fc-site main > .section {
        box-sizing: border-box;
        width: min(var(--fc-standard, 1040px), calc(100% - 2 * var(--fc-body-gutter, 24px)));
        max-width: var(--fc-standard, 1040px);
        margin-inline: auto;
    }
}
/* At two-column widths, finish each three-picture chapter with a full feature row. */
@media (min-width: 701px) and (max-width: 1040px) {
    body.fc-site .pioneer-art-grid--three > .pioneer-art-card:last-child {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
    }
    body.fc-site .pioneer-art-grid--three > .pioneer-art-card:last-child > a { min-width: 0; }
}