.counting-start{margin:24px 0 30px}.counting-short-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}.counting-short-card{display:flex;flex-direction:column;text-decoration:none;color:#31584d;background:#f1f6e8;border:2px solid #d6e4c8;border-radius:25px;overflow:hidden;min-width:0;box-shadow:0 6px 18px #56744c0c}.counting-short-card:nth-child(2){background:#fff0dc;border-color:#ead4af}.counting-short-card:nth-child(3){background:#e5f3eb;border-color:#bfdbce}.counting-thumb{height:178px;flex:0 0 178px;position:relative;background:var(--thumb-art) center 58%/cover;overflow:hidden}.thumb-objects{position:absolute;bottom:36px;left:12%;width:76%;display:flex;align-items:center;justify-content:center;background:#fff9e0e8;border:2px solid #ebd1a4;border-radius:50%;padding:5px 14px;box-shadow:0 5px 0 #9e84513b}.thumb-objects img{width:30%;height:65px;object-fit:contain;filter:drop-shadow(0 3px 1px #6f4d2d22)}.counting-thumb>span{position:absolute;bottom:0;left:0;width:100%;padding:6px;background:#fffaf1e8;font-size:15px;font-weight:850;text-align:center;letter-spacing:2px}.thumb-mixed>span{font-size:12px;letter-spacing:0}.short-copy{padding:18px;display:flex;flex-direction:column;flex:1}.short-copy small{font-size:11px;font-weight:750;color:#7a8a6a}.counting-short-card h2{font-size:23px!important;line-height:1.22!important;margin:8px 0 10px!important;color:#31584d!important}.short-copy p{font-size:13px!important;line-height:1.55;margin:0 0 18px}.short-copy strong{font-size:14px;margin-top:auto}.further-counting{font-size:23px;margin:25px 0 16px}.section-hub .p-cards{align-items:stretch;grid-auto-rows:auto}.section-hub .p-cards .p-card{height:auto!important;min-height:190px!important}.section-hub .p-cards .p-card img{max-height:150px;height:150px;object-fit:cover}.counting-short-card:focus-visible{outline:4px solid #d9a254;outline-offset:3px}.math-breadcrumbs{display:flex;gap:8px;font-size:13px;margin:8px 0 15px}
@media(max-width:700px){.counting-short-grid{grid-template-columns:1fr;gap:12px}.counting-short-card{display:grid;grid-template-columns:35% 1fr;align-items:stretch;border-radius:21px}.counting-thumb{height:100%;min-height:184px;flex:none;background-position:22% center}.short-copy{padding:14px}.counting-short-card h2{font-size:20px!important}.short-copy p{font-size:12px!important;margin-bottom:12px}.short-copy small{font-size:10px}.thumb-objects{left:5%;width:90%;bottom:55px;padding:5px 2px}.thumb-objects img{height:43px;width:31%}.counting-thumb>span{font-size:11px;letter-spacing:0;padding:10px 2px}.thumb-mixed>span{font-size:10px}.counting-start{margin-top:18px}.further-counting{font-size:21px}.short-copy strong{font-size:13px}.section-hub .p-cards .p-card{min-height:170px!important}}
/* Miniatures show the actual goal quantity and the action, not generic props. */
.thumb-five .thumb-objects{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 3px;padding:8px 22px;bottom:37px}.thumb-five .thumb-objects img{width:100%;height:47px;grid-column:span 2}.thumb-five .thumb-objects img:nth-child(4){grid-column:2/span 2}.thumb-five .thumb-objects img:nth-child(5){grid-column:4/span 2}
.thumb-ten .thumb-objects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border-radius:9px;background:repeating-linear-gradient(90deg,#a8b8ac 0,#a8b8ac calc(20% - 2px),#fff5d7 calc(20% - 2px),#fff5d7 20%);border:4px solid #f3dba4;box-shadow:0 5px 0 #806b4b40;padding:7px 4px;bottom:43px}.thumb-ten .thumb-objects img{width:100%;height:34px}
.thumb-mixed .thumb-objects{display:flex;gap:8px;background:none;border:0;box-shadow:none;border-radius:0;left:6%;width:88%;padding:0;bottom:48px}.thumb-serving{display:flex;align-items:center;justify-content:center;width:33%;height:63px;border-radius:50%;border:2px solid #c9d7ae;background:radial-gradient(ellipse,#fffdf0 54%,#c4d7ad 59%,#fff9dd 72%);box-shadow:0 4px 0 #7e714537}.thumb-serving img{width:80%;height:42px}.thumb-mixed>span{font-size:12px}
@media(max-width:700px){.thumb-five .thumb-objects{padding:7px 7px;gap:0;bottom:54px}.thumb-five .thumb-objects img{height:34px;width:100%}.thumb-ten .thumb-objects{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3px;left:7%;width:86%;bottom:42px;padding:4px;background:repeating-linear-gradient(90deg,#a8b8ac 0,#a8b8ac calc(50% - 2px),#fff5d7 calc(50% - 2px),#fff5d7 50%)}.thumb-ten .thumb-objects img{height:23px;width:100%}.thumb-mixed .thumb-objects{display:grid;grid-template-columns:1fr;justify-items:center;gap:4px;bottom:44px;left:8%;width:84%}.thumb-serving{height:33px;width:76%}.thumb-serving img{width:78%;height:25px}.thumb-mixed>span{font-size:10px}}
/* One recognisable car communicates the theme; the badge communicates the range. */
.thumb-ten .thumb-objects{display:flex;align-items:center;justify-content:center;border:0;box-shadow:none;background:transparent;left:9%;width:82%;bottom:40px;padding:0;gap:14px}.thumb-ten .thumb-objects img{width:57%;height:88px}.thumb-ten-number{font-size:49px;line-height:1;background:#fff4d7;border:3px solid #e6bb76;border-radius:50%;width:78px;height:78px;display:flex;align-items:center;justify-content:center;color:#456c56;box-shadow:0 4px 0 #a3834c30}
@media(max-width:700px){.thumb-ten .thumb-objects{display:flex;flex-direction:column;gap:4px;bottom:46px;padding:0;background:transparent;border:0;left:6%;width:88%}.thumb-ten .thumb-objects img{height:65px;width:100%}.thumb-ten-number{width:49px;height:49px;font-size:32px;border-width:2px}}
.section-hub .p-cards:has(.arithmetic-card){display:block}.thumb-operation-pair{position:absolute;bottom:43px;left:7%;width:86%;display:flex;gap:7px;align-items:center;justify-content:center}.thumb-operation-pair>span{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;width:46%;min-height:68px;border-radius:40%;background:#fff9e4ed;border:2px solid #d3dbba;box-shadow:0 4px 0 #9a83502b;padding:5px}.thumb-operation-pair img{width:40px;height:44px;object-fit:contain;max-width:44%}.thumb-operation-pair>b{font-size:34px;color:#567750;background:#fff7dce8;border-radius:50%;width:38px;text-align:center;flex-shrink:0}.arithmetic-thumb>span{font-size:13px;letter-spacing:0}.arithmetic-card h2{font-size:23px!important}.arithmetic-card .short-copy p{font-size:13px!important}.arithmetic-other-link{font-size:14px;color:#5f7b71;margin:16px 0 25px}.arithmetic-choice{grid-template-columns:1fr 1fr}
@media(max-width:700px){.thumb-operation-pair{flex-direction:column;gap:3px;bottom:43px;left:7%;width:86%}.thumb-operation-pair>span{width:95%;min-height:43px;padding:3px}.thumb-operation-pair img{width:32px;height:34px}.thumb-operation-pair>b{font-size:24px;width:29px;line-height:28px}.arithmetic-thumb>span{font-size:10px}.arithmetic-card h2{font-size:20px!important}.arithmetic-card .short-copy p{font-size:12px!important}.arithmetic-choice{grid-template-columns:1fr}}
@media(max-width:700px){.arithmetic-card[data-counting-activity="subtract"] .thumb-operation-pair img{width:25px;height:29px;max-width:30%}}