/* Editorial programme section. All rules scoped to avoid affecting the CMS cards. */
#kids-activities {
  --ae-navy: #051745;
  --ae-text: #526078;
  --ae-line: #e3e8ef;
  padding: clamp(2.75rem, 6vw, 5.5rem) 1.5rem;
  background: #fff;
  color: var(--ae-navy);
  scroll-margin-top: 5rem;
}
#kids-activities .ae-wrap {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr);
  column-gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
#kids-activities .ae-heading { padding-top: .3rem; }
#kids-activities .ae-eyebrow {
  display: flex; align-items: center; gap: .75rem;
  margin: 0 0 1.5rem;
  font-size: .65rem; font-weight: 600; letter-spacing: .15em; line-height: 1.6;
  color: var(--ae-text);
}
#kids-activities .ae-eyebrow::before { content: ''; width: 24px; height: 2px; background: #ed008c; flex-shrink: 0; }
#kids-activities h2 {
  text-align: left; margin: 0; color: var(--ae-navy);
  font-size: clamp(2rem, 3.3vw, 2.8rem); font-weight: 600;
  line-height: 1.22; letter-spacing: -.045em;
}
#kids-activities h2 span { color: #415577; }
#kids-activities .ae-intro { margin: 1.5rem 0 0; font-size: .95rem; line-height: 1.9; color: var(--ae-text); }
#kids-activities .ae-heading-note { margin: 1rem 0 1.75rem; font-size: .82rem; line-height: 1.9; color: var(--ae-text); }
#kids-activities .ae-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 1.5rem;
  min-height: 46px; padding: .8rem 1.1rem;
  border: 1px solid transparent; border-radius: 6px;
  font-size: .78rem; font-weight: 500; line-height: 1.5; text-decoration: none;
  transition: background-color .18s, border-color .18s;
}
#kids-activities .ae-button-primary { background: var(--ae-navy); color: #fff; }
#kids-activities .ae-button-primary span { color: #79e3ec; }
#kids-activities .ae-heading-link { display: block; width: fit-content; padding: .75rem 0; margin-top: .3rem; color: var(--ae-navy); font-size: .75rem; text-underline-offset: 4px; }
#kids-activities .ae-heading-link span { margin-left: .6rem; }
#kids-activities .ae-grid { min-width: 0; }
#kids-activities .ae-list-heading { display: flex; justify-content: space-between; gap: 1rem; padding: 0 .2rem 1rem; border-bottom: 1px solid var(--ae-line); font-size: .65rem; color: var(--ae-text); line-height: 1.6; }
#kids-activities .ae-list-heading span:first-child { letter-spacing: .13em; font-weight: 600; }
#kids-activities .ae-card { border-bottom: 1px solid var(--ae-line); background: #fff; transition: background-color .18s; }
#kids-activities .ae-card summary {
  position: relative; display: grid; cursor: pointer; list-style: none;
  grid-template-columns: 48px minmax(0, 1fr) 26px;
  column-gap: 1.15rem; align-content: center;
  min-height: 122px; padding: 1.15rem .6rem;
  color: var(--ae-navy);
}
#kids-activities summary::-webkit-details-marker { display: none; }
#kids-activities .ae-card-top { grid-column: 2; grid-row: 1; line-height: 1; margin-bottom: .4rem; }
#kids-activities .ae-category { font-size: .56rem; letter-spacing: .12em; font-weight: 600; line-height: 1.5; color: #6a5570; }
#kids-activities .ae-toggle { position: absolute; right: .75rem; top: calc(50% - 13px); width: 26px; height: 26px; border: 1px solid #d9e1ec; border-radius: 50%; }
#kids-activities .ae-toggle::before, #kids-activities .ae-toggle::after { content: ''; position: absolute; width: 10px; height: 1px; background: var(--ae-navy); top: 11px; left: 7px; }
#kids-activities .ae-toggle::after { transform: rotate(90deg); }
#kids-activities .ae-art { grid-column: 1; grid-row: 1 / 4; align-self: center; width: 48px; height: 48px; padding: 6px; margin: 0; border-radius: 10px; background: #f4f7fa; }
#kids-activities .ae-card h3 { grid-column: 2; grid-row: 2; margin: 0; font-size: 1.03rem; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; color: var(--ae-navy); }
#kids-activities .ae-teaser { grid-column: 2; grid-row: 3; margin-top: .2rem; font-size: .76rem; line-height: 1.65; color: var(--ae-text); }
/* The summary itself is the native disclosure control; avoid a duplicate action row. */
#kids-activities .ae-card-action { display: none; }
#kids-activities .ae-card[open] { background: #f7f9fc; }
#kids-activities .ae-card[open] .ae-toggle { border-color: #ed008c60; background: #fff; }
#kids-activities .ae-card[open] .ae-toggle::after { display: none; }
#kids-activities .ae-details { padding: 0 3rem 1.25rem 4.75rem; }
#kids-activities .ae-details p { font-size: .8rem; line-height: 1.85; color: var(--ae-text); margin: 0 0 .5rem; }
#kids-activities .ae-details a { display: inline-block; padding: .6rem 0; color: #9d005d; font-size: .76rem; font-weight: 600; line-height: 1.6; text-underline-offset: 4px; }
#kids-activities .ae-footer {
  grid-column: 1 / -1; margin-top: 2.5rem; padding: 1.5rem 1.75rem;
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
  background: #f5f8fa; border-left: 3px solid #79e3ec; border-radius: 0 8px 8px 0;
}
#kids-activities .ae-footer h3 { font-size: .95rem; line-height: 1.6; font-weight: 600; margin: 0 0 .3rem; color: var(--ae-navy); }
#kids-activities .ae-footer p { font-size: .77rem; line-height: 1.8; color: var(--ae-text); margin: 0; max-width: 510px; }
#kids-activities .ae-footer nav { display: flex; flex-direction: column; align-items: center; gap: .25rem; flex-shrink: 0; }
#kids-activities .ae-button-secondary { background: #fff; color: var(--ae-navy); border-color: #c9d3e1; }
#kids-activities .ae-location { color: var(--ae-text); font-size: .7rem; line-height: 1.6; padding: .6rem; text-underline-offset: 3px; }
#kids-activities .ae-note { grid-column: 1 / -1; font-size: .65rem; line-height: 1.8; color: var(--ae-text); margin: 1rem 0 0; }
#kids-activities a:focus-visible { outline: 2px solid #0088c8; outline-offset: 4px; }
#kids-activities summary:focus-visible { outline: 2px solid #0088c8; outline-offset: -2px; }
@media (hover: hover) {
  #kids-activities .ae-card:hover { background: #f7f9fc; }
  #kids-activities .ae-card summary:hover h3 { color: #a70063; }
  #kids-activities .ae-button-primary:hover { background: #18325d; }
  #kids-activities .ae-button-secondary:hover { border-color: #051745; }
}
@media (max-width: 800px) {
  #kids-activities .ae-wrap { grid-template-columns: minmax(0, 1fr); }
  #kids-activities .ae-heading { max-width: 560px; margin-bottom: 2rem; }
  #kids-activities h2 { font-size: 2rem; }
  #kids-activities .ae-intro { margin-top: 1.1rem; font-size: .88rem; }
  #kids-activities .ae-heading-note { margin-bottom: 1.25rem; }
  #kids-activities .ae-heading-link { display: inline-block; margin: 0 0 0 1rem; }
}
@media (max-width: 480px) {
  #kids-activities { padding: 2.5rem 1.25rem; }
  #kids-activities .ae-eyebrow { font-size: .6rem; margin-bottom: 1.15rem; }
  #kids-activities .ae-heading-link { margin: .25rem 0 0; display: block; }
  #kids-activities .ae-card summary { grid-template-columns: 40px minmax(0, 1fr) 24px; column-gap: .8rem; padding: 1rem .1rem; min-height: 115px; }
  #kids-activities .ae-art { width: 40px; height: 44px; padding: 4px; }
  #kids-activities .ae-toggle { right: .1rem; }
  #kids-activities .ae-card h3 { font-size: .96rem; }
  #kids-activities .ae-teaser { font-size: .73rem; }
  #kids-activities .ae-details { padding: 0 .5rem 1rem 3.4rem; }
  #kids-activities .ae-footer { margin-top: 1.75rem; padding: 1.25rem; flex-direction: column; align-items: flex-start; gap: 1rem; }
  #kids-activities .ae-footer nav { align-items: flex-start; }
  #kids-activities .ae-location { padding-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #kids-activities *, #kids-activities *::before, #kids-activities *::after { transition: none !important; scroll-behavior: auto !important; }
}