/* ===== SoulDragonDuplex =====
   Loads after ../souldragon/souldragon.css. Sections without content yet show a .dx-soon box. */
.dx-soon {
  border: 1px dashed var(--line-strong); border-radius: var(--radius); padding: 28px 24px;
  color: var(--muted); font-family: var(--display); font-style: italic; font-size: 1.2rem; text-align: center;
}
.section-head:has(+ .dx-soon) { margin-bottom: 28px; }
.sd-brand-name { white-space: nowrap; }
@media (min-width: 1181px) {
  .sd-brand { gap: 10px; }
  .sd-brand-name { font-size: 1.02rem; }
  .sd-nav > a { font-size: 0.8rem; padding: 8px 6px; }
  .sd-nav > .btn--sm { padding: 8px 11px; font-size: 0.8rem; }
}
@media (max-width: 400px) {
  .sd-lead, .sd-brand { gap: 8px; }
  .sd-brand img { width: 34px; height: 34px; }
  .sd-brand-name { font-size: 1rem; }
}