/* Large, low-pressure discovery touch targets for babies and young toddlers. */
.tiny-shell{max-width:860px;margin:0 auto 24px;padding:0 3px;color:#3d4761}
.tiny-hero{text-align:center;background:linear-gradient(130deg,#e8f9ff,#eff7e9 65%,#fff2de);border:2px solid #cfdfd4;border-radius:24px;padding:20px 14px;margin:5px 0 19px}
.tiny-eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#3d7590}
.tiny-hero h2{font-size:clamp(27px,5vw,40px);margin:9px 0;color:#31526c}
.tiny-hero p{margin:10px auto 0;color:#506176;max-width:590px;font-size:17px;line-height:1.45}
.tiny-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tiny-picture{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:3px solid #c8d8ef;border-radius:25px;background:linear-gradient(155deg,#fff,#f0f7ff);padding:20px 12px;min-height:185px;color:#334c69;cursor:pointer;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.tiny-picture:nth-child(2n){border-color:#e2d3f3;background:linear-gradient(160deg,#fff,#f9efff)}
.tiny-picture:nth-child(3n){border-color:#c8e8cf;background:linear-gradient(165deg,#fff,#f1fff2)}
.tiny-picture:active{transform:scale(.97)}
.tiny-picture:focus-visible{outline:4px solid #597cc0;outline-offset:4px}
.tiny-picture.tiny-revealed{border-color:#61ae7a;background:linear-gradient(165deg,#ffffff,#eafbeb)}
.tiny-icon{font-size:clamp(63px,10vw,97px);line-height:1.15;display:grid;place-items:center;width:100%}
.tiny-icon.tiny-truck-art svg{width:min(100%,200px);max-height:115px}
.tiny-name{font-size:clamp(17px,2.8vw,21px);font-weight:850;line-height:1.22}
.tiny-check{position:absolute;right:13px;top:10px;color:#218a53;font-size:28px;font-weight:900}
.tiny-cheer{text-align:center;font-size:20px;font-weight:850;border-radius:16px;background:#e9f9f0;color:#266449;padding:13px;margin:18px auto}
.tiny-footer{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:18px 0;color:#53687b;font-size:14px;font-weight:750}
.tiny-footer .button{min-height:54px;font-size:17px}
.tiny-note{text-align:center;color:#657185;font-size:13px;line-height:1.5;margin:20px auto}
@media(max-width:580px){.tiny-grid{gap:9px}.tiny-picture{min-height:153px;padding:12px 5px;border-width:2px;border-radius:17px}.tiny-icon{font-size:56px}.tiny-icon.tiny-truck-art svg{max-height:84px}.tiny-name{font-size:15px}.tiny-hero{padding:14px 9px}.tiny-hero p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.tiny-picture:active{transform:none}}