.coloring-hero{background:#f3eee4;color:#253a32;padding:42px 0}.coloring-hero .eyebrow{color:#536a54}.coloring-hero h1{font-size:clamp(2rem,5vw,3.3rem);max-width:690px}.coloring-hero p{max-width:690px}.coloring-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.coloring-jumps a{background:#fff;border:1px solid #bcc8bd;padding:8px 15px;border-radius:30px;color:#253a32;text-decoration:none}.coloring-intro{padding-top:0}.coloring-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0 42px}.coloring-card{background:#fff;border:1px solid #d7dfd9;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.coloring-card>a{display:block;background:#fff}.coloring-card img{display:block;width:100%;height:auto;aspect-ratio:1012/1432;object-fit:contain}.coloring-card .detail{padding:20px;display:flex;flex-direction:column;flex:1}.coloring-card h3{margin:8px 0;font-size:1.2rem}.coloring-card p{margin:7px 0}.coloring-card .button{margin-top:auto;background:#315c49;color:#fff;width:100%;text-align:center}.coloring-card .button:hover{background:#244334}.coloring-tag{font-size:.85rem;color:#315c49;font-weight:750}.coloring-fine{font-size:.88rem;color:#536170}.coloring-panel{background:#fff;border:1px solid #d7dfd9;border-radius:14px;padding:26px;margin:28px 0}.coloring-panel h2{margin-top:0;line-height:1.4}.coloring-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-left:24px}.coloring-temple{display:grid;grid-template-columns:1fr 1fr;gap:20px}.coloring-temple article{border-left:3px solid #b8c9bb;padding:0 18px}.coloring-temple h3{margin-top:0}.coloring-main h2{scroll-margin-top:20px}.coloring-main details{border-top:1px solid #d7dfd9;padding:15px 0}.coloring-main summary{font-weight:750;cursor:pointer}.coloring-main summary:focus-visible{outline:3px solid #c58c00}.coloring-main .button:focus-visible{outline:3px solid #c58c00;outline-offset:3px}@media(max-width:760px){.coloring-grid{grid-template-columns:1fr 1fr;gap:12px}.coloring-card .detail{padding:14px}.coloring-card h3{font-size:1.05rem}.coloring-steps,.coloring-temple{display:block}.coloring-steps li{margin:18px 0}.coloring-temple article+article{margin-top:24px}.coloring-panel{padding:20px}}@media(max-width:420px){.coloring-grid{grid-template-columns:1fr}.coloring-card{max-width:340px;margin:auto;width:100%}.coloring-hero{padding:30px 0}}