.spot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.spot-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.spot-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.spot-card__body{padding:18px}.spot-card h2{margin:8px 0;font-size:1.2rem}.spot-card p{margin:0 0 15px;color:var(--muted)}.spot-sheet{width:min(100%,1100px);margin:0 auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.spot-sheet h2{margin:0 0 8px;text-align:center}.spot-sheet__instruction{text-align:center}.spot-image-wrap{position:relative;margin-top:18px}.spot-image-wrap img{display:block;width:100%;height:auto}.spot-marker{position:absolute;width:4.2%;aspect-ratio:1;border:4px solid #e34e3a;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.05)}.spot-answer-list{columns:2;margin:20px auto 0;max-width:700px}.spot-actions{justify-content:center;margin-top:18px}.spot-solution[hidden]{display:none}.spot-solution{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:700px){.spot-grid{grid-template-columns:1fr}.spot-sheet{padding:12px}.spot-answer-list{columns:1}.spot-marker{border-width:3px}}
@media print{@page{size:A4 portrait;margin:12mm}.spot-sheet{padding:0;border:0}.spot-sheet h2{font-size:20pt}.spot-sheet__instruction{font-size:11pt}.spot-image-wrap{margin-top:8mm}.spot-solution{break-before:page;border:0;padding:0}.spot-solution[hidden]{display:none!important}.worksheet-meta{margin-bottom:5mm}.spot-marker{border-color:#000;width:5%}}
.spot-image-wrap[data-spot-answer="robot-workshop"] .spot-marker:nth-of-type(1){left:70.8%;top:10.5%}.spot-image-wrap[data-spot-answer="robot-workshop"] .spot-marker:nth-of-type(2){left:84.2%;top:17%}.spot-image-wrap[data-spot-answer="robot-workshop"] .spot-marker:nth-of-type(3){left:73.5%;top:51%}.spot-image-wrap[data-spot-answer="robot-workshop"] .spot-marker:nth-of-type(4){left:81.8%;top:70%}.spot-image-wrap[data-spot-answer="robot-workshop"] .spot-marker:nth-of-type(5){left:58.2%;top:45%}
.spot-image-wrap[data-spot-answer="animal-picnic"] .spot-marker:nth-of-type(1){left:87%;top:17%}.spot-image-wrap[data-spot-answer="animal-picnic"] .spot-marker:nth-of-type(2){left:91%;top:31%}.spot-image-wrap[data-spot-answer="animal-picnic"] .spot-marker:nth-of-type(3){left:76%;top:69%}.spot-image-wrap[data-spot-answer="animal-picnic"] .spot-marker:nth-of-type(4){left:84%;top:75%}.spot-image-wrap[data-spot-answer="animal-picnic"] .spot-marker:nth-of-type(5){left:71%;top:83%}
.spot-image-wrap[data-spot-answer="moon-rocket"] .spot-marker:nth-of-type(1){left:61%;top:13%}.spot-image-wrap[data-spot-answer="moon-rocket"] .spot-marker:nth-of-type(2){left:86%;top:25%}.spot-image-wrap[data-spot-answer="moon-rocket"] .spot-marker:nth-of-type(3){left:86%;top:23%}.spot-image-wrap[data-spot-answer="moon-rocket"] .spot-marker:nth-of-type(4){left:86%;top:41%}.spot-image-wrap[data-spot-answer="moon-rocket"] .spot-marker:nth-of-type(5){left:81%;top:81%}
.spot-image-wrap[data-spot-answer="dinosaur-garden"] .spot-marker:nth-of-type(1){left:85%;top:10%}.spot-image-wrap[data-spot-answer="dinosaur-garden"] .spot-marker:nth-of-type(2){left:86%;top:24%}.spot-image-wrap[data-spot-answer="dinosaur-garden"] .spot-marker:nth-of-type(3){left:61%;top:42%}.spot-image-wrap[data-spot-answer="dinosaur-garden"] .spot-marker:nth-of-type(4){left:66%;top:56%}.spot-image-wrap[data-spot-answer="dinosaur-garden"] .spot-marker:nth-of-type(5){left:91%;top:74%}
.spot-image-wrap[data-spot-answer="cupcake-kitchen"] .spot-marker:nth-of-type(1){left:61%;top:24%}.spot-image-wrap[data-spot-answer="cupcake-kitchen"] .spot-marker:nth-of-type(2){left:75%;top:62%}.spot-image-wrap[data-spot-answer="cupcake-kitchen"] .spot-marker:nth-of-type(3){left:66%;top:46%}.spot-image-wrap[data-spot-answer="cupcake-kitchen"] .spot-marker:nth-of-type(4){left:88%;top:53%}.spot-image-wrap[data-spot-answer="cupcake-kitchen"] .spot-marker:nth-of-type(5){left:80%;top:76%}
.spot-image-wrap[data-spot-answer="submarine-reef"] .spot-marker:nth-of-type(1){left:55%;top:15%}.spot-image-wrap[data-spot-answer="submarine-reef"] .spot-marker:nth-of-type(2){left:57%;top:51%}.spot-image-wrap[data-spot-answer="submarine-reef"] .spot-marker:nth-of-type(3){left:73%;top:78%}.spot-image-wrap[data-spot-answer="submarine-reef"] .spot-marker:nth-of-type(4){left:82%;top:27%}.spot-image-wrap[data-spot-answer="submarine-reef"] .spot-marker:nth-of-type(5){left:94%;top:75%}
