/* Touch Action */
* { touch-action: manipulation; }

/* H1 Sub */
.h1-sub {
  font-size: 10px !important;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  margin-top: -8px;
  margin-bottom: 5px;
}

/* Logo + H1 centering in sidebar */
@media (min-width: 1024px) {
  .logo-area {
    text-align: center;
  }
  .logo-area a {
    display: inline-block;
  }
}

/* Body */
body {
  background-color: #ffffff;
}

/* Hide Scrollbar but allow functionality */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Custom Scrollbar Styling */
.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(61,113,204,0.2); border-radius: 20px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: rgba(61,113,204,0.4); }

/* Glassmorphism Utilities */
.glass-header {
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(61,113,204,0.05);
}

/* Logo sizing */
.credit { height: 40px; width: auto; }

/* Ensure list markers never appear in navigation lists */
nav ul { list-style: none; padding-left: 0; margin: 0; }

/* Ranking cards */
@media (max-width: 767px) {
  .ranking-item {
    gap: 0.625rem;
    padding: 0.875rem;
  }

  .ranking-item > .flex-shrink-0 {
    width: 2rem;
    height: 2rem;
    font-size: 0.875rem;
  }

  .ranking-item > .flex-1 {
    min-width: 0;
  }

  .ranking-item > .copy-btn {
    width: 2.25rem;
    height: 2.25rem;
    padding-left: 0;
    padding-right: 0;
  }

  .ranking-item:not(:first-child) > .copy-btn {
    display: none;
  }

  .ranking-item .flex-1 > .flex {
    align-items: flex-start;
  }

  .ranking-item h3 {
    min-width: 0;
    white-space: normal;
    line-height: 1.35;
  }
}