/* GoPride content aside v1.00. Load once after the site's shared stylesheet. */
.gpc_content-aside {
  --gpc-aside-accent: #c82257;
  --gpc-aside-link: #c82257;
  --gpc-aside-surface: var(--bs-body-bg, #fff);
  --gpc-aside-muted-surface: var(--bs-tertiary-bg, #f5f5f6);
  --gpc-aside-text: var(--bs-body-color, #171717);
  --gpc-aside-muted: var(--bs-secondary-color, #666);
  --gpc-aside-border: var(--bs-border-color, #dedee2);
  --gpc-aside-photo-size: 64px;
  --gpc-aside-photo-position: 50% 25%;
  position: relative;
  min-width: 0;
  width: 100%;
  margin-block: 0 1rem;
  border: 1px solid var(--gpc-aside-border);
  border-radius: .375rem;
  background: var(--gpc-aside-surface);
  color: var(--gpc-aside-text);
  font-family: inherit;
  font-size: .9375rem;
  line-height: 1.4;
  text-align: start;
}
.gpc_content-aside,
.gpc_content-aside * { box-sizing: border-box; }
.gpc_aside-stack { display: grid; gap: .5rem; min-width: 0; }
.gpc_aside-stack > .gpc_content-aside { margin-block: 0; }
.gpc_content-aside .gpc_aside-disclosure { position: relative; }
.gpc_content-aside .gpc_aside-disclosure[open] { z-index: 40; }
.gpc_content-aside .gpc_aside-summary {
  display: block;
  border-radius: .3rem .3rem 0 0;
  background: var(--gpc-aside-muted-surface);
  color: inherit;
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}
.gpc_content-aside .gpc_aside-summary::-webkit-details-marker { display: none; }
.gpc_content-aside .gpc_aside-summary::marker { content: ""; }
.gpc_content-aside .gpc_aside-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 48px;
  margin: 0;
  padding: .8rem 1rem;
  color: inherit;
  font-family: inherit;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .035em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.gpc_content-aside .gpc_aside-heading--static {
  justify-content: flex-start;
  background: var(--gpc-aside-muted-surface);
  border-radius: .3rem .3rem 0 0;
}
.gpc_content-aside .gpc_aside-count { color: var(--gpc-aside-muted); font-weight: 500; }
.gpc_content-aside .gpc_aside-chevron {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  color: var(--gpc-aside-link);
  transition: transform .16s ease;
}
.gpc_content-aside .gpc_aside-disclosure[open] .gpc_aside-chevron { transform: rotate(180deg); }
.gpc_content-aside .gpc_aside-summary:hover .gpc_aside-heading { color: var(--gpc-aside-link); }
.gpc_content-aside .gpc_aside-panel {
  position: absolute;
  inset-inline: -1px;
  top: calc(100% - 1px);
  max-height: min(34rem, 65vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: .25rem .875rem 0;
  border: 1px solid var(--gpc-aside-border);
  border-top: 2px solid var(--gpc-aside-accent);
  border-radius: 0 0 .375rem .375rem;
  background: var(--gpc-aside-surface);
  color: var(--gpc-aside-text);
  box-shadow: 0 .65rem 1.5rem rgba(0, 0, 0, .16);
}
.gpc_content-aside .gpc_aside-list { margin: 0; padding: 0; list-style: none; }
.gpc_content-aside .gpc_aside-preview { padding: .125rem .875rem; }
.gpc_content-aside .gpc_aside-item { margin: 0; padding: 0; }
.gpc_content-aside .gpc_aside-item + .gpc_aside-item { border-top: 1px solid var(--gpc-aside-border); }
.gpc_content-aside .gpc_aside-story {
  display: grid;
  grid-template-columns: var(--gpc-aside-photo-size) minmax(0, 1fr);
  align-items: start;
  gap: .7rem;
  min-height: 44px;
  padding: .75rem 0;
  color: var(--gpc-aside-link);
  text-decoration: none;
  text-transform: none;
}
.gpc_content-aside .gpc_aside-story--text { grid-template-columns: minmax(0, 1fr); }
.gpc_content-aside .gpc_aside-story:hover,
.gpc_content-aside .gpc_aside-story:visited { color: var(--gpc-aside-link); }
.gpc_content-aside .gpc_aside-photo {
  position: relative;
  display: block;
  width: var(--gpc-aside-photo-size);
  height: var(--gpc-aside-photo-size);
  overflow: hidden;
  border-radius: .2rem;
  background: var(--gpc-aside-muted-surface);
  color: var(--gpc-aside-muted);
}
.gpc_content-aside .gpc_aside-photo-placeholder {
  position: absolute;
  inset: 25%;
  width: 50%;
  height: 50%;
}
.gpc_content-aside .gpc_aside-photo img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--gpc-aside-photo-position);
  transition: transform .18s ease;
}
.gpc_content-aside .gpc_aside-photo img[hidden] { display: none; }
.gpc_content-aside .gpc_aside-copy { min-width: 0; }
.gpc_content-aside .gpc_aside-story-title { display: block; overflow-wrap: anywhere; }
.gpc_content-aside .gpc_aside-story-title strong { font-weight: 700; }
.gpc_content-aside .gpc_aside-story:hover .gpc_aside-story-title { text-decoration: underline; text-underline-offset: .18em; }
.gpc_content-aside .gpc_aside-story:hover img { transform: scale(1.035); }
.gpc_content-aside .gpc_aside-date { display: block; margin-block-start: .35rem; color: var(--gpc-aside-muted); font-size: .8rem; }
.gpc_content-aside .gpc_aside-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  min-height: 44px;
  padding: .8rem 0;
  border-top: 1px solid var(--gpc-aside-border);
  color: var(--gpc-aside-link);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  text-transform: none;
}
.gpc_content-aside .gpc_aside-more:hover { color: var(--gpc-aside-link); text-decoration: underline; text-underline-offset: .18em; }
.gpc_content-aside .gpc_aside-footer { padding-inline: 1rem; }
.gpc_content-aside .gpc_aside-summary:focus-visible,
.gpc_content-aside a:focus-visible { outline: 3px solid var(--gpc-aside-link); outline-offset: 3px; border-radius: .15rem; }
.gpc_content-aside .gpc_aside-panel a:focus-visible { outline-offset: -3px; }
[data-bs-theme="dark"] .gpc_content-aside,
[data-theme="dark"] .gpc_content-aside {
  --gpc-aside-link: #ff85a9;
  --gpc-aside-surface: var(--bs-body-bg, #19191c);
  --gpc-aside-muted-surface: var(--bs-tertiary-bg, #242429);
  --gpc-aside-text: var(--bs-body-color, #f5f5f5);
  --gpc-aside-muted: var(--bs-secondary-color, #b5b5be);
  --gpc-aside-border: var(--bs-border-color, #414148);
}
/* A custom data-theme switch may leave Bootstrap's root variables in light mode. */
[data-theme="dark"] .gpc_content-aside {
  --gpc-aside-surface: #19191c;
  --gpc-aside-muted-surface: #242429;
  --gpc-aside-text: #f5f5f5;
  --gpc-aside-muted: #b5b5be;
  --gpc-aside-border: #414148;
}
@media (prefers-reduced-motion: reduce) {
  .gpc_content-aside .gpc_aside-chevron,
  .gpc_content-aside .gpc_aside-photo img { transition: none; }
  .gpc_content-aside .gpc_aside-story:hover img { transform: none; }
}
@media print {
  .gpc_content-aside { break-inside: avoid; }
  .gpc_content-aside .gpc_aside-panel { position: static; max-height: none; overflow: visible; box-shadow: none; }
}