/* Distance Designer uses the established plugin-page layout and studio palette. */
.session-board-page main [id] { scroll-margin-top: 144px; }
.session-board-page .media-card { border-color: #675731; }
.dd-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.session-board-page .final-cta::after { content: "SB"; }
.session-board-page .section-dark .intro-split h2 { color: #fffdf8; }
.session-board-page .section-dark .readable p { color: #b9bdc1; }
.session-board-page .section-dark .readable strong { color: #fffdf8; }
.session-board-page #demo .eyebrow { color: #f3d27c; }
.session-board-page #workflow .workflow-grid,
.session-board-page #workflow article,
.session-board-page #faq details { border-color: #d4d0c7; }
.session-board-page #workflow h3 { color: #121315; }
.session-board-page #workflow p,
.session-board-page #faq details p { color: #62666c; }
.session-board-page #workflow .step-number,
.session-board-page #faq summary::after { color: #6d5118; }
@media (max-width: 740px) {
  .session-board-page .signal-caption { flex-wrap: wrap; }
}
@media (max-width: 380px) {
  .session-board-page .nav { gap: 10px; }
  .session-board-page .brand { gap: 8px; }
  .session-board-page .brand strong { font-size: .75rem; }
  .session-board-page .brand img { width: 30px; height: 30px; }
}

.sb-showcase { display:block; }
.sb-showcase img { width:100%; height:auto; border:1px solid #675731; border-radius:12px; }
.sb-image-caption { color:#b9bdc1; font-size:.8rem; margin-top:18px; }
.session-board-page .media-card img { height:auto; }
.session-board-page .hero-grid { grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:40px; }
@media(max-width:960px) { .session-board-page .hero-grid { grid-template-columns:1fr; } }