/* GoPride about pages: use existing gpc_ tokens and Bootstrap before adding rules. */
.gpc_about-hero { border-bottom: 1px solid var(--gpc-line); }
.gpc_about-hero h1 { max-width: 20ch; }
.gpc_about-hero .gpc_deck { max-width: 65ch; }
.gpc_about-nav a { display: block; padding: .38rem .5rem; border-radius: .25rem; }
.gpc_about-nav a[aria-current="page"] { background: var(--gpc-magenta-soft); color: var(--gpc-magenta-dark); font-weight: 700; text-decoration: none; border-inline-start: 3px solid var(--gpc-magenta); }
.gpc_about-content { overflow-wrap: anywhere; }
.gpc_about-content section > p { max-width: 75ch; }
.gpc_about-content h2 { margin-bottom: 1rem; }
.gpc_about-content section + section { margin-top: 2.5rem; }
.gpc_about-faq-category { scroll-margin-top: 7rem; }
.gpc_about-question { cursor: pointer; padding: 1.15rem 1.25rem; font-weight: 700; }
.gpc_about-faq details[open] > summary { background: var(--gpc-magenta-soft); color: var(--gpc-magenta-dark); }
.gpc_about-faq details { overflow: clip; }
.gpc_about-faq details + details { border-top: 0; }
.gpc_about-faq details:focus-within { overflow: visible; }
.gpc_about-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.gpc_about input, .gpc_about select, .gpc_about textarea { max-width: 100%; }
.gpc_about-section-toggle { padding: .75rem 1rem; font-weight: 700; cursor: pointer; border: 1px solid var(--gpc-line); border-radius: .5rem; }
@media (min-width: 992px) { .gpc_about-section-nav { position: sticky; top: 6rem; } .gpc_about-section-toggle { display: none; } }
@media print {
 .gpc_about-section-nav, .gpc_about-nav, .gpc_about-bottom, .gpc_about-print, .gpc_about [data-gpc-open-consent], .gpc_about [aria-label="FAQ categories"], #gpc_about-faq-search { display: none !important; }
 .gpc_about .col-lg-9 { width: 100%; }
 .gpc_about-hero { padding-top: 0 !important; }
 .gpc_about .accordion-body { display: block !important; }
 .gpc_about section { break-inside: auto; }
 .gpc_about h2 { break-after: avoid; }
}
