/* Shared type, reading measure and article structure across the GPBA website. */
#gpba-full { --editorial-reading:740px; --editorial-title:clamp(44px,5.2vw,68px); --editorial-heading:36px; --editorial-subheading:29px; --quote-attribution-font:italic 400 clamp(1.1875rem,calc(1.05rem + .35vw),1.375rem)/1.4 'EB Garamond',Georgia,serif; --quote-attribution-inset:clamp(1rem,3vw,3rem); }
#gpba-full :is(.quote cite,.building-quote cite,.arlene-community-quote figcaption,.arlene-future-quote figcaption){padding-inline-end:var(--quote-attribution-inset)}
#gpba-full main :is(.pageintro,.program-intro,.article-header,.history-masthead,.history-chapter-head,.history-source-head,.arlene-hero) h1 { font-size:var(--editorial-title); line-height:1.06; letter-spacing:-.025em; }
#gpba-full main :is(.pageintro,.program-intro,.article-header) .lead { font-size:28px; line-height:1.4; max-width:800px; }
#gpba-full main :is(.page,.reading,.program-page,.article-page,.arlene-page,.history-experience) h2 { font-size:var(--editorial-heading); line-height:1.16; }
#gpba-full main :is(.page,.reading,.program-page,.article-page,.arlene-page,.history-experience) h3 { font-size:var(--editorial-subheading); line-height:1.2; }
#gpba-full main :is(.reading,.history-prose,.arlene-reading) > p { font-size:17px; line-height:1.8; }
#gpba-full main figcaption { font-size:1.125rem; line-height:1.6; }
#gpba-full .article-shell { width:88%; max-width:1080px; margin:0 auto; padding:32px 0 40px; }
#gpba-full .article-header { max-width:860px; margin:0 auto; padding-bottom:24px; }
#gpba-full .article-header .breadcrumb { margin-bottom:16px; }
#gpba-full .article-header .eyebrow { font-size:1rem; letter-spacing:.12em; margin-bottom:10px; }
#gpba-full .article-header h1 { margin:0 0 16px; }
#gpba-full .article-header .lead { margin:0; }
#gpba-full .article-hero { max-width:860px; margin:0 auto 24px; }
#gpba-full .article-page .article-hero figure { max-width:100%; margin:0; }
#gpba-full .article-page .article-hero img { width:auto; height:auto; max-width:100%; max-height:520px; margin:0 auto; object-fit:contain; }
#gpba-full .article-page .article-hero figcaption { max-width:var(--editorial-reading); margin:10px auto 0; text-align:left; }
#gpba-full .article-body, #gpba-full .article-contents, #gpba-full .article-related { max-width:var(--editorial-reading); margin-inline:auto; }
#gpba-full .article-body { font-size:17px; line-height:1.8; }
#gpba-full .article-body p, #gpba-full .article-body li { font-size:17px; line-height:1.8; }
#gpba-full .article-body p { margin:0 0 16px; }
#gpba-full .article-body h2 { margin:32px 0 16px; }
#gpba-full .article-body h3 { margin:26px 0 14px; }
#gpba-full .article-body section { padding:0; margin:0; border:0; }
#gpba-full .article-body section > h2:first-child { margin-top:32px; }
#gpba-full .article-body > h2:first-child,
#gpba-full .article-body > section:first-child > h2:first-child { margin-top:0; }
#gpba-full .article-body ul, #gpba-full .article-body ol { padding-left:24px; margin:14px 0 20px; }
#gpba-full .article-body li { margin-bottom:8px; }
#gpba-full .article-body a:not(.action), #gpba-full .article-page figcaption a { text-decoration:underline; text-decoration-color:var(--brass); text-underline-offset:4px; overflow-wrap:anywhere; }
#gpba-full .article-page .article-contents { border-block:1px solid var(--brass); padding:15px 0; margin-bottom:24px; }
#gpba-full .article-contents summary { font-family:Inter,Arial,sans-serif; font-size:1rem; line-height:1.6; cursor:pointer; }
#gpba-full .article-contents nav { padding:12px 0 0; }
#gpba-full .article-contents ol { margin:0; padding-left:22px; }
#gpba-full .article-contents li { padding:4px 0; font-size:1rem; line-height:1.6; }
#gpba-full .article-body .documentary-photo { max-width:100%; margin:24px auto; }
#gpba-full .article-body .documentary-photo img { width:auto; height:auto; max-width:100%; max-height:620px; margin:auto; object-fit:contain; background:none; aspect-ratio:auto; }
#gpba-full .article-body .documentary-photo figcaption { text-align:left; margin:12px 0 0; font-size:1.125rem; line-height:1.6; }
#gpba-full .article-body .story-photographs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:24px 0; }
#gpba-full .article-body .story-photographs > figure { margin:0; }
#gpba-full .article-body .story-photographs img { width:auto; max-width:100%; max-height:400px; }
#gpba-full .article-body .story-photographs > figure:only-child { grid-column:1/-1; }
#gpba-full .article-body .article-notice, #gpba-full .article-body .dated-notice { padding:24px; margin:0 0 24px; background:var(--soft); border:0; border-left:2px solid var(--brass); }
#gpba-full .article-body .article-notice h2 { margin-top:0; }
#gpba-full .article-body .article-notice p:last-child { margin-bottom:0; }
#gpba-full .article-body .source-notes { margin:28px 0 0; padding:16px 0; border-top:1px solid var(--brass); }
#gpba-full .article-body .source-notes summary { font-size:26px; line-height:1.3; cursor:pointer; }
#gpba-full .article-body .source-notes p, #gpba-full .article-body .source-notes li { font-size:1.125rem; line-height:1.7; }
#gpba-full .article-body .source-notes p { margin:16px 0; }
#gpba-full .article-related { border-top:1px solid var(--brass); margin-top:32px; padding-top:24px; }
#gpba-full .article-related h2 { margin:0 0 16px; }
#gpba-full .article-related-item { border-bottom:1px solid #d8d5c8; padding:16px 0; }
#gpba-full .article-related-item:first-child { padding-top:0; }
#gpba-full .article-related .article-related-item h3 { font-size:27px; margin:0 0 8px; }
#gpba-full .article-related-item p { font-size:16px; line-height:1.7; margin:0; }
#gpba-full .article-onward { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; margin-top:20px; }
#gpba-full .article-page [id] { scroll-margin-top:28px; }
@media(max-width:780px) {
 #gpba-full { --editorial-title:clamp(38px,9vw,52px); --editorial-heading:32px; --editorial-subheading:27px; }
 #gpba-full main :is(.pageintro,.program-intro,.article-header) .lead { font-size:25px; }
 #gpba-full .article-shell { padding:24px 0 32px; }
 #gpba-full .article-header { padding-bottom:20px; }
 #gpba-full .article-header h1 { margin-bottom:16px; }
 #gpba-full .article-header .eyebrow { font-size:1rem; }
 #gpba-full .article-hero { margin-bottom:24px; }
 #gpba-full .article-page .article-hero img { max-height:460px; }
 #gpba-full .article-body p, #gpba-full .article-body li, #gpba-full main :is(.reading,.history-prose,.arlene-reading) > p { font-size:16px; line-height:1.75; }
 #gpba-full .article-body h2, #gpba-full .article-body section > h2:first-child { margin-top:28px; margin-bottom:14px; }
 #gpba-full .article-body .story-photographs { grid-template-columns:1fr; gap:24px; }
 #gpba-full .article-body .story-photographs img { max-height:none; }
 #gpba-full .article-related { margin-top:28px; padding-top:20px; }
 #gpba-full .article-body .article-notice, #gpba-full .article-body .dated-notice { padding:20px; }
}
/* Dates support the narrative; section titles carry the story. */
#gpba-full .article-body .story-period{font-size:1rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#5c6256;margin:32px 0 7px}
#gpba-full .article-body .story-period+h2{margin-top:0}
#gpba-full .article-body .story-connection{border-top:1px solid #c8c2b3;margin-top:32px;padding-top:4px}

/* Supporting text stays readable; browser defaults must not shrink it. */
#gpba-full :is(small,sub,sup){font-size:1em}
#gpba-full textarea{font:inherit}

/* Matched photograph frames: fill the frame instead of fitting inside it. */
#gpba-full .article-body .story-photographs > figure:not(:only-child):not(.gallery-document):not(.gallery-single) img{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:var(--gallery-ratio,4 / 3);object-fit:cover;object-position:var(--photo-focus,50% 50%);margin:0;background:none}
#gpba-full .article-body .story-photographs .gallery-photo-link{display:block;overflow:hidden}
#gpba-full .article-body .story-photographs .gallery-photo-link:focus-visible{outline:2px solid var(--green);outline-offset:4px}
#gpba-full .article-body .story-photographs > :is(.gallery-document,.gallery-single){grid-column:1/-1}
#gpba-full .article-body .story-photographs > :is(.gallery-document,.gallery-single) img{width:auto;height:auto;max-width:100%;max-height:620px;aspect-ratio:auto;object-fit:contain;margin-inline:0}
#gpba-full .article-body .photo-comparison{grid-column:1/-1}
#gpba-full .article-body .photo-comparison img{width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:1;object-fit:cover;margin:0}