html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  body {
    scroll-behavior: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fd-panel:hover, .fd-btn:active, .fd-panel:hover .fd-ph--thumb, .fd-photogrid figure:hover .fd-ph {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fd-nav a::after {
    transition: none;
  }
}

/* Declarations Breakdance's class controls cannot hold (border-colour-only rules,
   flex direction inside a breakpoint). Verified by diffing selectors.css against
   fd-global.css in the browser. */
.fd-btn--ghost { border-color: var(--plum); }
.fd-btn--ghost-onphoto { border-color: #9ECFC3; }
.fd-nav a:hover { border-bottom-color: var(--mint); }
.fd-nav a.is-active { border-bottom-color: var(--plum); }
.fd-steps li:last-child { border-left-color: transparent; }
.fd-panel:hover { border-color: var(--mint); }
.fd-choice button:hover { border-color: var(--mint); }
.fd-choice button[aria-pressed="true"] { border-color: var(--plum); }
.fd-field input:focus, .fd-field select:focus, .fd-field textarea:focus { border-color: var(--plum); }
@media (max-width: 1023px) {
  .fd-nav { flex-direction: column; align-items: stretch; }
  .fd-nav a { align-self: stretch; width: auto; text-align: left; }
  .fd-nav a:hover, .fd-nav a.is-active { border-bottom-color: var(--rule); }
}