.fun{background:#efe5cf;padding:20px;color:#314156;font:16px/1.5 Arial,sans-serif}.fun-panel{background:#fffdf8;border:1px solid #d9c39e;border-top:3px solid #ba842e;border-radius:9px;padding:24px;margin-bottom:20px}.fun h1,.fun h2,.fun h3{font-family:Georgia,serif;color:#2f668f;line-height:1.15;margin:0 0 16px}.fun h1{font-size:42px}.fun h2{font-size:30px}.fun h3{font-size:24px}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:bold}.fun nav,.actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.fun a{color:#245880}.fun nav a,.fun button,.fun-link,.preview-controls button{display:inline-block;background:#2f668f;color:white;border:0;border-radius:5px;padding:10px 14px;font:600 14px Arial;cursor:pointer;text-decoration:none}.fun button:hover,.fun nav a:hover{background:#224966}.fun button:focus-visible,.fun a:focus-visible,.fun input:focus-visible{outline:3px solid #bb831f;outline-offset:2px}.fun-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.fun article{border:1px solid #dacbb3;border-radius:7px;padding:18px;background:white;min-width:0}.fun input,.fun select{font:inherit;padding:8px;border:1px solid #929ca5;border-radius:3px;max-width:100%;box-sizing:border-box}.fun input#word-answer{display:block;width:100%}.sudoku{display:grid;grid-template-columns:repeat(9,1fr);width:100%;max-width:324px;border:2px solid #314156;margin:16px 0}.sudoku input{width:100%;min-width:0;aspect-ratio:1;padding:0;text-align:center;border:0;border-right:1px solid #b6bec5;border-bottom:1px solid #b6bec5;border-radius:0;font-size:18px;color:#245880}.sudoku input:read-only{background:#eff1ec;color:#263440;font-weight:bold}.sudoku input:nth-child(3n){border-right:2px solid #314156}.sudoku input:nth-child(n+19):nth-child(-n+27),.sudoku input:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #314156}.letters{font-size:30px;letter-spacing:5px;font-weight:bold;color:#2f668f;overflow-wrap:anywhere}.choices{display:grid;gap:10px}.fun details{font-size:13px;margin-top:20px}.activity-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}.activity-library svg{width:100%;height:110px}.fun-link{margin:6px 5px 0 0;color:white!important}#activity-dialog{width:min(740px,90vw);max-height:90vh;box-sizing:border-box;border:1px solid #b59a6b;border-radius:8px;padding:24px}#activity-dialog::backdrop{background:#0008}.preview-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}#print-content{font:16px/1.5 Arial;color:#111}#print-content svg{width:100%;max-height:650px}#print-content h1{font:28px Georgia}#print-content .print-sudoku{border-collapse:collapse;width:360px;height:360px}#print-content .print-sudoku td{border:1px solid black;width:40px;text-align:center}#print-content .print-sudoku td:nth-child(3n){border-right:3px solid black}#print-content .print-sudoku tr:nth-child(3n) td{border-bottom:3px solid black}@media(max-width:500px){.fun{padding:8px}.fun-panel{padding:16px}.fun h1{font-size:34px}}@media print{@page{size:letter portrait;margin:14mm}body>*{display:none!important}body>#activity-dialog[open]{display:block!important;position:static;width:100%;max-width:none;max-height:none;border:0;padding:0;overflow:visible}.preview-controls{display:none!important}#print-content svg{max-height:205mm}#print-content{break-inside:avoid}}

.learn-subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:20px 0}.fun .learn-subjects button{background:#f1e8d7;color:#274f68;border:2px solid transparent}.fun .learn-subjects button[aria-pressed=true]{border-color:#2f668f;background:#2f668f;color:white}.learn-round{margin-top:20px}.learn-round h4{font-size:22px;margin:18px 0}.learn-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:720px}.fun button:disabled{cursor:default;opacity:.65}.fun button.correct-choice{background:#28783a;opacity:1}.practice-sheet li{margin:0 0 22px;break-inside:avoid}.practice-sheet p{margin:8px 0}@media(max-width:500px){.learn-choices{grid-template-columns:1fr}}@media print{.practice-sheet{font-size:12pt}.practice-sheet li{margin-bottom:18px}}

/* Small subject accents keep the activity page warm and easy to scan. */
.fun #play{border-top-color:#6b967c}.fun #learn{border-top-color:#79a8c7}.fun #printables{border-top-color:#d5a73c}.fun #offers{border-top-color:#cb9275}
.fun-games>article:nth-child(1){border-top:5px solid #79a58a;background:linear-gradient(#f0f7ee,white 110px)}
.fun-games>article:nth-child(2){border-top:5px solid #dfb555;background:linear-gradient(#fff7e1,white 110px)}
.fun-games>article:nth-child(3){border-top:5px solid #87afc7;background:linear-gradient(#edf6fc,white 110px)}
.activity-library>article:nth-child(4n+1){border-top:4px solid #89aa79}.activity-library>article:nth-child(4n+2){border-top:4px solid #d69a83}.activity-library>article:nth-child(4n+3){border-top:4px solid #d8b053}.activity-library>article:nth-child(4n){border-top:4px solid #81a9c6}
.fun .learn-subjects button[data-learn-subject=math]{border-bottom:4px solid #6a9d86}.fun .learn-subjects button[data-learn-subject=word]{border-bottom:4px solid #d7ab43}.fun .learn-subjects button[data-learn-subject=science]{border-bottom:4px solid #85ad65}.fun .learn-subjects button[data-learn-subject=geography]{border-bottom:4px solid #cc9277}
.fun .learn-round{background:linear-gradient(120deg,#f1f7fb,white 65%)}.fun #learn-progress{display:inline-block;background:#e2efe7;color:#28553b;border-radius:20px;padding:5px 12px;font-size:14px}.fun .eyebrow{color:#946321}
