/* Approved DLSS comparison and full-image reader. Article typography is shared. */
.dlss5-comparison { margin: 28px 0 32px; }
.dlss5-comparison-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.dlss5-comparison-image { display: block; min-width: 0; text-decoration: none !important; border: 1px solid var(--line); background: var(--ink-soft); }
.dlss5-comparison-image > span { display: flex; align-items: center; min-height: 44px; padding: 8px 14px; color: var(--paper); font: 500 14px/1.6 var(--body-font); }
.dlss5-comparison-image img { width: 100%; margin: 0; aspect-ratio: 16/9; object-fit: contain; }
.dlss5-comparison-image:hover { border-color: var(--cyan); }
.dlss5-comparison-image:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.dlss5-comparison figcaption { margin-top: 12px; color: var(--insights-muted); font: 400 13px/1.8 var(--body-font); }
.dlss5-comparison { scroll-margin-top: 116px; }
.dlss5-image-reader { max-width: 1800px; margin-inline: auto; padding-block: 120px 48px; }
.dlss5-image-reader h1 { margin: 24px 0; font: 400 32px/1.4 var(--headline-font); }
.dlss5-image-reader > img { display: block; width: 100%; height: auto; }
.dlss5-image-reader p { color: var(--insights-muted); font: 400 14px/1.8 var(--body-font); }
.dlss5-image-reader p a { color: var(--cyan); text-decoration: underline; }
@media(max-width:680px) {
  .dlss5-comparison-grid { grid-template-columns: 1fr; gap: 16px; }
}