.coloring-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,7vw,110px);align-items:center;padding:clamp(28px,5vw,72px);background:#f1f1e5;border-radius:24px;margin-block:36px}.coloring-feature>div>h2{font-size:clamp(34px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 24px}.coloring-feature p{max-width:47ch;line-height:1.75}.coloring-cover{display:block;max-width:370px;width:100%;margin:auto;background:#fffdf5;color:#254a3f;padding:30px 24px 24px;text-align:center;text-decoration:none;box-shadow:8px 12px 0 #c4c9b5,14px 20px 35px #254a3f20;transform:rotate(-3deg);border:1px solid #d8decb}.coloring-cover>span{font-size:11px;letter-spacing:.18em;font-weight:700}.coloring-cover h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1.05;margin:18px 0}.coloring-cover img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;mix-blend-mode:multiply}.coloring-cover b{display:block;font-size:13px;letter-spacing:.06em;margin-top:12px}.coloring-note{font-size:13px;color:#526057}.coloring-download{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:start}.coloring-download h2,.coloring-end h2{font-size:clamp(28px,4vw,42px);line-height:1.15}.coloring-download p{line-height:1.7;max-width:60ch}.coloring-facts{padding:12px 28px;background:#f5f5f0;border-radius:16px}.coloring-facts p+p{border-top:1px solid #ddd;padding-top:18px}.coloring-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.coloring-preview figure{margin:0}.coloring-preview img{display:block;width:100%;height:auto;border:1px solid #dce0d7;border-radius:12px;background:white}.coloring-preview figcaption{font-size:15px;font-weight:600;padding:14px 0}.coloring-end{text-align:center;background:#f6eee0;border-radius:24px;padding:50px 24px;margin-bottom:64px}.coloring-end p{max-width:60ch;margin:18px auto 28px;line-height:1.7}.coloring-page .coloring-feature{margin-top:0}.coloring-page>.section:first-child{padding-bottom:0}.coloring-page .coloring-feature .button{display:none}@media(max-width:700px){.coloring-feature,.coloring-download{grid-template-columns:1fr;gap:35px}.coloring-feature{padding:36px 22px}.coloring-cover{max-width:280px}.coloring-cover img{max-height:230px}.coloring-feature>div>h2{font-size:40px}.coloring-preview{grid-template-columns:1fr}.coloring-preview figure{max-width:370px;width:100%;margin:auto}.coloring-download{gap:24px}}@media(prefers-reduced-motion:reduce){.coloring-cover{transform:none}}

.coloring-feature>div>h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 24px}
