/* Category pages share one title, lead, breadcrumb and spacing system.
   Keep this layer last; page-specific styles must not change the header scale. */
#gpba-full {
  --page-header-title:clamp(2.625rem,5.2vw,4.25rem);
  --page-header-lead:clamp(1.5rem,2.2vw,1.75rem);
  --page-header-space:clamp(1.75rem,3vw,2.5rem);
  --page-header-measure:67.5rem;
}
#gpba-full main :is(.curated-shell,.program-shell,.building-index-shell,.tree-map-page) {padding-top:0}
#gpba-full main .page-header.page-header {
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:var(--page-header-space) 0;
  border:0;
  text-align:left;
}
#gpba-full main:is(.history-experience,.arlene-page) > .page-header.page-header {
  width:calc(100% - var(--gutter) - var(--gutter));
  margin-inline:auto;
}
#gpba-full main .page-header.page-header :is(.newsletter-opening,.arlene-hero-copy) {
  display:block;max-width:none;margin:0;padding:0;
}
#gpba-full main .page-header.page-header .breadcrumb {
  display:block;width:auto;max-width:none;margin:0 0 1.75rem;padding:0;
  font:400 1rem/1.5 Inter,Arial,sans-serif;letter-spacing:0;color:var(--green);
}
#gpba-full main .page-header.page-header .page-header-kicker {
  margin:0 0 1rem;padding:0;max-width:var(--page-header-measure);
  font:500 1rem/1.5 Inter,Arial,sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:var(--green);
}
#gpba-full main .page-header.page-header .page-header-title {
  display:block;max-width:var(--page-header-measure);margin:0 0 1.25rem;padding:0;
  font:400 var(--page-header-title)/1.06 'EB Garamond',Georgia,serif;
  letter-spacing:-.025em;color:var(--green);text-wrap:balance;overflow-wrap:break-word;
}
#gpba-full main .page-header.page-header .page-header-lead {
  max-width:var(--page-header-measure);margin:0;padding:0;
  font:400 var(--page-header-lead)/1.4 'EB Garamond',Georgia,serif;
  letter-spacing:0;color:var(--green);text-wrap:pretty;
}
#gpba-full main .page-header.page-header > .textlink {margin-top:1.25rem}

/* Photographs and supporting prose begin below the common header. */
#gpba-full main .page-opening {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;gap:clamp(1.75rem,3.5vw,3rem);
  margin:0 var(--gutter) 2.5rem;padding:0;
}
#gpba-full main .page-opening-copy {min-width:0;max-width:none}
#gpba-full main .page-opening-copy > p {
  max-width:none;margin:0 0 1.25rem;font:400 1.125rem/1.75 Inter,Arial,sans-serif;
}
#gpba-full main .page-opening-copy > :last-child {margin-bottom:0}
#gpba-full main .page-opening > figure {width:100%;max-width:none;margin:0}
#gpba-full main .page-opening > figure img {display:block;width:100%;height:auto;max-height:none}
#gpba-full main .page-opening-image-only {display:block}
#gpba-full main .page-opening-image-only > figure {max-width:46.25rem}
#gpba-full main .page-introduction {max-width:var(--page-header-measure);margin:0 0 2.5rem}
#gpba-full main .page-introduction > p {
  max-width:none;margin:0 0 1.25rem;font:400 1.125rem/1.75 Inter,Arial,sans-serif;
}
#gpba-full main .page-introduction .tree-intro-facts {
  display:flex;flex-wrap:wrap;gap:.875rem 1.375rem;line-height:1.5;
}
#gpba-full main .page-header .newsletter-inbox {margin-top:1.75rem}

/* Topic navigation follows The Park Today's full-width links and quiet divider. */
#gpba-full main .page-topics {
  display:flex;flex-wrap:wrap;gap:12px 28px;
  padding:0 0 26px;margin:0 0 32px;border-bottom:1px solid var(--brass);
}
#gpba-full main .page-topics a {
  font:400 1rem/1.5 Inter,Arial,sans-serif;
  color:var(--green);text-underline-offset:5px;
}
#gpba-full main .page-topics a:focus-visible {outline:2px solid var(--green);outline-offset:5px}
#gpba-full main.history-experience > .page-topics {margin-inline:var(--gutter)}
#gpba-full main .page-topics + .building-index-card {padding-top:0}
#gpba-full .building-index-page :is(.building-index-card,.historic-building-feature,#more-addresses) {scroll-margin-top:24px}
@media(max-width:680px) {
  #gpba-full main .page-topics {gap:14px 22px;margin-bottom:24px;padding-bottom:24px}
}
@media(max-width:780px) {
  #gpba-full main .page-opening {grid-template-columns:minmax(0,1fr);gap:1.75rem;margin-bottom:2rem}
  #gpba-full main .page-header.page-header .breadcrumb {margin-bottom:1.5rem}
  #gpba-full main .page-introduction {margin-bottom:2rem}
}
