.number-page{background:#f8f5ee;color:#38271c}.number-heading{padding-block:55px 30px}.number-heading h1{font:normal 60px/1.1 Georgia;letter-spacing:-2px;margin:18px 0}.number-heading p{max-width:650px;font-size:15px;line-height:1.8}.number-heading>a{font:600 11px Arial;color:#925c41;text-underline-offset:4px}.number-game{padding-block:10px 35px}.number-palette{display:flex;gap:10px;flex-wrap:wrap}.number-palette button{display:flex;align-items:center;gap:10px;border:1px solid #cab99f;padding:10px 14px;border-radius:9px;background:#fffdf7;cursor:pointer;color:#38271c;min-height:58px}.number-palette button>span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font:700 15px Arial;border:1px solid #65553c50}.number-palette b{font:600 12px Arial}.number-palette button[aria-pressed=true]{outline:2px solid #9e3948;outline-offset:2px;background:#f0e7da}#number-status{font:600 12px/1.7 Arial;min-height:42px;margin:22px 0 12px;color:#745038}.number-canvas{border:1px solid #d1c2ab;border-radius:12px;overflow:hidden;background:white}.number-canvas svg{width:100%;height:auto;display:block}.number-region{cursor:pointer;outline:none}.number-region text{pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.number-region:focus-visible>:first-child{stroke:#aa3145;stroke-width:4.5;stroke-dasharray:7 3}.number-region:hover>:first-child{stroke:#a03948;stroke-width:3}.number-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.number-toolbar p{font:700 12px Arial}.number-toolbar button{border:1px solid #bfae93;border-radius:6px;background:#f0e8db;padding:12px 18px;font:600 12px Arial;color:#38271c;cursor:pointer}.number-keyboard{font:11px/1.8 Arial!important;max-width:800px;color:#796953}.number-print{padding-block:35px 60px;border-top:1px solid #d8c9b2}.number-print h2{font:normal 39px Georgia;margin:0 0 20px}.number-print p{font-size:14px;line-height:1.8}.number-print>a{display:inline-flex;margin:15px 20px 0 0;font:600 12px Arial;color:#76583e}.number-page button:focus-visible,.number-page a:focus-visible{outline:3px solid #aa3145;outline-offset:4px}.ranch-coloring-download>.ranch-numbers-link{grid-column:1/-1;justify-self:start;color:#923749!important;font:700 12px/1.6 Arial;text-underline-offset:5px}
@media(max-width:620px){.number-heading{padding-block:35px 25px}.number-heading h1{font-size:44px;letter-spacing:-1.5px}.number-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.number-palette button{padding:9px 7px;flex-direction:column;gap:7px}.number-palette b{font-size:10px}.number-canvas{overflow:auto}.number-canvas svg{width:100%}.number-canvas.is-zoomed svg{min-width:800px}.number-toolbar{align-items:start}.number-toolbar p{font-size:11px}.number-print h2{font-size:34px}}

#number-zoom{margin-top:18px;background:none;border:1px solid #bfae93;border-radius:5px;padding:9px 13px;font:600 11px Arial;color:#715439;cursor:pointer}.number-canvas.is-zoomed{overflow:auto}.number-canvas.is-zoomed svg{min-width:1200px}

.number-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;margin:0 0 22px}.number-levels button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;padding:14px 17px;background:#fffaf2;border:1px solid #cfbfa5;border-radius:9px;color:#38271c;cursor:pointer;text-align:left}.number-levels strong{font:600 14px/1.4 Arial,sans-serif}.number-levels span{font:400 11px/1.4 Arial,sans-serif;color:#79624c}.number-levels button[aria-pressed=true]{border-color:#9e3948;background:#f2e6dd;box-shadow:0 0 0 1px #9e3948}.number-heading{padding-block:35px 24px}.number-heading h1{font-size:clamp(34px,4vw,54px)!important;line-height:1.12!important;letter-spacing:-1px!important}.number-print a{min-height:44px;align-items:center}.number-print #number-open-print{display:inline-flex}
@media(max-width:620px){.number-levels{gap:7px}.number-levels button{padding:12px 8px;flex-direction:column;justify-content:center;gap:4px}.number-levels strong{font-size:12px}.number-levels span{font-size:10px}}