.coloring-activity360{margin-top:18px;border:1px solid var(--line,#b9c2d5);border-left:4px solid var(--accent,#71c99a);border-radius:12px;padding:14px;background:color-mix(in srgb,var(--surface,#fff) 88%,var(--accent,#71c99a))}.coloring-activity360 p{margin:0 0 8px}.coloring-activity360 .learning-duration352{font-weight:800}.coloring-link360{display:inline-flex;align-items:center;min-height:44px;border-radius:10px;padding:8px 13px;background:var(--accent,#28744f);color:#fff;font-weight:750;text-decoration:none}.coloring-link360:focus-visible{outline:3px solid var(--focus,#f5bd5d);outline-offset:3px}

.story-learning352 .coloring-activity360,.story-learning352 .learning-coloring354{margin:18px 0;padding:16px;border:1px solid #91aa98;border-left:5px solid #2d704a;border-radius:14px;background:#eef5ef;color:#193b2b}
.story-learning352 .coloring-activity360 p,.story-learning352 .learning-coloring354 p{color:inherit}
.story-learning352 .coloring-activity360 .learning-duration352{display:flex;align-items:center;gap:9px;color:inherit;font-size:.95rem;letter-spacing:0;margin-bottom:8px}
.coloring-activity-icon360{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#dcebe0;font-size:1.2rem}
.story-learning352 .coloring-activity360 h3,.story-learning352 .learning-coloring354 h3{color:inherit}
.story-learning352 .coloring-link360,.story-learning352 .learning-coloring-link354{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:9px;padding:9px 14px;border:0;border-radius:10px;background:#245e3e;color:#fff!important;font-weight:750;text-decoration:none}
.story-learning352 .coloring-link360:hover,.story-learning352 .learning-coloring-link354:hover{background:#17482d}
.story-learning352 .coloring-link360:focus-visible,.story-learning352 .learning-coloring-link354:focus-visible{outline:3px solid #a36d00;outline-offset:3px}
html[data-theme="dark"] .story-learning352 .coloring-activity360,html[data-theme="dark"] .story-learning352 .learning-coloring354{border-color:#64816e;border-left-color:#a8dcb4;background:#243a30;color:#eff8f0}
html[data-theme="dark"] .coloring-activity-icon360{background:#365442}
html[data-theme="dark"] .story-learning352 .coloring-link360,html[data-theme="dark"] .story-learning352 .learning-coloring-link354{background:#a8dfb5;color:#17281c!important}
html[data-theme="dark"] .story-learning352 .coloring-link360:hover,html[data-theme="dark"] .story-learning352 .learning-coloring-link354:hover{background:#c1edca}
html[data-theme="dark"] .story-learning352 .coloring-link360:focus-visible,html[data-theme="dark"] .story-learning352 .learning-coloring-link354:focus-visible{outline-color:#f4c66b}
.story-activity-cta{margin:18px 0;padding:16px;border:1px solid #c9a54f;border-radius:16px;background:#fff8e4;color:#25324e}
.story-activity-cta h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:inherit}
.story-activity-cta p{margin:0 0 10px}
.story-activity-cta a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;background:#f4ca73;color:#15203c;font-weight:750;text-decoration:none}
.story-activity-icon{font-size:1.2em}
html[data-theme=dark] .story-activity-cta{background:#242b43;color:#f5ecd9;border-color:#d6ae55}