.dbn-topbar,
  main,
  .matka-result,
  .matka-result2,
  .banner3,
  footer {
    width: calc(100% - 16px);
  }

  .dbn-brand-row {
    min-height: 64px;
    padding: 10px 0;
  }

  .dbn-logo {
    font-size: 27px;
  }

  .dbn-logo-dp,
  .dbn-logo-boss {
    padding: 7px 8px;
  }

  .dbn-ticker-side {
    flex-direction: column;
    gap: 1px;
    padding: 5px 8px;
  }

  .dbn-side-market {
    font-size: 9px;
  }

  .dbn-side-result {
    font-size: 13px;
  }

  .dbn-ticker-item {
    gap: 6px;
    padding-inline: 10px;
  }

  .dbn-market-name {
    font-size: 11px;
  }

  .dbn-market-result {
    font-size: 12px;
  }

  .dbn-short-nav {
    gap: 6px;
    margin: 8px 0 10px;
  }

  .dbn-short-nav a {
    min-height: 34px;
    padding: 7px 9px;
    font-size: 11px;
  }

  .matka-result {
    padding: 9px;
  }

  .matka-row {
    grid-template-columns: 52px minmax(0, 1fr) 52px;
    gap: 5px;
    padding: 8px 6px;
  }

  .matka-btn1,
  .matka-btn {
    min-height: 32px;
    padding: 6px 5px;
    font-size: 11px;
  }

  .matka-name {
    font-size: 12px;
  }

  .matka-number {
    font-size: 21px;
  }

  .matka-link {
    font-size: 11px;
  }

  .intro {
    padding: 13px;
  }


/* Respect visitors who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Optional dark-mode preference is intentionally not forced;
   this keeps the default theme readable and consistent. */