/* 26-page A-Z circuit coloring edition */
.circuit-coloring{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(67,215,255,.16),transparent 30%),radial-gradient(circle at 88% 18%,rgba(130,91,255,.13),transparent 30%),linear-gradient(180deg,#f4fbff 0%,#eef8ff 46%,#f9fff2 100%)}
.circuit-coloring:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#4f7cff 1px,transparent 1px),linear-gradient(90deg,#4f7cff 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 68%)}
.circuit-coloring .wrap{position:relative;z-index:1}.circuit-coloring .coloring11-head{background:rgba(255,255,255,.86);border:1px solid rgba(83,112,176,.18);box-shadow:0 20px 55px rgba(23,59,118,.10);padding:24px 26px;border-radius:28px;backdrop-filter:blur(8px)}
.circuit-coloring .coloring11-head h2{color:#102d67}.circuit-coloring .coloring11-head p{max-width:760px;font-size:1.05rem;line-height:1.6;color:#526983}.coloring-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.coloring-trust span{background:#fff;border:1px solid #dbe9ff;border-radius:999px;padding:8px 12px;font-weight:800;font-size:.82rem;color:#28518b}
.circuit-coloring .download-all{align-self:center;border:3px solid rgba(255,255,255,.65);font-size:1rem;padding:16px 22px;border-radius:18px}.circuit-coloring .coloring-grid11{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.circuit-coloring .color-card{position:relative;border:1px solid #d8e6f7;padding:12px 12px 15px;border-radius:26px;box-shadow:0 15px 36px rgba(22,56,108,.10);overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdff)}
.circuit-coloring .color-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 24px 48px rgba(22,56,108,.18);border-color:#accbff}.color-preview-wrap{position:relative;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #dce8f4}.circuit-coloring .color-card img{display:block;width:100%;height:auto;aspect-ratio:8.5/11;object-fit:contain;border:0;border-radius:0;background:#fff}.pdf-badge{position:absolute;top:9px;right:9px;background:linear-gradient(135deg,#ff5d3b,#ff2b64);color:#fff;font-weight:900;font-size:.68rem;letter-spacing:.08em;padding:6px 8px;border-radius:999px;box-shadow:0 5px 14px rgba(214,48,75,.24)}
.circuit-coloring .color-card b{display:flex;align-items:center;font-size:1rem;line-height:1.2;margin-top:12px}.circuit-coloring .color-card b span{flex:0 0 auto;background:linear-gradient(135deg,#ecf0ff,#e9e0ff);color:#5a3ad3}.circuit-coloring .color-card small{margin-top:6px;font-weight:650;color:#657b98}@media(max-width:980px){.circuit-coloring .coloring-grid11{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.circuit-coloring .coloring11-head{padding:20px}.circuit-coloring .coloring-grid11{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.circuit-coloring .color-card{padding:8px 8px 12px;border-radius:20px}.circuit-coloring .color-card b{font-size:.9rem}.circuit-coloring .color-card small{font-size:.72rem}.pdf-badge{font-size:.6rem}}