/* External rules also work where the site's CSP blocks legacy inline styles. */
.detail-main .detail-top{grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(2rem,5vw,5rem);align-items:start}
.detail-main .detail-copy{min-width:0}
.detail-main .activity-rebuilt-preview{width:100%;max-width:420px;min-width:0;margin:0;text-align:center}
.detail-main .activity-rebuilt-preview img{display:block;max-width:100%;width:100%;height:auto;border:1px solid #d8ddd8;border-radius:8px;background:white;box-shadow:0 8px 24px #00000014}
.detail-main .activity-rebuilt-preview figcaption{margin-top:.65rem;font-size:.875rem;color:#52645c}
@media(max-width:760px){.detail-main .detail-top{grid-template-columns:minmax(0,1fr);gap:1.5rem}.detail-main .activity-rebuilt-preview{margin:0 auto}.detail-main .download-panel .button{white-space:normal;max-width:100%;overflow-wrap:anywhere}}