/* One coherent composition for activity introductions and their live dates. */
.ao-site .ao-page:has(.ao-activity) .ao-page-title{max-width:1040px;margin:0 auto 28px;text-align:center;font-size:clamp(36px,4.3vw,62px);line-height:1.08}
.ao-activity{display:grid;gap:clamp(36px,5vw,64px);width:100%;margin-inline:auto}
.ao-activity :is(p,ul){font-size:14px;line-height:1.8}
.ao-activity p{margin:0 0 16px}
.ao-activity :is(h2,h3){line-height:1.15;margin:0 0 20px}
.ao-activity h2{font-size:clamp(28px,3vw,42px)}
.ao-activity h3{font-size:clamp(23px,2.2vw,30px)}
.ao-activity :is(.ao-activity-intro,.ao-activity-step){display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;min-width:0}
.ao-activity :is(.ao-activity-intro,.ao-activity-step)>div{min-width:0}
.ao-activity figure{margin:0;min-width:0}
.ao-activity figure>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
.ao-activity .ao-activity-intro figure>img{aspect-ratio:6/5;object-position:center 55%}
.ao-activity figcaption{font-size:11px;line-height:1.6;margin-top:10px}
.ao-activity .ao-activity-step:nth-child(3) figure{order:2}
.ao-activity .ao-activity-intro p:first-child{font-size:16px;line-height:1.75}
.ao-activity .ao-activity-note{padding:clamp(22px,3vw,38px);background:#eaf2ff;border-radius:24px}
.ao-activity .ao-activity-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}
.ao-activity .ao-activity-reading{width:min(100%,820px);margin-inline:auto}
.ao-activity .ao-activity-reading>h2{text-align:center}
.ao-activity .ao-activity-reading h3{margin-top:28px}
.ao-activity .ao-activity-dates>h2{text-align:center}
.ao-activity .ao-activity-dates>p{max-width:64ch;margin:0 auto 26px;text-align:center}
.ao-activity .ao-category-status{font-size:11px;text-align:center;margin:18px auto 0;max-width:80ch}
.ao-activity .ao-event-teasers{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ao-activity .ao-event-teaser{grid-template-columns:1fr;padding:16px;gap:14px;font-size:13px;border-radius:20px;background:rgba(194,220,255,.2);align-content:start}
.ao-activity .ao-event-teaser img{width:100%;height:220px;object-fit:contain;background:#eaf2ff;border-radius:12px}
.ao-activity .ao-event-teaser strong{font-size:17px;line-height:1.4;margin:0 0 12px}
.ao-activity .ao-event-teaser time{font-size:13px;margin-bottom:10px}
.ao-activity .ao-event-teaser:hover{border-color:var(--ao-blue)}
.ao-activity .ao-event-teaser:focus-visible,.ao-activity-choices a:focus-visible{outline:3px solid var(--ao-blue);outline-offset:4px}
.ao-activity .ao-activity-links{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:24px}
.ao-activity-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 36px}
.ao-activity-choices>a{display:block;padding:24px 28px;background:#eaf2ff;border:1px solid transparent;border-radius:20px;text-decoration:none}
.ao-activity-choices>a:hover{border-color:var(--ao-blue)}
.ao-activity-choices strong{display:block;font:clamp(25px,2.6vw,36px)/1.15 var(--ao-display);color:var(--ao-orange);margin-bottom:12px}
.ao-activity-choices span{font-size:13px;line-height:1.7;display:block;max-width:50ch}
@media(max-width:900px){.ao-activity .ao-event-teasers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .ao-activity :is(.ao-activity-intro,.ao-activity-step),.ao-activity .ao-activity-facts,.ao-activity-choices{grid-template-columns:1fr}
 .ao-activity .ao-activity-step:nth-child(3) figure{order:0}
 .ao-activity :is(.ao-activity-intro,.ao-activity-step){gap:24px}
 .ao-activity .ao-activity-intro figure>img{aspect-ratio:4/3}
 .ao-activity figure>img{border-radius:18px}
 .ao-activity-choices{gap:12px}
 .ao-activity-choices>a{padding:20px}
}
@media(max-width:480px){.ao-activity .ao-event-teasers{grid-template-columns:1fr}.ao-activity .ao-event-teaser{grid-template-columns:88px minmax(0,1fr);padding:12px;gap:12px}.ao-activity .ao-event-teaser img{width:88px;height:118px}.ao-activity .ao-event-teaser strong{font-size:14px}.ao-activity .ao-event-teaser time{font-size:12px}.ao-activity .ao-event-teaser:not(:has(>img)){grid-template-columns:1fr}}