/* Short activity pages extend the approved guide-header and area-card patterns. */
.activity-page { max-width:1000px; padding-bottom:48px; }
.activity-intro { padding:32px 36px; margin:24px 0 32px; border-radius:24px; background:linear-gradient(110deg,#f2edf8,var(--cream) 85%); }
.activity-intro h1 { margin:18px 0; color:var(--forest); font-size:clamp(34px,4vw,46px); }
.activity-hook { max-width:55ch; font-size:20px; line-height:1.55; margin:0 0 14px; }
.activity-purpose { max-width:70ch; font-size:16px; margin:0; }
.activity-jumps { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.activity-jumps a { display:inline-flex; align-items:center; gap:16px; padding:10px 16px; border:1px solid #d6cfdf; border-radius:999px; background:#fff9; color:var(--forest); font-size:13px; text-decoration:none; }
.activity-page h2 { font-size:25px; color:var(--forest); line-height:1.25; }
.activity-page p { line-height:1.7; }
.activity-prep { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-bottom:32px; }
.activity-prep section { padding:24px; border-radius:18px; border:1px solid var(--border); }
.activity-materials { background:var(--cream); border-color:transparent!important; }
.activity-prep p { margin-bottom:0; }
.activity-materials ul { padding-left:20px; margin-bottom:0; }
.activity-materials li+li { margin-top:10px; }
.activity-section { margin:32px 0; scroll-margin-top:24px; }
.play-steps { list-style:none; padding:0; margin:22px 0; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.play-steps li { display:flex; gap:16px; padding:24px; border-radius:18px; background:var(--cream); }
.play-steps li:nth-child(2),.play-steps li:nth-child(3) { background:#f2edf8; }
.play-number { display:grid; place-items:center; width:34px; height:34px; flex:none; background:white; border:1px solid var(--border); border-radius:50%; color:var(--forest); font-size:13px; font-weight:600; }
.play-steps h3 { font-size:20px; line-height:1.35; color:var(--forest); margin:3px 0 10px; }
.play-steps p { margin:0; }
.activity-after { max-width:75ch; margin-bottom:0; }
.activity-adaptations { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.activity-adaptations > div { padding:24px; border:1px solid var(--border); border-radius:18px; }
.activity-adaptations > div:first-child { background:var(--sage); border-color:transparent; }
.activity-adaptations h2 { font-size:22px; }
.activity-adaptations p { margin-bottom:0; }
.activity-safety { border-left:3px solid var(--border); padding-left:20px; margin:30px 0; }
.activity-safety h2 { font-size:19px; color:var(--ink); }
.activity-safety p { font-size:14px; color:var(--muted); margin-bottom:0; }
.activity-notice { display:grid; grid-template-columns:1fr 2fr; gap:28px; padding:26px; background:var(--cream); border-radius:20px; margin:32px 0; }
.activity-notice .eyebrow { margin:0 0 10px; }
.activity-notice p { margin-top:0; }
.activity-notice a { color:var(--forest); font-weight:500; font-size:15px; }
.activity-conversion { background:var(--forest); color:white; border-radius:22px; padding:28px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center; }
.activity-conversion h2 { color:white; font-size:26px; }
.activity-conversion p { margin-bottom:0; max-width:65ch; font-size:15px; }
.activity-conversion .button { background:white; color:var(--forest); text-decoration:none; text-align:center; }
@media(max-width:800px) { .activity-conversion { grid-template-columns:1fr; gap:20px; }.activity-conversion .button { justify-self:start; } }
@media(max-width:650px) {
 .activity-intro { padding:24px; }
 .activity-hook { font-size:18px; }
 .activity-prep,.play-steps,.activity-adaptations,.activity-notice { grid-template-columns:1fr; }
 .activity-prep { gap:16px; }
 .activity-page h2 { font-size:23px; }
 .activity-prep section,.play-steps li,.activity-adaptations>div { padding:22px; }
 .play-steps { gap:14px; }
 .activity-notice { gap:16px; padding:24px; }
 .activity-conversion { padding:24px; }
 .activity-page .activity-safety h2 { font-size:19px; }
}