/* Distance Designer uses the established plugin-page layout and studio palette. */
.distance-designer-page main [id] { scroll-margin-top: 144px; }
.distance-designer-page .media-card { border-color: #675731; }
.dd-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.distance-designer-page .final-cta::after { content: "DD"; }
.distance-designer-page .section-dark .intro-split h2 { color: #fffdf8; }
.distance-designer-page .section-dark .readable p { color: #b9bdc1; }
.distance-designer-page .section-dark .readable strong { color: #fffdf8; }
.distance-designer-page #demo .eyebrow { color: #f3d27c; }
.distance-designer-page #workflow .workflow-grid,
.distance-designer-page #workflow article,
.distance-designer-page #faq details { border-color: #d4d0c7; }
.distance-designer-page #workflow h3 { color: #121315; }
.distance-designer-page #workflow p,
.distance-designer-page #faq details p { color: #62666c; }
.distance-designer-page #workflow .step-number,
.distance-designer-page #faq summary::after { color: #6d5118; }
.dd-environments { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #34383d; }
.dd-environments article { padding: 26px 28px 0 0; }
.dd-environments article + article { border-left: 1px solid #34383d; padding-left: 28px; }
.dd-environments h3 { margin: 0 0 14px; color: #f3d27c; font-size: 1.05rem; }
.dd-environments p { margin: 0; color: #b9bdc1; font-size: .88rem; line-height: 1.9; }
.dd-environment-note { margin-top: 28px; color: #aeb3b7; font-size: .82rem; }
.dd-explore-link { margin: 0 0 22px; font-size: .82rem; font-weight: 700; text-underline-offset: 4px; }
.dd-catalog-card .plugin-card__visual { aspect-ratio: 1.5; }
.product-box--distance-designer img { background: #171a1d; padding: 12px; }
.product-box--distance-designer .dd-card-platform { margin-left: 6px; color: #8a6a18; font-size: .68rem; font-weight: 700; }
.product-box--distance-designer .dd-card-description { margin: 10px 0 0; color: #62666c; font-size: .78rem; line-height: 1.55; }
.product-box--distance-designer .meta::after { display: none; }
.dd-card-actions { display: flex; gap: 8px; padding: 0 20px 20px; }
.product-box--distance-designer .dd-card-actions a { display: inline-flex; flex: 1; min-height: 44px; align-items: center; justify-content: center; padding: 8px; border: 1px solid #b9b4a9; border-radius: 7px; color: #121315; font-size: .77rem; font-weight: 700; text-align: center; }
.product-box--distance-designer .dd-card-actions .dd-buy { border-color: #f3d27c; background: #f3d27c; }
.product-box--distance-designer .dd-card-actions a:hover { border-color: #8f650d; background: #fff0be; }
.product-box--distance-designer .dd-card-actions a:focus-visible { outline: 3px solid #8f650d; outline-offset: 3px; }
@media (max-width: 740px) {
  .dd-environments { grid-template-columns: 1fr; }
  .dd-environments article, .dd-environments article + article { padding: 22px 0; border-left: 0; border-bottom: 1px solid #34383d; }
  .distance-designer-page .signal-caption { flex-wrap: wrap; }
}
@media (max-width: 380px) {
  .distance-designer-page .nav { gap: 10px; }
  .distance-designer-page .brand { gap: 8px; }
  .distance-designer-page .brand strong { font-size: .75rem; }
  .distance-designer-page .brand img { width: 30px; height: 30px; }
}