/* Activity surfaces extend the shared family website design-system tokens. */
.free-activities{background:var(--paper)}
.activity-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-block:1rem;border-bottom:1px solid var(--line)}
.activity-header>a{flex:none}.activity-header .brand-logo{width:84px}.activity-auth{display:flex;flex-wrap:wrap;gap:.6rem;margin-left:auto}.activity-auth .button{padding:.6rem 1rem;min-height:48px}.activity-language{position:relative}.activity-language summary,.activity-language a,.activity-back,.activity-footer nav>a{min-height:48px;display:inline-flex;align-items:center;padding:.5rem}.activity-language summary{cursor:pointer}.activity-language nav{position:absolute;right:0;min-width:11rem;display:grid;z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow)}
.activity-main{padding-block:1rem 3rem;max-width:70rem}.activity-main section{margin-block:1.75rem}.activity-intro>p{max-width:54ch}.activity-intro h1{max-width:25ch}.activity-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:46rem;margin-block:1.5rem}.activity-previews:has(>.activity-preview:only-child){max-width:28rem;grid-template-columns:minmax(0,1fr)}.activity-preview{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:var(--ink);min-width:0}.activity-preview>img{display:block;width:100%;height:14rem;object-fit:contain;padding:.75rem}.activity-preview>span:not(.sr-only){display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;min-height:48px;font-weight:700;background:var(--brand-pale)}.activity-preview:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.activity-icon{display:block;width:2.25rem;height:2.25rem;flex:none}.activity-preview .activity-icon,.button .activity-icon{width:1.6rem;height:1.6rem}
.activity-materials{padding:1rem 0;border-block:1px solid var(--line)}.activity-materials h2{margin:0 0 1rem}.activity-materials ul{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;list-style:none;padding:0;margin:0}.activity-materials li{display:flex;align-items:center;gap:.65rem;max-width:100%}.activity-materials .activity-icon{width:2.75rem;height:2.75rem}.activity-instructions{max-width:51rem}.activity-steps{list-style:none;padding:0;margin:1.25rem 0;display:grid;gap:1.25rem}.activity-steps li{display:flex;gap:1rem;align-items:flex-start;min-width:0}.activity-steps li>div{min-width:0}.activity-steps h3{margin:0 0 .35rem}.activity-steps p{margin:0;max-width:60ch;line-height:1.5}.activity-steps>.activity-icon{margin-top:.1rem}.activity-keep{max-width:52rem}.activity-keep h2,.optional-print h2{display:flex;gap:.75rem;align-items:center}.activity-keep p{max-width:60ch}.activity-more{max-width:52rem;border-block:1px solid var(--line);padding-block:.5rem}.activity-more>summary{display:flex;align-items:center;gap:.75rem;min-height:52px;cursor:pointer;font-weight:700;list-style:none}.activity-more>summary::after{content:'+';margin-left:auto}.activity-more[open]>summary::after{content:'−'}.activity-more>div{padding:.5rem 0 1rem;max-width:60ch}.activity-more h3{margin-block:1rem .3rem}.activity-more p{margin-block:.3rem}.no-script-help{display:none}.no-script-help:target{display:block}
.activity-downloads,.activity-related{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1.25rem}.activity-downloads .button,.activity-related .button{white-space:normal;max-width:100%;text-align:center}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.activity-card{display:flex;flex-direction:column;gap:.9rem;padding:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.activity-card img{width:100%;aspect-ratio:3/2;object-fit:contain}.activity-card h3,.activity-card p{margin:0}.activity-card .button{margin-top:auto;align-self:flex-start}.activity-coloring{max-width:28rem}.activity-coloring .activity-preview>img{height:22rem}.activity-coloring>a.button{margin-top:1rem}.activity-footer{border-top:1px solid var(--line);padding-block:2rem}.activity-footer>p{max-width:60ch}.activity-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.activity-footer .activity-auth{margin-top:1rem}
.activity-dialog{width:min(40rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:auto;border:1px solid var(--line);border-radius:var(--radius);padding:0 1.5rem 1.5rem;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font-family:var(--sans);overflow:auto;overscroll-behavior:contain}.activity-dialog::backdrop{background:color-mix(in srgb,var(--ink) 45%,transparent)}.dialog-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:var(--surface);padding:1rem 0;z-index:1}.dialog-top h2{margin:0;flex:1 1 12rem}.dialog-top button{flex:none}.paper-choices{border:0;padding:1rem 0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem}.paper-choices legend{font-weight:700}.paper-choices label{display:flex;align-items:center;gap:.6rem;min-height:60px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem 1rem;cursor:pointer;flex:1 1 12rem}.paper-choices label:has(input:checked){border-color:var(--brand);background:var(--brand-pale)}.paper-choices input{width:1.3rem;height:1.3rem;accent-color:var(--brand);flex:none}.dialog-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.dialog-actions>*{flex:1 1 12rem}#activity-print-stage{display:none}.activity-resource-data[hidden],[hidden]{display:none!important}.postcard-size{display:flex;gap:.75rem;max-width:60ch}
@media(max-width:55rem){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:36rem){.activity-header{gap:.5rem}.activity-header .brand-logo{width:65px}.activity-auth .button{padding:.5rem .75rem}.activity-language{margin-left:auto}.activity-previews{gap:.65rem;margin-block:1rem}.activity-preview>img{height:10rem;padding:.4rem}.activity-preview>span:not(.sr-only){font-size:.9rem;gap:.25rem}.activity-materials ul{gap:.75rem 1rem}.activity-materials li{flex:1 1 8rem}.activity-materials .activity-icon{width:2.25rem;height:2.25rem}.activity-downloads{align-items:stretch}.activity-downloads .button{flex:1 1 9rem}.activity-steps{gap:1.25rem}.activity-steps li{gap:.6rem}.activity-grid{grid-template-columns:1fr}.activity-dialog{padding-inline:1rem}.dialog-top .button{padding:.6rem 1rem}.activity-dialog .button{min-height:52px}}
@page activityLetter{size:letter;margin:14mm}@page activityA4{size:A4;margin:14mm}
@media print{body.activity-printing>*:not(#activity-print-stage){display:none!important}body.activity-printing #activity-print-stage{display:block!important}#activity-print-stage.paper-letter{page:activityLetter}#activity-print-stage.paper-a4{page:activityA4}.print-sheet{background:white;color:var(--ink)}.print-image{display:block;max-width:100%;max-height:235mm;object-fit:contain;margin:auto}.print-postcard .print-image{width:6in;height:4in;max-width:none;max-height:none;margin:20mm auto}.print-logo{display:block;width:14mm;height:auto;margin-top:6mm}.print-title,.print-instructions>h2:first-child{font-size:21pt}.print-instructions h2{font-size:13pt}.print-instructions h3{font-size:12pt}.print-instructions p,.print-instructions li{font-size:11pt}.print-instructions .activity-icon{width:8mm;height:8mm}.print-instructions .activity-materials{margin-block:5mm;padding-block:4mm}.print-instructions .activity-steps li{break-inside:avoid}.print-instructions .activity-steps{gap:5mm}.activity-header,.activity-footer,.activity-downloads,.activity-more,.activity-preview>span,.activity-dialog,.activity-auth{display:none!important}}

/* Worksheet print areas follow the chosen sheet, leaving2mm for rounding. */
@media print{#activity-print-stage.paper-letter{--worksheet-height:249.4mm}#activity-print-stage.paper-a4{--worksheet-height:267mm}.print-template .print-image{width:100%;height:var(--worksheet-height);max-height:none;object-fit:contain}}