.curated-solo>.curated-open{position:relative}.tplo-enlarge-cue{position:static;display:table;margin:.5rem .5rem .5rem auto;border:1px solid #bdc7cf;border-radius:5px;background:#fffffff5;color:#456679;padding:.35rem .6rem;font:600 .85rem/1.4 system-ui,sans-serif;pointer-events:none}.tplo-media-help{font-size:.875rem;line-height:1.5;margin:0 0 .6rem;color:#456679}.curated-viewer[open]{display:flex;flex-direction:column}.curated-viewer-tools{flex-shrink:0}.curated-viewer-pan.zoomed img{height:auto}.curated-open:focus-visible{outline:3px solid #456679;outline-offset:3px}
.curated-viewer-pan:not(.zoomed) img{max-height:58dvh}

.tplo-responsive-mobile{display:none}.tplo-responsive-figure{min-width:0;margin:1.3rem 0}.tplo-illustrated-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.tplo-illustrated-option{min-width:0;padding:1rem;border:1px solid #d5dfe4;border-radius:6px}.tplo-illustrated-option h5{font:700 1.2rem/1.4 system-ui,sans-serif;margin:0}.tplo-illustrated-option p.tplo-option-role{font-weight:600;color:#456679;min-height:3.2em;margin:.6rem 0}.tplo-illustrated-option .curated-solo img{height:14rem!important;max-height:none!important;object-fit:contain}.tplo-illustrated-option .curated-solo{margin:.75rem 0}.tplo-illustrated-option figcaption{font-size:.92rem!important}.tplo-illustrated-option p{font-size:1rem;line-height:1.6}
@media(max-width:700px){.tplo-responsive-desktop{display:none}.tplo-responsive-mobile{display:block}.tplo-responsive-mobile .curated-solo img{height:24rem!important;max-height:55dvh!important;object-fit:contain}.tplo-responsive-mobile .curated-solo figcaption{margin:.3rem 0}.tplo-responsive-mobile .curated-carousel-controls{margin-top:.4rem}.tplo-illustrated-options{grid-template-columns:1fr}.tplo-illustrated-option p.tplo-option-role{min-height:0}.tplo-illustrated-option .curated-solo img{height:16rem!important;max-height:46dvh!important}}
@media print{.tplo-responsive-mobile{display:none!important}.tplo-responsive-desktop{display:block!important}}

/* Keep enlarged text from squeezing the image area out of the dialog. */
.curated-viewer-pan {
  min-height: 0;
  flex: 0 0 auto;
  max-height: 65dvh;
}

/* Keep the rotation-support illustration and its controls in one view. */
@media (min-width: 761px) {
  .tplo-comparison-body #internal-brace .curated-solo {
    max-width: 36rem;
  }
}