body.poets .real-photo-proof .comparison { width: 100%; max-width: 400px; margin-inline: auto; }
body.poets .real-photo-proof .compare-stage { aspect-ratio: var(--pair-aspect,3/4); height: auto; }
body.poets .real-photo-proof .compare-stage img { object-fit: contain; width: 100%; height: 100%; }
body.poets .real-photo-proof .look-tabs { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); width: 100%; max-width: 760px; margin: 0px auto 26px; gap: 7px; border: 0px; }
body.poets .real-photo-proof .look-tabs button { min-height: 48px; font: 10px / 1.6 "DM Mono", monospace; padding: 10px 14px; border: 1px solid rgba(191, 164, 117, 0.333); color: rgb(230, 216, 191); }
body.poets .real-photo-proof .look-tabs button.active { background: rgb(198, 170, 120); color: rgb(33, 24, 15); }
body.poets .real-photo-proof .comparison figcaption { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; font-size: 10px; margin-top: 20px; }
body.poets .real-photo-proof .comparison input { min-width: 120px; flex: 1 1 0%; }
body.poets .real-photo-proof .comparison-hint { text-align: center; font-size: 10px; color: rgb(189, 169, 139); margin: 22px 0px 0px; }
@media (max-width: 700px) {
  body.poets .real-photo-proof .comparison { max-width: 340px; width: 100%; }
  body.poets .real-photo-proof .look-tabs { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  body.poets .real-photo-proof .look-tabs button { font-size: 9px; padding: 10px 8px; }
  body.poets .real-photo-proof .comparison figcaption { gap: 12px; }
  body.poets .real-photo-proof .comparison figcaption label { width: 100%; }
}