html { scroll-behavior: smooth; }
img { max-width: 100%; height: auto; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 3px solid #6B4E2D; outline-offset: 2px;
}
.cdf-note { flex-basis: 100%; grid-column: 1 / -1; margin: 4px 0 0; font-weight: 600; min-height: 0; }
.cdf-note:empty { display: none; }
button[disabled] { opacity: .7; cursor: wait; }
@media (max-width: 640px) {
  header nav > div { gap: 12px 18px !important; font-size: 14px !important; }
  header nav > a { font-size: 24px !important; }
}