/* DKC V2: page-level polish. Kept separate from the shared BTC stack. */
:root {
  --dkc-v2-focus: #f0cf67;
  --dkc-v2-focus-soft: rgba(240, 207, 103, .22);
}

html { scroll-padding-top: 86px; }

body[data-dkc-version="2"] h1,
body[data-dkc-version="2"] h2 {
  text-wrap: balance;
}

body[data-dkc-version="2"] p,
body[data-dkc-version="2"] li,
body[data-dkc-version="2"] dd {
  overflow-wrap: anywhere;
}

body[data-dkc-version="2"] :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--dkc-v2-focus);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px var(--dkc-v2-focus-soft);
}

body[data-dkc-version="2"] button,
body[data-dkc-version="2"] select,
body[data-dkc-version="2"] input {
  touch-action: manipulation;
}

.dkc-v2-skip {
  position: fixed;
  z-index: 100000;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  color: #090909;
  background: var(--dkc-v2-focus);
  border-radius: 8px;
  font: 700 13px/1.2 system-ui, sans-serif;
  transform: translateY(-160%);
  transition: transform .18s ease;
}

.dkc-v2-skip:focus { transform: translateY(0); }

@media (max-width: 720px) {
  body[data-dkc-version="2"] h1 { line-height: .98; }
  body[data-dkc-version="2"] :is(button, select, input) { min-height: 42px; }
  body[data-dkc-version="2"] .dkc-table-wrap {
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body[data-dkc-version="2"] *,
  body[data-dkc-version="2"] *::before,
  body[data-dkc-version="2"] *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}