/* Dynatrack-only composition; baseline page styles and assets are untouched. */
.dt-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.dt-hero-grid .hero-copy{min-width:0}
.dt-hero-grid h1{font-size:clamp(34px,3.7vw,54px);max-width:23ch}
.dt-cab{max-width:460px;justify-self:end}
.dt-cab img{width:100%;height:auto;border-radius:6px}
.dt-cab figcaption{color:#d7dbdc;font-size:12px}
.dt-equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:32px}
.dt-hardware img{width:100%;height:auto;border-radius:6px}
.dt-image-slot{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}
.dt-image-slot>a{display:block;background:#eef2f4}
.dt-image-slot img{width:100%;height:auto}
.dt-image-slot>a:focus-visible{outline-offset:-3px}
.dt-image-slot figcaption{padding:22px;margin:0}
.dt-image-slot figcaption a{display:inline-block;margin-top:8px;font-weight:600}
.dt-field-visual{max-width:1000px;margin:32px auto 0}
/* Preserve native screenshot detail in the existing dialog, with two-axis scrolling. */
.image-scroll{max-height:65vh;overflow:auto}
.image-scroll>img{max-height:none;width:auto;height:auto}
@media(max-width:1000px){.dt-hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:32px}.dt-cab{max-width:320px}.dt-equipment-grid{gap:28px}}
@media(max-width:760px){.dt-hero-grid,.dt-equipment-grid{grid-template-columns:1fr;gap:32px}.dt-cab{justify-self:center;max-width:460px}.dt-hero-grid h1{font-size:36px}.dt-screenshot-grid{grid-template-columns:1fr}.dt-equipment-grid{margin-top:24px}.image-scroll{max-height:60vh}}