/* Coloring library only: existing site components stay unchanged. */
.coloring-intro h2,.coloring-toolbar h2,.coloring-guide h2,.coloring-video h2,.coloring-faq h2{font:800 clamp(1.6rem,3vw,2.2rem)/1.2 var(--font-head);color:var(--navy);margin:0 0 18px}
.coloring-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 34px}.coloring-benefits span{background:#ecf7ee;border:1px solid #c1dfc8;color:#205a37;padding:8px 16px;border-radius:999px;font-weight:800;font-size:.9rem}
.coloring-categories{display:flex;flex-wrap:wrap;gap:10px}.coloring-categories a{display:flex;align-items:center;gap:10px;border:2px solid #dce8f8;border-radius:16px;background:#fff;padding:12px 16px;color:var(--navy);font-weight:800}.coloring-categories a:hover,.coloring-categories a[aria-current]{border-color:var(--blue);background:#edf5ff}.coloring-categories span{background:#e7f0fd;border-radius:50%;min-width:26px;text-align:center;font-size:.8rem;padding:3px}
.coloring-note{max-width:900px;line-height:1.75;margin:22px 0;color:var(--muted)}.coloring-all{font-weight:800;color:#1558a3;text-decoration:underline}
.coloring-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:24px}.coloring-search label{display:block;font-weight:800;font-size:.85rem;margin-bottom:6px;color:var(--navy)}.coloring-search input{font:inherit;border:2px solid #c4d7ed;border-radius:12px;padding:12px;width:280px;max-width:100%;background:#fff}.coloring-search[hidden]{display:none}
#coloring-count{color:var(--muted);margin:8px 0 22px}.coloring-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.coloring-card{border:1px solid #dce8f5;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 6px 22px #16345b0b;scroll-margin-top:110px}.coloring-card[hidden]{display:none}.coloring-preview{display:block;padding:14px;background:#f2f6fb;border-bottom:1px solid #e4edf8}.coloring-preview img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:contain;border-radius:7px;background:#fff;transition:transform .2s}.coloring-preview:hover img{transform:scale(1.025)}.coloring-card-body{padding:17px}.coloring-tag{font-size:.72rem;letter-spacing:.02em;color:#526783;font-weight:800;margin-bottom:7px}.coloring-card h3{font:800 1.25rem/1.3 var(--font-head);color:var(--navy);min-height:3.25rem;margin-bottom:14px}.coloring-downloads{display:flex;gap:12px;align-items:center}.coloring-download{display:flex;flex-direction:column;background:#1764c1;color:#fff;padding:10px 15px;border-radius:12px;flex:1;font-weight:800;text-align:center}.coloring-download:hover{background:#104d9a}.coloring-download small{font-size:.7rem;font-weight:500}.coloring-downloads>a:last-child{font-size:.85rem;font-weight:800;color:#16589e;text-decoration:underline}
.coloring-guide{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding-top:28px;padding-bottom:20px}.coloring-guide ol{padding-left:22px;line-height:1.9;margin-bottom:18px}.coloring-guide p{line-height:1.7}.coloring-guide aside{background:#fff5d9;border:2px solid #ffe198;border-radius:24px;padding:28px;align-self:start}.coloring-guide h3{font:800 1.5rem var(--font-head);margin-bottom:12px;color:var(--navy)}.coloring-guide aside .btn-orange{margin-top:18px;font-size:.9rem}.coloring-file-size{font-size:.82rem;color:#655437;margin-top:12px}
.coloring-video{display:flex;align-items:center;gap:32px;justify-content:space-between;background:#eaf4ff;border:2px solid #d2e7fc;border-radius:26px;padding:30px}.coloring-video>div{max-width:680px}.coloring-video p{line-height:1.7}.coloring-video>a{flex-shrink:0;font-size:.9rem}.coloring-faq{padding-top:20px;padding-bottom:35px}.coloring-faq details{border-bottom:1px solid #dce6f2;padding:18px 0}.coloring-faq summary{cursor:pointer;font-weight:800;color:var(--navy)}.coloring-faq p{margin-top:12px;line-height:1.7;max-width:900px}.coloring-faq a{color:#1558a3;text-decoration:underline}
body[data-page="kolorowanki"] :focus-visible{outline:3px solid #ef961b;outline-offset:4px}#wzory,#jak-drukowac{scroll-margin-top:110px}
@media(max-width:1100px){.coloring-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coloring-video{align-items:start;flex-direction:column}}
@media(max-width:760px){.coloring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coloring-toolbar{align-items:stretch;flex-direction:column}.coloring-search input{width:100%}.coloring-guide{grid-template-columns:1fr}.coloring-card-body{padding:12px}.coloring-card h3{font-size:1.1rem}.coloring-downloads{gap:8px}.coloring-download{font-size:.8rem;padding:10px 8px}.coloring-benefits{justify-content:start;gap:8px}.coloring-benefits span{font-size:.78rem;padding:7px 10px}.coloring-video{width:calc(100% - 32px);padding:22px}.coloring-video .btn-red{white-space:normal}.coloring-categories a{font-size:.85rem;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.coloring-preview img{transition:none}}
.coloring-section-head{max-width:850px;margin:42px 0 24px}.coloring-section-head p{line-height:1.7;color:var(--muted)}
.coloring-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.coloring-pack{border:1px solid #dbe8f5;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 5px 22px #15385b0c}.coloring-pack>a{display:block;height:100%}.coloring-pack img{width:100%;height:240px;object-fit:contain;background:#f1f6fc;padding:15px}.coloring-pack>a>div{padding:22px}.coloring-pack h3{font:800 1.45rem/1.3 var(--font-head);color:var(--navy);margin:8px 0 12px}.coloring-pack p{font-size:.95rem;line-height:1.65;color:var(--muted);margin-bottom:18px}.coloring-pack strong{color:#155ba8}.coloring-pack:hover{border-color:#76b0ed}
.coloring-book-download{display:flex;gap:28px;align-items:center;justify-content:space-between;margin:36px 0;background:#fff4d7;border:2px solid #f7d98c;border-radius:24px;padding:28px}.coloring-book-download p{line-height:1.8}.coloring-book-download .btn-orange{flex-shrink:0;font-size:.9rem}.coloring-lesson{max-width:950px;margin:35px 0;line-height:1.8}.coloring-lesson h2{margin-bottom:16px}.coloring-lesson h3{font:800 1.3rem var(--font-head);color:var(--navy);margin:24px 0 12px}.coloring-lesson ol{padding-left:24px}.coloring-lesson p{margin-bottom:14px}.coloring-news{background:#f5f9ff;border-radius:22px;padding:28px;line-height:1.8}.coloring-news h2{font:800 1.55rem var(--font-head);color:var(--navy);margin-bottom:12px}.coloring-news a{color:#155ba8;font-weight:800}#materialy{scroll-margin-top:110px}
@media(max-width:760px){body[data-page="kolorowanki"] .page-hero-art{display:none}body[data-page="kolorowanki"] .page-hero{padding-bottom:70px}}
@media(max-width:900px){.coloring-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coloring-book-download{flex-direction:column;align-items:start}.coloring-book-download .btn-orange{white-space:normal}}
@media(max-width:540px){.coloring-pack-grid{grid-template-columns:1fr}.coloring-pack>a{display:grid;grid-template-columns:110px 1fr;align-items:start}.coloring-pack img{height:180px;padding:8px}.coloring-pack>a>div{padding:14px}.coloring-pack h3{font-size:1.15rem}.coloring-pack p{font-size:.85rem;line-height:1.55}.coloring-book-download{padding:20px}.coloring-news{width:calc(100% - 32px);padding:22px}}
