/* Same icon, white/orange treatment, border, and hover as the company home video CTA. */
.dl-demo-entry { display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px; min-width:0; }
.dl-demo-link { display:inline-flex; align-items:center; gap:11px; height:60px; padding:10px 20px 10px 30px; background:#fff; color:var(--orange); font-size:24px; font-weight:600; font-family:inherit; line-height:1.4; border-radius:10px; border:2px solid #fff; text-decoration:none; white-space:nowrap; transition:background .2s ease,color .2s ease,border-color .2s ease; }
.dl-demo-link svg { width:40px; height:40px; flex-shrink:0; }
.dl-demo-link:is(:hover,:focus-visible) { background:transparent; color:var(--orange); border-color:var(--orange); text-decoration:none; }
.dl-demo-pending { color:var(--muted); font-size:12px; font-weight:400; white-space:nowrap; }
.dl-overview .overview-report-footer:has(.dl-demo-entry) { display:flex; justify-content:space-between; flex-wrap:wrap; column-gap:16px; row-gap:8px; }
/* Match the visible text inset, including the demo button's 2px border. */
.dl-overview .overview-report-footer:has(.dl-demo-entry) .dl-demo-link { padding-left:14px; }
.dl-overview .overview-report-footer:has(.dl-demo-entry)>.overview-evidence-link { padding-left:16px; }
.dl-demo-section { padding-block:48px 72px; scroll-margin-top:24px; }
.dl-demo-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; max-width:1000px; margin:0 auto 24px; }
.dl-demo-heading h2 { font-size:28px; line-height:1.5; }
.dl-demo-heading>span { font-size:14px; color:var(--muted); white-space:nowrap; }
.dl-demo-figure { max-width:1000px; margin:0 auto; }
.dl-demo-stage { position:relative; aspect-ratio:16/9; background:#f2f4f7; border:1px solid #dde2e9; border-radius:14px; overflow:hidden; }
.dl-demo-video { display:block; width:100%; height:100%; object-fit:contain; background:#111; }
.dl-demo-placeholder { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:32px; gap:16px; }
.dl-demo-placeholder-icon,.dl-demo-play { display:grid; place-items:center; width:72px; height:72px; border-radius:50%; background:#fff; color:var(--orange); border:1px solid #d5dce5; }
.dl-demo-placeholder-icon svg,.dl-demo-play svg { width:32px; height:32px; }
.dl-demo-placeholder h3 { font-size:23px; line-height:1.5; }
.dl-demo-placeholder p { max-width:540px; color:var(--muted); font-size:17px; line-height:1.8; }
.dl-demo-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer; }
.dl-demo-play:is(:hover,:focus-visible) { border-color:var(--orange); }
.dl-demo-caption { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; }
.dl-demo-caption p,.dl-demo-data-note,.dl-demo-message { font-size:14px; line-height:1.8; color:var(--muted); }
.dl-demo-sound { flex-shrink:0; min-height:44px; border:1px solid #d3d3d3; border-radius:8px; background:#fff; padding:8px 14px; font-size:14px; }
.dl-demo-sound:is(:hover,:focus-visible) { border-color:var(--orange); color:var(--orange); }
.dl-demo-message,.dl-demo-data-note { max-width:1000px; margin:12px auto 0; }
.dl-demo-message:empty { display:none; }
.dl-demo-data-note { border-top:1px solid var(--line); padding-top:12px; }
.dl-case-card h3>a { text-decoration:none; color:inherit; }
.dl-case-card h3>a:hover { color:#b93812; }
.dl-case-demo-actions { flex-wrap:wrap; column-gap:16px; row-gap:8px; }
.dl-case-demo-actions .dl-demo-link { height:50px; padding:10px 14px 10px 6px; font-size:17px; gap:8px; }
.dl-case-demo-actions .dl-demo-link svg { width:28px; height:28px; }
.dl-case-detail { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; margin-left:auto; }
.dl-case-demo-actions .dl-case-detail { font-size:15px; }
.dl-case-demo-actions:has(.dl-demo-entry) .dl-case-detail { margin-left:0; padding-left:8px; }
.dl-case-demo-actions:not(:has(.dl-demo-entry)) .dl-case-detail { width:100%; }
@media(max-width:699px) {
  .dl-demo-link { height:54px; font-size:18px; padding:10px 16px; gap:8px; }
  .dl-demo-link svg { width:28px; height:28px; }
  .dl-overview .overview-report-footer:has(.dl-demo-entry) .dl-demo-link { padding-left:8px; }
  .dl-overview .overview-report-footer:has(.dl-demo-entry)>.overview-evidence-link { padding-left:10px; }
  .dl-demo-section { padding-block:32px 48px; scroll-margin-top:16px; }
  .dl-demo-heading { display:block; margin-bottom:18px; }
  .dl-demo-heading h2 { font-size:24px; }
  .dl-demo-heading>span { display:block; margin-top:8px; }
  .dl-demo-placeholder { padding:18px; gap:10px; }
  .dl-demo-placeholder-icon,.dl-demo-play { width:52px; height:52px; }
  .dl-demo-placeholder-icon svg,.dl-demo-play svg { width:26px; height:26px; }
  .dl-demo-placeholder h3 { font-size:18px; }
  .dl-demo-placeholder p { display:none; }
  .dl-demo-caption { align-items:flex-start; flex-wrap:wrap; gap:8px; }
  .dl-demo-caption p,.dl-demo-data-note { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .dl-demo-link { transition:none; } }