/* Scoped to enhanced 6-8 PRE_A1 choices; no global theme overrides. */
.app-page[data-band="6-8"] .exam:has(.kp-choice) .exam-grid{padding-top:80px;padding-bottom:20px}
.app-page[data-band="6-8"] .exam:has(.kp-choice) .exam-grid article{position:relative;top:auto;left:auto;bottom:auto;transform:none;width:min(650px,calc(100% - 24px));margin:0 auto;max-height:none;overflow:visible}
.app-page[data-band="6-8"] .response:has(>.kp-choice){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;width:100%;min-width:0}
.app-page[data-band="6-8"] .response>.choice.kp-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:relative;min-width:0;width:100%;max-width:100%;height:auto;min-height:0;padding:10px;box-sizing:border-box;border:2px solid #b6d6d5;border-radius:16px;background:#fff;color:#203548;font-size:15px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;box-shadow:0 3px 0 #c9ddda}
.app-page[data-band="6-8"] .kp-panel{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:190px;background:#fff;border-radius:10px;box-sizing:border-box;overflow:hidden}
.app-page[data-band="6-8"] .kp-objects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);place-items:center;width:100%;height:100%;min-width:0;gap:3px}
.app-page[data-band="6-8"] .kp-objects[data-count="1"]{grid-template-columns:1fr}
.app-page[data-band="6-8"] .kp-objects[data-count="7"],.app-page[data-band="6-8"] .kp-objects[data-count="8"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-page[data-band="6-8"] .kp-objects img{display:block;position:static;inset:auto;width:100%;height:100%;min-height:0;min-width:0;max-width:160px;max-height:180px;object-fit:contain;transform:none;margin:0;border:0;border-radius:0;box-shadow:none}
.app-page[data-band="6-8"] .kp-dot{display:block;flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1px solid #526777;box-sizing:border-box}
.app-page[data-band="6-8"] .kp-red{background:#e12632}.app-page[data-band="6-8"] .kp-blue{background:#1976df}.app-page[data-band="6-8"] .kp-green{background:#21933e}.app-page[data-band="6-8"] .kp-yellow{background:#f4cc24}
.app-page[data-band="6-8"] .kp-label{display:block;padding-top:8px;color:inherit;font-weight:600}
.app-page[data-band="6-8"] .response>.choice.kp-choice:hover{border-color:#258577;background:#eff9f3;color:#203548}
.app-page[data-band="6-8"] .response>.choice.kp-choice.selected{border-color:#16786b;box-shadow:0 0 0 2px #16786b;background:#e8f5ef;color:#153a32}
.app-page[data-band="6-8"] .response>.choice.kp-choice:focus-visible{outline:3px solid #16786b;outline-offset:3px}
@media(max-width:650px){.app-page[data-band="6-8"] .exam .response:has(>.kp-choice){grid-template-columns:1fr;gap:10px}.app-page[data-band="6-8"] .response>.choice.kp-choice{padding:8px}.app-page[data-band="6-8"] .kp-panel{height:145px}.app-page[data-band="6-8"] .kp-objects{grid-template-columns:repeat(4,minmax(0,1fr))}.app-page[data-band="6-8"] .kp-objects[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.app-page[data-band="6-8"] .kp-objects[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page[data-band="6-8"] .kp-objects[data-count="7"],.app-page[data-band="6-8"] .kp-objects[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* tween-receptive-pictures-v1 */
.app-page[data-band="9-12"] .response:has(>.kp-choice){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;width:100%;min-width:0}
.app-page[data-band="9-12"] .response>.choice.kp-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:relative;min-width:0;width:100%;max-width:100%;height:auto;min-height:0;padding:10px;box-sizing:border-box;border:2px solid #b6d6d5;border-radius:16px;background:#fff;color:#203548;font-size:15px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;box-shadow:0 3px 0 #c9ddda}
.app-page[data-band="9-12"] .kp-panel{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:190px;background:#fff;border-radius:10px;box-sizing:border-box;overflow:hidden}
.app-page[data-band="9-12"] .kp-objects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);place-items:center;width:100%;height:100%;min-width:0;gap:3px}
.app-page[data-band="9-12"] .kp-objects[data-count="1"]{grid-template-columns:1fr}
.app-page[data-band="9-12"] .kp-objects[data-count="7"],.app-page[data-band="9-12"] .kp-objects[data-count="8"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-page[data-band="9-12"] .kp-objects img{display:block;position:static;inset:auto;width:100%;height:100%;min-height:0;min-width:0;max-width:160px;max-height:180px;object-fit:contain;transform:none;margin:0;border:0;border-radius:0;box-shadow:none}
.app-page[data-band="9-12"] .kp-dot{display:block;flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1px solid #526777;box-sizing:border-box}
.app-page[data-band="9-12"] .kp-red{background:#e12632}.app-page[data-band="9-12"] .kp-blue{background:#1976df}.app-page[data-band="9-12"] .kp-green{background:#21933e}.app-page[data-band="9-12"] .kp-yellow{background:#f4cc24}
.app-page[data-band="9-12"] .kp-label{display:block;padding-top:8px;color:inherit;font-weight:600}
.app-page[data-band="9-12"] .response>.choice.kp-choice:hover{border-color:#258577;background:#eff9f3;color:#203548}
.app-page[data-band="9-12"] .response>.choice.kp-choice.selected{border-color:#16786b;box-shadow:0 0 0 2px #16786b;background:#e8f5ef;color:#153a32}
.app-page[data-band="9-12"] .response>.choice.kp-choice:focus-visible{outline:3px solid #16786b;outline-offset:3px}
@media(max-width:650px){.app-page[data-band="9-12"] .exam .response:has(>.kp-choice){grid-template-columns:1fr;gap:10px}.app-page[data-band="9-12"] .response>.choice.kp-choice{padding:8px}.app-page[data-band="9-12"] .kp-panel{height:145px}.app-page[data-band="9-12"] .kp-objects{grid-template-columns:repeat(4,minmax(0,1fr))}.app-page[data-band="9-12"] .kp-objects[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.app-page[data-band="9-12"] .kp-objects[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page[data-band="9-12"] .kp-objects[data-count="7"],.app-page[data-band="9-12"] .kp-objects[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}}

.app-page[data-band="9-12"] .exam .response:has(>.kp-choice){grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}

/* all-prea1-pictures-v1 */
.app-page[data-band="13-17"] .response:has(>.kp-choice){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;width:100%;min-width:0}
.app-page[data-band="13-17"] .response>.choice.kp-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:relative;min-width:0;width:100%;max-width:100%;height:auto;min-height:0;padding:10px;box-sizing:border-box;border:2px solid #b6d6d5;border-radius:16px;background:#fff;color:#203548;font-size:15px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;box-shadow:0 3px 0 #c9ddda}
.app-page[data-band="13-17"] .kp-panel{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:190px;background:#fff;border-radius:10px;box-sizing:border-box;overflow:hidden}
.app-page[data-band="13-17"] .kp-objects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);place-items:center;width:100%;height:100%;min-width:0;gap:3px}
.app-page[data-band="13-17"] .kp-objects[data-count="1"]{grid-template-columns:1fr}
.app-page[data-band="13-17"] .kp-objects[data-count="7"],.app-page[data-band="13-17"] .kp-objects[data-count="8"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-page[data-band="13-17"] .kp-objects img{display:block;position:static;inset:auto;width:100%;height:100%;min-height:0;min-width:0;max-width:160px;max-height:180px;object-fit:contain;transform:none;margin:0;border:0;border-radius:0;box-shadow:none}
.app-page[data-band="13-17"] .kp-dot{display:block;flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1px solid #526777;box-sizing:border-box}
.app-page[data-band="13-17"] .kp-red{background:#e12632}.app-page[data-band="13-17"] .kp-blue{background:#1976df}.app-page[data-band="13-17"] .kp-green{background:#21933e}.app-page[data-band="13-17"] .kp-yellow{background:#f4cc24}
.app-page[data-band="13-17"] .kp-label{display:block;padding-top:8px;color:inherit;font-weight:600}
.app-page[data-band="13-17"] .response>.choice.kp-choice:hover{border-color:#258577;background:#eff9f3;color:#203548}
.app-page[data-band="13-17"] .response>.choice.kp-choice.selected{border-color:#16786b;box-shadow:0 0 0 2px #16786b;background:#e8f5ef;color:#153a32}
.app-page[data-band="13-17"] .response>.choice.kp-choice:focus-visible{outline:3px solid #16786b;outline-offset:3px}
@media(max-width:650px){.app-page[data-band="13-17"] .exam .response:has(>.kp-choice){grid-template-columns:1fr;gap:10px}.app-page[data-band="13-17"] .response>.choice.kp-choice{padding:8px}.app-page[data-band="13-17"] .kp-panel{height:145px}.app-page[data-band="13-17"] .kp-objects{grid-template-columns:repeat(4,minmax(0,1fr))}.app-page[data-band="13-17"] .kp-objects[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.app-page[data-band="13-17"] .kp-objects[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page[data-band="13-17"] .kp-objects[data-count="7"],.app-page[data-band="13-17"] .kp-objects[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
.app-page[data-band="13-17"] .exam .response:has(>.kp-choice){grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.app-page[data-band="18+"] .response:has(>.kp-choice){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;width:100%;min-width:0}
.app-page[data-band="18+"] .response>.choice.kp-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:relative;min-width:0;width:100%;max-width:100%;height:auto;min-height:0;padding:10px;box-sizing:border-box;border:2px solid #b6d6d5;border-radius:16px;background:#fff;color:#203548;font-size:15px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;box-shadow:0 3px 0 #c9ddda}
.app-page[data-band="18+"] .kp-panel{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:190px;background:#fff;border-radius:10px;box-sizing:border-box;overflow:hidden}
.app-page[data-band="18+"] .kp-objects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);place-items:center;width:100%;height:100%;min-width:0;gap:3px}
.app-page[data-band="18+"] .kp-objects[data-count="1"]{grid-template-columns:1fr}
.app-page[data-band="18+"] .kp-objects[data-count="7"],.app-page[data-band="18+"] .kp-objects[data-count="8"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-page[data-band="18+"] .kp-objects img{display:block;position:static;inset:auto;width:100%;height:100%;min-height:0;min-width:0;max-width:160px;max-height:180px;object-fit:contain;transform:none;margin:0;border:0;border-radius:0;box-shadow:none}
.app-page[data-band="18+"] .kp-dot{display:block;flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1px solid #526777;box-sizing:border-box}
.app-page[data-band="18+"] .kp-red{background:#e12632}.app-page[data-band="18+"] .kp-blue{background:#1976df}.app-page[data-band="18+"] .kp-green{background:#21933e}.app-page[data-band="18+"] .kp-yellow{background:#f4cc24}
.app-page[data-band="18+"] .kp-label{display:block;padding-top:8px;color:inherit;font-weight:600}
.app-page[data-band="18+"] .response>.choice.kp-choice:hover{border-color:#258577;background:#eff9f3;color:#203548}
.app-page[data-band="18+"] .response>.choice.kp-choice.selected{border-color:#16786b;box-shadow:0 0 0 2px #16786b;background:#e8f5ef;color:#153a32}
.app-page[data-band="18+"] .response>.choice.kp-choice:focus-visible{outline:3px solid #16786b;outline-offset:3px}
@media(max-width:650px){.app-page[data-band="18+"] .exam .response:has(>.kp-choice){grid-template-columns:1fr;gap:10px}.app-page[data-band="18+"] .response>.choice.kp-choice{padding:8px}.app-page[data-band="18+"] .kp-panel{height:145px}.app-page[data-band="18+"] .kp-objects{grid-template-columns:repeat(4,minmax(0,1fr))}.app-page[data-band="18+"] .kp-objects[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.app-page[data-band="18+"] .kp-objects[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page[data-band="18+"] .kp-objects[data-count="7"],.app-page[data-band="18+"] .kp-objects[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
.app-page[data-band="18+"] .exam .response:has(>.kp-choice){grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
