/* One outer alignment, based on the Arlene Harrison page, for every site page.
   Reading measures stay shorter inside this shared responsive canvas. */
#gpba-full{--page-width:1440px;--reading-width:50rem;--button-green:#2b5536;--button-gold:#dec36c;--button-gold-hover:#f2d880}

/* Paired photographs and stories share a top edge at every desktop width.
   Balance their depth with useful copy, never vertical centering or fixed heights. */
#gpba-full main :is(.home-story-lead,.curated-feature,.building-index-card,.program-overview,.program-entry,.arlene-hero,.arlene-beginnings,.about-work-layout,.history-masthead,.history-chapter-head,.historic-map-lead,.tree-detail-top,.nhn-feature){align-items:start}
#gpba-full main :is(.home-story-copy,.curated-feature>div:last-child,.building-index-card>div,.program-overview-copy,.program-entry>div,.arlene-hero-copy,.arlene-beginnings>.arlene-reading,.history-masthead>div,.history-chapter-head>div,.historic-map-lead>div,.tree-detail-top>div,.nhn-feature-copy){align-self:start;min-width:0}
#gpba-full main :is(.home-story-copy,.curated-feature>div:last-child,.building-index-card>div,.program-overview-copy,.program-entry>div,.arlene-hero-copy,.arlene-beginnings>.arlene-reading,.history-masthead>div,.history-chapter-head>div,.historic-map-lead>div,.tree-detail-top>div,.nhn-feature-copy)>:first-child{margin-top:0}

/* A brighter green for small controls and logo strokes keeps them visually green
   beside the large, dark-green footer. Lighter gold preserves text contrast. */
#gpba-full :is(.primary-navigation,.menu-button,.menutoggle,.notice-toggle,.filter-reset){color:var(--green)}
#gpba-full :is(.action,.nav-donate,.menu-button,.menutoggle,.comparison-load-more,.tree-button,.tree-empty button,.collection-pagination button,.timeline-empty button){background:var(--button-green);color:var(--button-gold);border:2px solid var(--gold)}
#gpba-full :is(.action,.nav-donate,.menu-button,.menutoggle,.comparison-load-more,.tree-button,.tree-empty button,.collection-pagination button,.timeline-empty button):hover{background:var(--button-green);color:var(--button-gold-hover);border-color:var(--gold-hover);text-decoration:none}
#gpba-full :is(.action,.nav-donate,.menu-button,.menutoggle,.comparison-load-more,.tree-button,.tree-empty button,.collection-pagination button,.timeline-empty button):focus-visible{outline:2px solid var(--green);outline-offset:4px}
#gpba-full :is(.supportband,.sitefoot) :is(.action,a,button):focus-visible{outline-color:var(--gold)}
#gpba-full .filters button,#gpba-full .timeline-eras button{color:var(--green);border-color:var(--gold)}
#gpba-full .filters button[aria-pressed=true],#gpba-full .tree-view-toggle button[aria-pressed=true],#gpba-full .timeline-eras button[aria-pressed=true]{background:var(--button-green);color:var(--button-gold)}
#gpba-full .tree-view-toggle{border-color:var(--gold)}
#gpba-full .tree-button.secondary{background:transparent;color:var(--green)}
#gpba-full .tree-button.secondary:hover{background:var(--button-green);color:var(--button-gold-hover)}
#gpba-full .sitehead{border-bottom:2px solid var(--gold)}
#gpba-full main .support-page .support-donate-card .action{background:var(--button-green);color:var(--button-gold);border:2px solid var(--gold)}
#gpba-full main .support-page .support-donate-card .action:hover{background:var(--button-green);color:var(--button-gold-hover);border-color:var(--gold-hover)}
#gpba-full main .support-page .support-donate-card .action:focus-visible{outline-color:var(--gold)}
#gpba-full>main,#gpba-full>.sitehead{max-width:var(--page-width);margin-inline:auto}
#gpba-full .curated-shell,
#gpba-full .program-shell,
#gpba-full .work-shell,
#gpba-full .tree-shell,
#gpba-full .article-shell,
#gpba-full .building-index-shell,
#gpba-full .building-profile-page .building-profile-shell{width:calc(100% - var(--gutter) - var(--gutter));max-width:none;margin-inline:auto}
#gpba-full .arlene-shell{max-width:var(--page-width);padding-inline:var(--gutter)}
#gpba-full .sitefoot .footgrid.footer-layout,
#gpba-full .sitefoot .footbottom{max-width:1267.2px;margin-inline:auto}

#gpba-full .article-header{max-width:none;margin-inline:0}
#gpba-full .article-header h1{max-width:1100px}
#gpba-full .article-hero{max-width:980px;margin-inline:0}
#gpba-full .article-page .article-hero img{margin-inline:0}
#gpba-full .article-page .article-hero figcaption{margin-inline:0}
#gpba-full .article-body,
#gpba-full .article-contents,
#gpba-full .article-related,
#gpba-full .article-related.article-return{margin-inline:0}
#gpba-full .article-body .documentary-photo img{margin-inline:0}
#gpba-full .wrap.reading{margin-inline:var(--gutter);padding-inline:0}

#gpba-full .building-index-header,
#gpba-full .building-index-intro,
#gpba-full .building-index-card{max-width:none;margin-inline:0}
#gpba-full .building-index-closing,
#gpba-full .building-collection-note,
#gpba-full .historic-building-feature{margin-inline:0}
#gpba-full .building-profile-page .building-lead,
#gpba-full .building-profile-page .building-opening,
#gpba-full .building-profile-page .building-story,
#gpba-full .building-profile-page .building-quote{max-width:var(--reading-width)}
#gpba-full .building-profile-page .building-hero{max-width:1100px}
#gpba-full .building-profile-page .building-reference-content{max-width:1100px}
#gpba-full .newsletter-archive-page .newsletter-archive{max-width:none}

@media(max-width:600px){
 #gpba-full{--gutter:20px}
 #gpba-full .curated-feature,#gpba-full .curated-row,#gpba-full .curated-pair{min-width:0}
}
@media print{
 #gpba-full .tree-shell{width:100%;padding:0;max-width:none}
}
