/* =================================================================
   Directory pages: integrations, industries, workflows, use cases,
   locations. Extends the shared primitives in site.css
   (page-hero, crumbs, hero-split, section*, prose, toc, faq).
   All page-specific classes are prefixed dx-.
================================================================= */

/* ---------- Hero extensions ---------- */
.dx-hero{padding-bottom:88px}
.dx-hero .crumbs{margin-bottom:52px}
.dx-hero-grid{gap:64px}
.dx-hero-grid>*{min-width:0}
.dx-hero h1.dx-h1-long{font-size:clamp(32px,3.5vw,50px);line-height:1.06;letter-spacing:-.03em;max-width:24ch}
.dx-hero h1.dx-h1-mid{font-size:clamp(38px,4.6vw,66px);max-width:18ch}
.dx-tagline{font:600 clamp(19px,1.7vw,23px)/1.35 var(--display);color:var(--lime);letter-spacing:-.015em;margin-top:24px;max-width:44ch}
.dx-tagline+.lead{margin-top:12px}
.dx-ph-side .dx-tagline{margin-top:0}
.dx-ph-side .lead{max-width:50ch}
.dx-ph-side .dx-tagline+.lead{margin-top:12px}
.dx-ph-side>.lead:first-child{margin-top:0}
.dx-ph-side{padding-bottom:6px}
.dx-hero-flag{margin-top:36px;display:inline-flex}

/* TL;DR (hero side panel or top of the article) */
.dx-tldr{background:var(--lime);color:var(--ink);border-radius:var(--r-lg);padding:28px 30px;font-size:17px;line-height:1.55}
.dx-tldr strong{display:block;font:500 13px/1 var(--mono);letter-spacing:.04em;margin-bottom:14px;color:var(--lagoon)}
.page-hero .dx-tldr{align-self:end}
.dx-tldr-wide{max-width:68ch;margin-bottom:40px}
.prose .dx-tldr{font-size:17px}
.prose .dx-tldr+*{margin-top:1.8em}

/* Logo tiles */
.dx-hero-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dx-hero-logos div{background:#fff;border-radius:var(--r);height:96px;display:grid;place-items:center;padding:18px}
.dx-hero-logos img{max-height:38px;width:auto;max-width:100%}
.dx-pair{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;background:rgba(255,255,255,.08);border-radius:var(--r-lg);padding:14px}
.dx-pair-tile{background:#fff;border-radius:var(--r);height:132px;display:grid;place-items:center;padding:24px;min-width:0}
.dx-pair-tile img{max-height:40px;width:auto;max-width:100%}
.dx-pair-name{font:800 clamp(18px,1.8vw,24px)/1.1 var(--display);letter-spacing:-.02em;color:var(--ink);text-align:center;overflow-wrap:anywhere}
.dx-pair-link{color:var(--lime);display:grid;place-items:center}
.dx-pair-link svg{width:40px;height:24px}

/* ---------- Section heads ---------- */
.dx-h2{font-size:clamp(32px,3.5vw,48px);line-height:1.03;letter-spacing:-.034em;font-weight:800}
.dx-sh{font-size:clamp(32px,3.6vw,50px);line-height:1.04;letter-spacing:-.035em;font-weight:800}
.dx-sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:44px}
.dx-sec-head>p{font-size:17px}
.dx-sec-head .kicker{margin-bottom:14px}
.dx-sec-tight{padding:88px 0}
.dx-lead{font-size:17px;margin-top:18px}
.section-lime .dx-lead{color:var(--ink)}
.section-lime .kicker{color:var(--lagoon)}

/* ---------- Cards ---------- */
.dx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dx-cards.dx-c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dx-card{display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--mist);border-radius:var(--r);padding:24px;text-decoration:none;color:var(--text);transition:background .15s var(--ease)}
a.dx-card:hover{background:var(--mist-2)}
.section-mist .dx-card{background:#fff}
.section-mist a.dx-card:hover{background:#f6faf8}
.dx-card h3{font-size:20px;line-height:1.2;letter-spacing:-.02em}
.dx-card p{font-size:15.5px}
.dx-card-go{margin-top:auto;padding-top:14px;font-weight:600;font-size:15px;color:var(--lagoon)}
a.dx-card:hover .dx-card-go{text-decoration:underline;text-underline-offset:4px}
.dx-card .dx-lg{display:flex;align-items:center;height:28px;margin-bottom:8px}
.dx-card .dx-lg img{max-height:26px;width:auto}
.dx-card-num .dx-card-n{font:500 13px/1 var(--mono);color:var(--lagoon);margin-bottom:6px}
.dx-card-dark{background:var(--lagoon)!important;color:var(--on-dark)}
a.dx-card-dark:hover{background:var(--lagoon-3)!important}
.dx-card-dark h3{color:#fff;font-size:24px}
.dx-card-dark .dx-card-go{color:var(--lime)}
.dx-tools{grid-template-columns:repeat(5,minmax(0,1fr))}
.dx-tools .dx-card{background:var(--lime);color:var(--ink)}
.dx-tools a.dx-card:hover{background:var(--lime-2)}
.dx-tools .dx-card-go{color:var(--ink)}

/* Round arrow used by directory rows/items */
.dx-go{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ink);flex:none}
.dx-go .arrow{transition:transform .15s var(--ease)}

/* Checklists */
.dx-checks{display:grid;gap:8px}
.dx-checks-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dx-checks li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--r);padding:16px 18px;font-size:16px;line-height:1.5;color:var(--ink)}
.dx-tick{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--lagoon);color:var(--lime);font-size:12px;font-weight:700;flex:none}
.section-lime .dx-checks li{background:rgba(255,255,255,.72)}

/* Numbered setup steps (integration) */
.dx-numbered{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:none}
.dx-numbered li{display:flex;gap:18px;align-items:flex-start;background:var(--mist);border-radius:var(--r-lg);padding:24px}
.dx-numbered .dx-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lagoon);color:var(--lime);font:600 15px/1 var(--mono);flex:none}
.dx-numbered h3{font-size:20px;line-height:1.2;letter-spacing:-.02em}
.dx-numbered p{font-size:15.5px;margin-top:6px}

/* FAQ layout */
.dx-faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:56px;align-items:start}
.dx-faq-wrap>.dx-h2,.dx-faq-wrap>.dx-sh,.dx-faq-head{position:sticky;top:110px}
.dx-faq-head p{font-size:16.5px;margin-top:16px}
.dx-faq-wrap .faq summary{font-size:17px}

/* Full-width closing band */
.dx-band{background:var(--lagoon);color:var(--on-dark);padding:88px 0}
.dx-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.dx-band h2{color:#fff;font-size:clamp(32px,3.8vw,54px);line-height:1;letter-spacing:-.04em;font-weight:800;max-width:20ch}
.dx-band p{margin-top:14px;font-size:17px;max-width:56ch}
.dx-band-actions{display:flex;flex-wrap:wrap;gap:12px}
.dx-band-lime{background:var(--lime);color:var(--ink)}
.dx-band-lime h2{color:var(--ink)}

/* ---------- Long-form: prose + side column ---------- */
.dx-prose-grid{display:grid;grid-template-columns:minmax(0,68ch) minmax(240px,320px);gap:72px;justify-content:space-between;align-items:start}
.dx-prose-grid>*{min-width:0}
.dx-updated{font:500 13px/1.4 var(--mono);color:var(--muted)}
.dx-body .prose>p:first-of-type:not(.dx-updated),.dx-read-main .prose>.dx-tldr+p{font-size:20px;line-height:1.6;color:var(--ink)}
.dx-side{display:flex;flex-direction:column;gap:16px;align-self:stretch}
.dx-toc{position:sticky;top:100px}
.dx-toc h2.t{font:600 13px/1.3 var(--body);letter-spacing:0;color:var(--muted);margin-bottom:12px}
.seo-related-links,.dx-side-box{background:var(--mist);border-radius:var(--r);padding:24px}
.seo-related-links h3,.dx-side-box h2{font:600 15px/1.3 var(--body);letter-spacing:0;color:var(--ink);margin-bottom:10px}
.seo-related-links li a,.dx-side-box li a{display:block;padding:7px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink);text-decoration:none}
.seo-related-links li:first-child a,.dx-side-box li:first-child a{border-top:0}
.seo-related-links li a:hover,.dx-side-box li a:hover{color:var(--lagoon);text-decoration:underline;text-underline-offset:3px}
.dx-view-all{display:inline-block;margin-top:12px;font-size:15px}
.dx-side-cta{background:var(--lagoon);color:var(--on-dark);border-radius:var(--r-lg);padding:28px}
.dx-side-cta .kicker{color:var(--lime);margin-bottom:12px}
.dx-side-cta h2{color:#fff;font-size:24px;line-height:1.15;letter-spacing:-.025em}
.dx-side-cta p{font-size:15.5px;margin-top:10px}
.dx-side-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px}
.dx-side-cta .link{color:var(--lime);text-decoration-color:rgba(200,241,105,.35)}
@media (min-width:1141px){
  .dx-side-industry .dx-toc-box{order:4}
  .dx-side-industry .seo-related-links,.dx-side-industry .dx-side-box{order:2}
  .dx-side-industry .dx-side-cta{order:1}
}
/* Related guides below a toc-led article */
.dx-read-main{min-width:0}
.dx-read-solo{max-width:calc(68ch + 2 * var(--gutter))}
.dx-related-after .seo-related-links{max-width:68ch;margin-top:48px}

/* ---------- Integrations directory ---------- */
.dx-dir-sec{padding:40px 0 96px}
.dx-dir-group{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;padding:44px 0;border-top:1px solid var(--line)}
.dx-dir-group:first-child{border-top:0}
.dx-dir-name{position:sticky;top:100px;align-self:start}
.dx-dir-name h2{font-size:clamp(24px,2.2vw,30px);line-height:1.1;letter-spacing:-.025em;font-weight:800}
.dx-dir-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dx-dir-items.dx-one{grid-template-columns:1fr}
.dx-dir-item{display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--mist);border-radius:var(--r);padding:24px;text-decoration:none;color:var(--text);transition:background .15s var(--ease)}
.dx-dir-item:hover{background:var(--mist-2)}
.dx-dir-item .dx-lg{display:flex;align-items:center;height:30px;margin-bottom:10px}
.dx-dir-item .dx-lg img{max-height:28px;width:auto}
.dx-dir-item h3{font-size:20px;line-height:1.2;letter-spacing:-.02em}
.dx-dir-item p{font-size:15.5px;margin-bottom:10px}
.dx-dir-item .dx-go{margin-top:auto;align-self:flex-start}
.dx-dir-item:hover .arrow{transform:translateX(3px)}
.dx-dir-item.dx-feature{background:var(--lime);padding:32px 36px;color:var(--ink)}
.dx-dir-item.dx-feature:hover{background:var(--lime-2)}
.dx-dir-item.dx-feature h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;font-weight:800}
.dx-dir-item.dx-feature p{font-size:17px;max-width:62ch}

/* ---------- Industries explorer ---------- */
.dx-route-bar{position:sticky;top:72px;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.dx-routes{display:flex;gap:6px;padding:12px 0;overflow-x:auto;scrollbar-width:none}
.dx-routes a{flex:none;display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:600 15.5px/1 var(--body);color:var(--ink);text-decoration:none}
.dx-routes a:hover{border-color:var(--ink)}
.dx-routes a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.dx-route-panel{scroll-margin-top:140px}
.dx-explorer{padding-top:64px}
.dx-search{display:grid;gap:10px;max-width:640px;margin-bottom:36px}
.dx-search label{font:600 15px/1.3 var(--body);color:var(--ink)}
.dx-search-row{display:flex;align-items:center;gap:16px}
.dx-search input{flex:1;min-width:0;height:54px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line);font:inherit;font-size:16px;color:var(--ink);background:var(--mist)}
.dx-search input:focus{outline:none;border-color:var(--lagoon);background:#fff;box-shadow:0 0 0 3px rgba(13,79,67,.12)}
.dx-count{font:500 13.5px/1 var(--mono);color:var(--muted);white-space:nowrap}
.dx-inds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.dx-ind{display:flex;flex-direction:column;gap:10px;min-width:0;padding:28px 28px 28px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.dx-ind:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line)}
.dx-ind h3{font-size:26px;line-height:1.1;letter-spacing:-.03em;font-weight:800;transition:color .15s}
.dx-ind p{font-size:15.5px;color:var(--muted)}
.dx-ind-go{margin-top:auto;padding-top:8px;font-weight:600;font-size:15px;color:var(--lagoon)}
.dx-ind:hover h3{color:var(--lagoon)}
.dx-ind:hover .dx-ind-go{text-decoration:underline;text-underline-offset:4px}
.dx-ind[hidden]{display:none}
.dx-empty{margin-top:24px;padding:20px 24px;border-radius:var(--r);background:var(--coral-wash);color:var(--coral-ink);font-weight:600}
.dx-empty[hidden]{display:none}

/* ---------- Industry page ---------- */
.dx-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dx-duo.dx-duo-one{grid-template-columns:minmax(0,760px)}
.dx-duo-panel{border-radius:var(--r-lg);padding:40px;scroll-margin-top:100px}
.dx-duo-panel.dx-coral{background:var(--coral-wash)}
.dx-duo-panel.dx-lime{background:var(--lime)}
.dx-duo-panel h2{font-size:clamp(26px,2.6vw,36px);line-height:1.08;letter-spacing:-.03em;font-weight:800;margin-bottom:24px}
.dx-duo-panel li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid rgba(15,26,23,.12);font-size:17px;color:var(--ink);font-weight:500}
.dx-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:14px;flex:none}
.dx-coral .dx-mark{background:var(--coral-ink);color:#fff}
.dx-lime .dx-mark{background:var(--lagoon);color:var(--lime)}
.dx-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dx-case{padding:8px 32px 8px 0}
.dx-case+.dx-case{padding-left:32px;border-left:1px solid rgba(255,255,255,.12)}
.section-ink .dx-case h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;color:var(--lime)}
.dx-case p{margin-top:14px;font-size:16px}
.dx-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dx-examples article{background:var(--ink);color:var(--on-dark);border-radius:var(--r-lg);padding:30px}
.dx-examples h3{color:var(--lime);font-size:22px;line-height:1.2;letter-spacing:-.02em}
.dx-examples p{margin-top:14px;font-size:16px;line-height:1.65}

/* ---------- Workflow page ---------- */
.dx-wsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dx-wstep{background:var(--mist);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0}
.dx-wn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lagoon);color:var(--lime);font:600 16px/1 var(--mono);margin-bottom:8px}
.dx-wstep h2{font-size:21px;line-height:1.2;letter-spacing:-.02em}
.dx-wstep p{font-size:15.5px}
.dx-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.dx-two .dx-h2{font-size:clamp(28px,2.8vw,40px);line-height:1.08}

/* ---------- Use cases + locations ---------- */
.dx-intro-2{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 64px;align-items:start}
.prose.dx-intro-2>*+*{margin-top:0}
.dx-intro-2>div>p+p{margin-top:1.15em}
.dx-lede{font-size:21px;line-height:1.6;color:var(--ink)}
.dx-callout{background:var(--mist);border-radius:var(--r-lg);padding:30px 32px}
.prose .dx-callout h2{margin-top:0;padding-top:0;border-top:0}
.dx-callout p{font-size:16.5px;line-height:1.7;margin-top:.8em}
.dx-uc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.dx-uc-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:30px;border-radius:var(--r-lg);background:#fff;text-decoration:none;color:var(--text);min-height:260px;transition:background .15s var(--ease)}
.dx-uc-card h3{font-size:26px;line-height:1.1;letter-spacing:-.025em;font-weight:800}
.dx-uc-card p{font-size:15.5px}
.dx-more{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--lagoon)}
.dx-more .arrow{transition:transform .15s var(--ease)}
.dx-uc-card:hover{background:var(--lime)}
.dx-uc-card:hover .dx-more{color:var(--ink)}
.dx-uc-card:hover .arrow{transform:translateX(3px)}
.dx-uc-card.dx-feat{grid-column:span 2;background:var(--lagoon);color:var(--on-dark)}
.dx-uc-card.dx-feat h3{color:#fff;font-size:clamp(30px,3vw,40px)}
.dx-uc-card.dx-feat p{font-size:17px;max-width:46ch}
.dx-uc-card.dx-feat .dx-more{color:var(--lime)}
.dx-uc-card.dx-feat:hover{background:var(--lagoon-3)}
.dx-uc-card.dx-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:12px 40px;min-height:0}
.dx-uc-card.dx-wide .dx-more{margin-top:0;padding-top:0}
.dx-sh-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.dx-prose-md{font-size:17.5px}

/* Directory rows (locations index, other use cases) */
.dx-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1.5px solid var(--ink)}
.dx-rows a{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px 20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.dx-rows h3{font-size:clamp(24px,2.2vw,30px);line-height:1.1;letter-spacing:-.025em;font-weight:800}
.dx-rows p{grid-column:1;font-size:15.5px;max-width:52ch}
.dx-rows .dx-go{grid-row:1/span 2;grid-column:2;width:40px;height:40px;background:var(--mist);transition:background .15s,transform .15s var(--ease)}
.dx-rows a:hover .dx-go{background:var(--lime);transform:translateX(3px)}
.dx-rows a:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.section-mist .dx-rows .dx-go{background:#fff}

/* Compact related cards (other locations) */
.dx-rel-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}
.dx-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dx-rel a{display:flex;flex-direction:column;gap:8px;min-width:0;padding:22px;border-radius:var(--r);background:var(--mist);text-decoration:none;color:var(--text);transition:background .15s}
.section-mist .dx-rel a{background:#fff}
.dx-rel a:hover{background:var(--lime)}
.dx-rel h3{font-size:20px;line-height:1.2;letter-spacing:-.02em}
.dx-rel p{font-size:14.5px}

/* Benefits + workflow (use case) */
.dx-ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:40px}
.dx-ticks li{display:flex;align-items:center;gap:14px;background:#fff;border-radius:var(--r);padding:20px 22px;font:600 18px/1.3 var(--body);color:var(--ink)}
.dx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px}
.dx-steps li{padding:0 28px 0 0;display:flex;flex-direction:column;gap:14px}
.dx-steps li+li{padding-left:28px;border-left:1px solid rgba(255,255,255,.14)}
.dx-steps .dx-n{font:800 64px/1 var(--display);color:var(--lime);letter-spacing:-.04em}
.dx-steps h3{font-size:24px;line-height:1.15;letter-spacing:-.02em}
.dx-steps p{font-size:16px;color:var(--on-dark);margin-top:10px}

/* ---------- Responsive ---------- */
@media (max-width:1140px){
  .dx-hero-grid,.dx-sec-head,.dx-prose-grid,.dx-faq-wrap,.dx-two,.dx-sh-wrap,.dx-intro-2{grid-template-columns:1fr;gap:36px}
  .dx-sec-head{gap:16px}
  .dx-toc,.dx-faq-wrap>.dx-h2,.dx-faq-wrap>.dx-sh,.dx-faq-head,.dx-dir-name{position:static}
  .dx-cards.dx-c4,.dx-checks-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dx-dir-group{grid-template-columns:1fr;gap:20px}
  .dx-inds{grid-template-columns:1fr 1fr}
  .dx-ind:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .dx-ind:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
  .dx-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dx-wsteps{grid-template-columns:1fr 1fr}
  .dx-uc-grid,.dx-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dx-uc-card.dx-wide{grid-template-columns:1fr;align-items:start}
  .dx-examples{grid-template-columns:1fr}
  .dx-related-after .seo-related-links{margin-top:40px}
}
@media (max-width:760px){
  .dx-hero{padding:20px 0 64px}
  .dx-hero .crumbs{margin-bottom:36px}
  .dx-hero h1{font-size:clamp(36px,10vw,46px)}
  .dx-hero h1.dx-h1-long{font-size:clamp(28px,7.6vw,36px)}
  .dx-hero .lead{font-size:17px}
  .dx-hero .actions .btn{flex:1 1 100%;white-space:normal;height:auto;min-height:52px}
  .dx-tldr{padding:22px}
  .dx-hero-logos div{height:76px}
  .dx-pair{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);padding:10px}
  .dx-pair-tile{height:92px;padding:14px}
  .dx-sec-tight{padding:64px 0}
  .dx-cards,.dx-cards.dx-c4,.dx-tools,.dx-checks-2,.dx-numbered,.dx-dir-items,.dx-inds,.dx-wsteps,.dx-duo,.dx-cases,.dx-uc-grid,.dx-rel,.dx-ticks,.dx-steps,.dx-rows{grid-template-columns:1fr}
  .dx-card,.dx-wstep{padding:20px}
  .dx-dir-item.dx-feature{padding:24px}
  .dx-ind,.dx-ind:nth-child(even){padding:24px 0;border-left:0}
  .dx-search-row{flex-direction:column;align-items:stretch;gap:10px}
  .dx-routes a{flex:1 1 0;justify-content:center;padding:0 8px;font-size:14px;height:42px}
  .dx-duo-panel{padding:26px}
  .dx-case,.dx-case+.dx-case{padding:24px 0;border-left:0}
  .dx-case+.dx-case{border-top:1px solid rgba(255,255,255,.12)}
  .dx-uc-card.dx-feat{grid-column:span 1}
  .dx-uc-card{min-height:0;padding:24px}
  .dx-steps{gap:32px}
  .dx-steps li,.dx-steps li+li{padding:0;border-left:0}
  .dx-steps li+li{padding-top:32px;border-top:1px solid rgba(255,255,255,.14)}
  .dx-callout{padding:22px}
  .dx-lede{font-size:19px}
  .dx-band{padding:64px 0}
  .dx-band .btn{flex:1 1 100%;white-space:normal;height:auto;min-height:52px}
  .dx-band-actions{width:100%}
  .dx-rel-head{flex-direction:column;align-items:flex-start}
  .dx-body .prose>p:first-of-type:not(.dx-updated),.dx-read-main .prose>.dx-tldr+p{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  .dx-go .arrow,.dx-more .arrow,.dx-rows .dx-go{transition:none}
}