/* Only supplied category sections and new activity pages use these selectors. */
[data-new-activity] .page-hero-inner { padding-top: 48px; padding-bottom: 48px; }
[data-new-activity] .hero-media .credit { display: none; }
[data-new-activity] .page-hero h1 { font-size: 3rem; max-width: 22ch; }
[data-new-activity] .content.single { max-width: 1200px; display: block; }
[data-new-activity] .main-col { width: 100%; min-width: 0; }
[data-new-activity] .block > p,
[data-new-activity] .block > ul,
[data-new-activity] .block > ol { max-width: 78ch; }
[data-new-activity] .category-quick { border-left: 3px solid var(--terracotta); padding: 24px; background: var(--sand); }
.category-cards { margin-top: 28px; margin-bottom: 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.category-cards .card { min-width: 0; display: flex; flex-direction: column; }
.category-cards .card-body { padding: 24px; }
.category-cards h3 { font-size: 1.65rem; overflow-wrap: anywhere; }
.category-cards h3 a { color: inherit; text-decoration: none; }
.category-cards h3 a:hover { color: var(--terracotta); }
.category-cards p { font-size: 1rem; }
.category-cards .credit { white-space: normal; max-width: 100%; font-size: .7rem; }
[data-category-hub] .btn,
[data-new-activity] .btn { white-space: normal; text-align: center; line-height: 1.4; }
@media (max-width: 900px) { .category-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .category-cards { grid-template-columns: minmax(0, 1fr); }
  [data-new-activity] .page-hero h1 { font-size: 2.2rem; }
  [data-new-activity] .page-hero-inner { padding-top: 32px; padding-bottom: 32px; }
}