/* Shared visual language for illustrated Chinese grammar lessons. */
/* Crop the actual artwork bounds: the atlas has unequal rows and white gutters. */
.ivy-modal-scene{--scene-x:0;--scene-y:0;--scene-width:506;--scene-height:498;display:block;position:relative;width:100%;aspect-ratio:var(--scene-width)/var(--scene-height);overflow:hidden;border-radius:5px;background:#eee7dc}
.ivy-modal-scene>img{display:block;position:absolute!important;max-width:none!important;width:calc(100% * 1024 / var(--scene-width))!important;height:calc(100% * 1536 / var(--scene-height))!important;left:calc(-100% * var(--scene-x) / var(--scene-width));top:calc(-100% * var(--scene-y) / var(--scene-height));object-fit:fill!important;aspect-ratio:auto!important}
.ivy-modal-scene.scene-1,.ivy-modal-scene.scene-3,.ivy-modal-scene.scene-5{--scene-x:518}
.ivy-modal-scene.scene-2,.ivy-modal-scene.scene-3{--scene-y:510;--scene-height:491}
.ivy-modal-scene.scene-4,.ivy-modal-scene.scene-5{--scene-y:1013;--scene-height:523}
.ivy-avatar{display:inline-block;flex:0 0 50px;width:50px;height:50px;border-radius:50%;overflow:hidden;object-fit:cover;object-position:50% 28%;border:1px solid rgba(154,111,42,.2)}
.ivy-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.ivy-tip-photo{display:block;flex:0 0 66px;width:66px;height:66px;border-radius:50%;object-fit:cover;object-position:50% 28%}
.ivy-visual-caption{margin-top:8px;color:#756d60;font:12px/1.7 Arial,'Noto Sans SC',sans-serif}
.ivy-picture-row{display:flex;align-items:center;gap:14px}
.ivy-picture-row> :last-child{min-width:0}
@media(max-width:760px){.ivy-avatar{flex-basis:44px;width:44px;height:44px}.ivy-tip-photo{flex-basis:58px;width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.ivy-flip-front,.ivy-flip-back{transition:none!important}}

/* Keep the illustrated lessons on the same reading width as008and014. */
.page{max-width:1280px;width:100%;margin-inline:auto}