.subject-card .subject-cover{display:block;width:100%;height:165px;object-fit:cover;border-radius:13px;margin-bottom:16px;background:#edf3f8}.learning-subject-photo{margin:22px 0!important;max-width:780px!important;border:1px solid #c4d6e2;border-radius:18px;overflow:hidden;background:#fff}.learning-subject-photo img{display:block;width:100%!important;max-height:330px;height:auto!important;object-fit:cover;aspect-ratio:3/2}.learning-subject-photo figcaption{padding:11px 16px;font:12px/1.7 system-ui,sans-serif;color:#496577;background:#f2f6f9}.concept-picture.realistic-concept{display:block!important;width:130px!important;height:120px!important;max-width:100%!important;margin:10px auto!important;object-fit:contain!important;border-radius:14px;background:#fff;box-shadow:none!important}.english-vocabulary .realistic-concept{width:140px!important;height:130px!important}.language-token{min-width:0}.subject-cover:focus-visible{outline:3px solid #4c78a9}@media(max-width:500px){.learning-subject-photo img{max-height:240px}.concept-picture.realistic-concept{width:120px!important;height:110px!important}.subject-card .subject-cover{height:180px}}
@media(max-width:380px){.topbar{gap:5px!important;padding-left:8px!important;padding-right:8px!important}.topbar .brand{min-width:0;gap:4px}.topbar .brand .name{font-size:13px!important}.topbar .brand-mark,.topbar .brand small{display:none!important}.topbar .spacer{min-width:0}}
.photo-count{flex-wrap:wrap;gap:12px}.photo-count>span{min-width:0;max-width:100%}.photo-count .realistic-concept{width:72px!important;height:72px!important}.photo-pair{display:flex!important;flex-direction:row!important;gap:4px}.photo-letters{flex-wrap:wrap}.photo-letters .realistic-concept{width:70px!important;height:70px!important}.photo-letters b{min-width:0}

/* Beginner lesson scenes keep the precise teaching diagrams above them. */
.beginner-photo{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px;border:1px solid #d5e3eb;border-radius:18px;background:linear-gradient(135deg,#f3faf8,#f1f6ff)}
.beginner-photo img.realistic-concept{display:block;width:min(100%,400px);height:auto;max-height:340px;object-fit:contain;border-radius:14px}
.beginner-photo figcaption{max-width:680px;line-height:1.7;text-align:left;overflow-wrap:anywhere}
.beginner-photo-disclosure{display:block;font-size:.8em;color:#536879;margin-top:6px}
@media(max-width:480px){.beginner-photo{padding:12px}.beginner-photo img.realistic-concept{max-height:280px}}