/* Compositions remain entirely inside one viewport, with symmetric footer space. */
#answer.is-pair { display:grid; place-items:center; padding:0; overflow:hidden; }
.pair-composition { display:grid; place-items:center; width:calc(100% - 48px); max-width:1100px; height:calc(100% - var(--image-footer-clearance) - var(--image-footer-clearance)); min-height:1px; }
.pair-layout { display:flex; align-items:center; justify-content:center; }
.pair-card { display:grid; place-items:center; flex:none; min-width:44px; min-height:44px; padding:0; border:0; border-radius:0; background:none; color:inherit; font:inherit; -webkit-tap-highlight-color:transparent; }
#answer .pair-card img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
.pair-overlay { position:relative; isolation:isolate; }
.pair-overlay .pair-card:first-child { width:100%; height:100%; }
.pair-overlay .pair-word { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:max-content; max-width:90%; font-size:var(--pair-word-size); font-weight:400; line-height:1.15; white-space:nowrap; color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.3); }
@media(max-width:400px) {
  #answer.is-pair #response-actions { gap:0; flex-wrap:nowrap; }
  #answer.is-pair #response-actions button { font-size:13px; padding:10px 7px; }
}