/*
 * USL Web port of TabNook's Neon Grid skin.
 * Cyberpunk / Tron: deep electric-blue field, cyan grid, chamfered panels,
 * Orbitron titles, Rajdhani body, accent corner brackets, custom cursors.
 * Every rule is scoped to body[data-skin="neon-grid"].
 */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap');

body[data-skin="neon-grid"] {
  --skin-glow: rgba(0, 240, 255, 0.7);
  --skin-glow-soft: rgba(0, 240, 255, 0.25);
  --skin-glow-edge: rgba(0, 240, 255, 0.9);
  --skin-surface: rgba(5, 12, 38, 0.88);
  --skin-surface-solid: #04081e;
  --skin-chamfer: 12px;
  --skin-card-clip: polygon(
    var(--skin-chamfer) 0, 100% 0,
    100% calc(100% - var(--skin-chamfer)),
    calc(100% - var(--skin-chamfer)) 100%,
    0 100%, 0 var(--skin-chamfer)
  );
  --skin-font-display: 'Orbitron', 'Rajdhani', ui-monospace, sans-serif;
  --skin-accent: #ff8a4c;
  color-scheme: dark;
  background-color: #04081e !important;
  background-image:
    radial-gradient(ellipse 78% 78% at 50% 44%, transparent 50%, #04081e 100%),
    linear-gradient(rgba(0, 240, 255, 0.22) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 240, 255, 0.22) 1px, transparent 1px),
    linear-gradient(rgba(0, 240, 255, 0.06) 3px, transparent 3px),
    linear-gradient(90deg, rgba(0, 240, 255, 0.06) 3px, transparent 3px),
    radial-gradient(ellipse 80% 60% at 50% 30%, rgba(60, 120, 240, 0.28) 0%, transparent 70%) !important;
  background-size: auto, 32px 32px, 32px 32px, 32px 32px, 32px 32px, auto !important;
  background-attachment: fixed !important;
  color: #d8eaef !important;
  font-family: 'Rajdhani', 'Segoe UI', system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: 0.01em;
}

body[data-skin="neon-grid"] h1,
body[data-skin="neon-grid"] h2,
body[data-skin="neon-grid"] h3,
body[data-skin="neon-grid"] h4,
body[data-skin="neon-grid"] h5,
body[data-skin="neon-grid"] h6,
body[data-skin="neon-grid"] .home-wordmark-title,
body[data-skin="neon-grid"] .section-head,
body[data-skin="neon-grid"] .ft-name,
body[data-skin="neon-grid"] .navbar-brand,
body[data-skin="neon-grid"] .navbar-brand-text {
  font-family: var(--skin-font-display) !important;
  color: #e8f9ff !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: 0 0 8px var(--skin-glow), 0 0 16px var(--skin-glow-soft);
}

body[data-skin="neon-grid"] .home-wordmark-title {
  font-size: clamp(1.05rem, 2.6vw + 0.35rem, 2.15rem) !important;
  white-space: nowrap;
}

/* Topic names stay uppercase, but Orbitron tracking was clipping the last
   letters inside the tile. A smaller size wraps the long ones in full. */
body[data-skin="neon-grid"] .tile-row {
  grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
}

body[data-skin="neon-grid"] .facet-tile .ft-name {
  font-size: 0.78rem !important;
  letter-spacing: 0.01em;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: break-word;
  text-shadow: none;
}

body[data-skin="neon-grid"] .home-wordmark-rule {
  height: 2px;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, var(--skin-glow), transparent) !important;
  box-shadow: 0 0 10px var(--skin-glow);
}

body[data-skin="neon-grid"] .home-banner {
  background: transparent !important;
}

body[data-skin="neon-grid"] a {
  color: #7eebff;
}

body[data-skin="neon-grid"] a:hover {
  color: #ffffff;
}

body[data-skin="neon-grid"] p,
body[data-skin="neon-grid"] li,
body[data-skin="neon-grid"] label,
body[data-skin="neon-grid"] .lede,
body[data-skin="neon-grid"] .site-desc,
body[data-skin="neon-grid"] .topic-count,
body[data-skin="neon-grid"] .ft-count,
body[data-skin="neon-grid"] .text-muted,
body[data-skin="neon-grid"] .form-text,
body[data-skin="neon-grid"] .store-lede,
body[data-skin="neon-grid"] .disc-note {
  color: #d8eaef !important;
}

/* Panels: chamfer + one drop-shadow pass (box-shadow does not follow clip-path). */
body[data-skin="neon-grid"] .res-card,
body[data-skin="neon-grid"] .facet-tile,
body[data-skin="neon-grid"] .featured-card,
body[data-skin="neon-grid"] .home-store-card,
body[data-skin="neon-grid"] .prod-card,
body[data-skin="neon-grid"] .card,
body[data-skin="neon-grid"] .lb-box,
body[data-skin="neon-grid"] .rpt-box,
body[data-skin="neon-grid"] .store-lb-box,
body[data-skin="neon-grid"] .sidebar,
body[data-skin="neon-grid"] .usl-situation,
body[data-skin="neon-grid"] .site-foot {
  position: relative;
  background: var(--skin-surface) !important;
  color: #d8eaef !important;
  border: none !important;
  border-radius: 0 !important;
  clip-path: var(--skin-card-clip);
  filter: drop-shadow(0 0 2px var(--skin-glow-edge));
  box-shadow: inset 0 0 24px rgba(0, 240, 255, 0.06) !important;
}

body[data-skin="neon-grid"] .res-card:hover,
body[data-skin="neon-grid"] .facet-tile:hover,
body[data-skin="neon-grid"] .featured-card:hover,
body[data-skin="neon-grid"] .home-store-card:hover,
body[data-skin="neon-grid"] .prod-card:hover,
body[data-skin="neon-grid"] .card:hover {
  filter: drop-shadow(0 0 7px var(--skin-glow));
  transform: none;
}

body[data-skin="neon-grid"] .res-card::before,
body[data-skin="neon-grid"] .facet-tile::before,
body[data-skin="neon-grid"] .featured-card::before,
body[data-skin="neon-grid"] .home-store-card::before,
body[data-skin="neon-grid"] .prod-card::before,
body[data-skin="neon-grid"] .card::before,
body[data-skin="neon-grid"] .res-card::after,
body[data-skin="neon-grid"] .facet-tile::after,
body[data-skin="neon-grid"] .featured-card::after,
body[data-skin="neon-grid"] .home-store-card::after,
body[data-skin="neon-grid"] .prod-card::after,
body[data-skin="neon-grid"] .card::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid var(--skin-accent);
  pointer-events: none;
  z-index: 2;
  opacity: 0.85;
}

body[data-skin="neon-grid"] .res-card::before,
body[data-skin="neon-grid"] .facet-tile::before,
body[data-skin="neon-grid"] .featured-card::before,
body[data-skin="neon-grid"] .home-store-card::before,
body[data-skin="neon-grid"] .prod-card::before,
body[data-skin="neon-grid"] .card::before {
  top: 2px;
  left: 2px;
  border-right: none;
  border-bottom: none;
}

body[data-skin="neon-grid"] .res-card::after,
body[data-skin="neon-grid"] .facet-tile::after,
body[data-skin="neon-grid"] .featured-card::after,
body[data-skin="neon-grid"] .home-store-card::after,
body[data-skin="neon-grid"] .prod-card::after,
body[data-skin="neon-grid"] .card::after {
  bottom: 2px;
  right: 2px;
  border-left: none;
  border-top: none;
}

body[data-skin="neon-grid"] .card-header,
body[data-skin="neon-grid"] .lb-head,
body[data-skin="neon-grid"] .store-lb-head {
  background: linear-gradient(90deg, rgba(0, 240, 255, 0.12) 0%, transparent 60%) !important;
  color: #e8f9ff !important;
  border-bottom: 1px solid var(--skin-glow) !important;
  font-family: var(--skin-font-display);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

body[data-skin="neon-grid"] .card-body,
body[data-skin="neon-grid"] .rc-body,
body[data-skin="neon-grid"] .pc-body {
  background: transparent !important;
  color: #d8eaef !important;
}

body[data-skin="neon-grid"] .res-card h5,
body[data-skin="neon-grid"] .featured-card h5,
body[data-skin="neon-grid"] .home-store-title,
body[data-skin="neon-grid"] .pc-body h3,
body[data-skin="neon-grid"] .pc-title {
  color: #e8f9ff !important;
  font-family: var(--skin-font-display);
  letter-spacing: 0.04em;
}

body[data-skin="neon-grid"] .res-card p,
body[data-skin="neon-grid"] .featured-card p {
  color: rgba(216, 234, 239, 0.9) !important;
  text-transform: none;
  letter-spacing: 0.01em;
  font-family: 'Rajdhani', sans-serif;
  text-shadow: none;
}

body[data-skin="neon-grid"] .section-head .sh-line {
  background: linear-gradient(90deg, var(--skin-glow), transparent) !important;
  height: 1px;
}

body[data-skin="neon-grid"] .section-head .sh-icon {
  color: #7eebff !important;
}

body[data-skin="neon-grid"] .type-chip,
body[data-skin="neon-grid"] .cat-chip,
body[data-skin="neon-grid"] .topic-pills a,
body[data-skin="neon-grid"] .rb-saved,
body[data-skin="neon-grid"] .mini-badge {
  background: rgba(8, 12, 20, 0.72) !important;
  color: #aef2ff !important;
  border: 1px solid var(--skin-glow) !important;
  border-radius: 0 !important;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}

body[data-skin="neon-grid"] .type-chip:hover,
body[data-skin="neon-grid"] .cat-chip:hover,
body[data-skin="neon-grid"] .cat-chip.on,
body[data-skin="neon-grid"] .topic-pills a[aria-current="page"] {
  background: rgba(0, 240, 255, 0.9) !important;
  color: #04121a !important;
}

body[data-skin="neon-grid"] .type-chip .tc-count,
body[data-skin="neon-grid"] .cat-chip .n {
  color: inherit !important;
}

/* Navbar */
body[data-skin="neon-grid"] #navbar-placeholder .navbar {
  background: rgba(4, 8, 14, 0.88) !important;
  border-bottom: 1px solid var(--skin-glow);
  box-shadow: 0 0 16px var(--skin-glow-soft) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  position: sticky;
  z-index: 1030;
}

body[data-skin="neon-grid"] #navbar-placeholder .navbar-brand,
body[data-skin="neon-grid"] #navbar-placeholder .navbar-brand-text,
body[data-skin="neon-grid"] #navbar-placeholder .nav-link {
  color: #e8f9ff !important;
  font-family: var(--skin-font-display);
  letter-spacing: 0.04em;
  text-shadow: 0 0 8px var(--skin-glow-soft);
}

body[data-skin="neon-grid"] #navbar-placeholder .btn-store,
body[data-skin="neon-grid"] #navbar-placeholder .btn-suggest,
body[data-skin="neon-grid"] #navbar-placeholder .btn-contact,
body[data-skin="neon-grid"] #navbar-placeholder .btn-reader,
body[data-skin="neon-grid"] #navbar-placeholder .btn-videos,
body[data-skin="neon-grid"] #navbar-placeholder .btn-topics,
body[data-skin="neon-grid"] #navbar-placeholder .btn-library,
body[data-skin="neon-grid"] #navbar-placeholder .btn-auth,
body[data-skin="neon-grid"] .home-store-cta,
body[data-skin="neon-grid"] .btn-amazon,
body[data-skin="neon-grid"] .load-more,
body[data-skin="neon-grid"] .btn,
body[data-skin="neon-grid"] .btn-primary,
body[data-skin="neon-grid"] .btn-dark,
body[data-skin="neon-grid"] .rc-btn,
body[data-skin="neon-grid"] .rpt-submit,
body[data-skin="neon-grid"] .rpt-cancel {
  border-radius: 0 !important;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  font-family: var(--skin-font-display);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  border: 1px solid var(--skin-glow) !important;
  background: rgba(5, 12, 30, 0.72) !important;
  color: #aef2ff !important;
  box-shadow: none !important;
  text-shadow: none;
  transform: none;
}

/* Nav pills stay in the compact site face. Orbitron + uppercase tracking
   pushes the skin control past the edge of a 1280px bar once search is in it. */
body[data-skin="neon-grid"] #navbar-placeholder .btn-store,
body[data-skin="neon-grid"] #navbar-placeholder .btn-suggest,
body[data-skin="neon-grid"] #navbar-placeholder .btn-contact,
body[data-skin="neon-grid"] #navbar-placeholder .btn-reader,
body[data-skin="neon-grid"] #navbar-placeholder .btn-videos,
body[data-skin="neon-grid"] #navbar-placeholder .btn-topics,
body[data-skin="neon-grid"] #navbar-placeholder .btn-library,
body[data-skin="neon-grid"] #navbar-placeholder .btn-auth {
  font-family: 'Rajdhani', sans-serif;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 0.92rem;
}

/* Compact pills sit outside the cluster. The 0.92rem size wraps the skin
   button onto the next row and the menu then opens off the screen. */
body[data-skin="neon-grid"] #navbar-placeholder .btn-store-compact,
body[data-skin="neon-grid"] #navbar-placeholder .btn-suggest-compact,
body[data-skin="neon-grid"] #navbar-placeholder .btn-contact-compact {
  font-size: 0.85rem;
  letter-spacing: 0;
}

body[data-skin="neon-grid"] #navbar-placeholder .btn-store,
body[data-skin="neon-grid"] .home-store-cta,
body[data-skin="neon-grid"] .btn-primary,
body[data-skin="neon-grid"] .btn-dark,
body[data-skin="neon-grid"] .btn-amazon,
body[data-skin="neon-grid"] .rpt-submit {
  background: #00e5f0 !important;
  color: #04121a !important;
  border-color: #00e5f0 !important;
}

body[data-skin="neon-grid"] #navbar-placeholder .btn-suggest {
  background: transparent !important;
  color: #ffb089 !important;
  border-color: var(--skin-accent) !important;
}

body[data-skin="neon-grid"] #navbar-placeholder .btn-store:hover,
body[data-skin="neon-grid"] #navbar-placeholder .btn-suggest:hover,
body[data-skin="neon-grid"] #navbar-placeholder .btn-contact:hover,
body[data-skin="neon-grid"] #navbar-placeholder .btn-reader:hover,
body[data-skin="neon-grid"] #navbar-placeholder .btn-videos:hover,
body[data-skin="neon-grid"] #navbar-placeholder .btn-topics:hover,
body[data-skin="neon-grid"] #navbar-placeholder .btn-library:hover,
body[data-skin="neon-grid"] #navbar-placeholder .btn-auth:hover,
body[data-skin="neon-grid"] .btn:hover,
body[data-skin="neon-grid"] .home-store-cta:hover,
body[data-skin="neon-grid"] .btn-amazon:hover {
  filter: brightness(1.12);
  text-decoration: none;
}

body[data-skin="neon-grid"] #navbar-placeholder .usl-theme-toggle,
body[data-skin="neon-grid"] #navbar-placeholder .usl-saved-toggle {
  background: rgba(5, 12, 30, 0.72);
  color: #aef2ff;
  border: 1px solid var(--skin-glow);
  clip-path: none;
}

body[data-skin="neon-grid"] #navbar-placeholder .usl-skin-btn {
  background-color: rgba(5, 12, 30, 0.9);
  background-image: none;
  color: #e8f9ff;
  border: 1px solid var(--skin-glow);
  border-radius: 50%;
  clip-path: none;
  text-shadow: none;
}

body[data-skin="neon-grid"] #navbar-placeholder .usl-skin-menu {
  background: #04081e;
  color: #d8eaef;
  border: 1px solid var(--skin-glow);
  border-radius: 0;
  box-shadow: 0 0 16px var(--skin-glow-soft);
}

body[data-skin="neon-grid"] #navbar-placeholder .usl-skin-menu li {
  color: #d8eaef;
  border-radius: 0;
}

body[data-skin="neon-grid"] #navbar-placeholder .usl-skin-menu li:hover,
body[data-skin="neon-grid"] #navbar-placeholder .usl-skin-menu li:focus,
body[data-skin="neon-grid"] #navbar-placeholder .usl-skin-menu li[aria-selected="true"] {
  background: rgba(0, 240, 255, 0.12);
  color: #ffffff;
}

body[data-skin="neon-grid"] .navbar-toggler {
  border-color: var(--skin-glow) !important;
}

body[data-skin="neon-grid"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%237eebff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

body[data-skin="neon-grid"] .dropdown-menu {
  background: #04081e !important;
  border: 1px solid var(--skin-glow) !important;
  border-radius: 0 !important;
  box-shadow: 0 0 16px var(--skin-glow-soft) !important;
  z-index: 1050 !important;
}

body[data-skin="neon-grid"] .dropdown-item {
  color: #d8eaef !important;
}

body[data-skin="neon-grid"] .dropdown-item:hover,
body[data-skin="neon-grid"] .dropdown-item:focus {
  background: rgba(0, 240, 255, 0.12) !important;
  color: #ffffff !important;
}

body[data-skin="neon-grid"] .form-control,
body[data-skin="neon-grid"] select,
body[data-skin="neon-grid"] textarea,
body[data-skin="neon-grid"] .header-search input,
body[data-skin="neon-grid"] .sort-sel,
body[data-skin="neon-grid"] .store-search input {
  background: rgba(8, 12, 20, 0.75) !important;
  color: #e8f9ff !important;
  border: 1px solid var(--skin-glow-soft) !important;
  border-radius: 0 !important;
  font-family: 'Rajdhani', sans-serif;
}

body[data-skin="neon-grid"] .form-control:focus,
body[data-skin="neon-grid"] select:focus,
body[data-skin="neon-grid"] textarea:focus,
body[data-skin="neon-grid"] .header-search input:focus {
  border-color: var(--skin-glow) !important;
  box-shadow: 0 0 0 2px var(--skin-glow-soft) !important;
  color: #e8f9ff !important;
}

body[data-skin="neon-grid"] .form-control::placeholder,
body[data-skin="neon-grid"] .header-search input::placeholder {
  color: rgba(216, 234, 239, 0.55);
}

body[data-skin="neon-grid"] .header-search i,
body[data-skin="neon-grid"] .store-search i {
  color: #7eebff !important;
}

body[data-skin="neon-grid"] .suggest {
  background: #04081e !important;
  border: 1px solid var(--skin-glow) !important;
  z-index: 1060;
}

body[data-skin="neon-grid"] .suggest div {
  color: #d8eaef !important;
}

body[data-skin="neon-grid"] .usl-situation {
  border-left: none !important;
}

body[data-skin="neon-grid"] .usl-situation-kicker,
body[data-skin="neon-grid"] .usl-situation-headline,
body[data-skin="neon-grid"] .usl-situation-copy {
  color: #e8f9ff !important;
  text-shadow: none;
  font-family: 'Rajdhani', sans-serif;
  text-transform: none;
  letter-spacing: 0.01em;
}

body[data-skin="neon-grid"] .usl-situation-kicker {
  font-family: var(--skin-font-display);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7eebff !important;
}

body[data-skin="neon-grid"] .usl-situation-level {
  background: rgba(0, 240, 255, 0.08) !important;
}

body[data-skin="neon-grid"] .usl-situation--calm .usl-situation-level { color: #8ee0b0 !important; }
body[data-skin="neon-grid"] .usl-situation--elevated .usl-situation-level { color: #f0d078 !important; }
body[data-skin="neon-grid"] .usl-situation--high .usl-situation-level { color: #f0b48a !important; }
body[data-skin="neon-grid"] .usl-situation--critical .usl-situation-level { color: #f0a8a8 !important; }

body[data-skin="neon-grid"] .usl-situation-toggle {
  background: rgba(5, 12, 30, 0.72) !important;
  color: #aef2ff !important;
  border: 1px solid var(--skin-glow) !important;
  border-radius: 0 !important;
}

body[data-skin="neon-grid"] .usl-situation-asof,
body[data-skin="neon-grid"] .usl-situation-regions,
body[data-skin="neon-grid"] .usl-situation-sources a,
body[data-skin="neon-grid"] .usl-situation-archive {
  color: rgba(216, 234, 239, 0.86) !important;
}

body[data-skin="neon-grid"] .site-foot {
  text-align: center;
}

body[data-skin="neon-grid"] .site-foot,
body[data-skin="neon-grid"] .site-foot .foot-copy {
  color: rgba(216, 234, 239, 0.86) !important;
}

body[data-skin="neon-grid"] .site-foot a {
  color: #7eebff !important;
}

body[data-skin="neon-grid"] .lb-overlay,
body[data-skin="neon-grid"] .rpt-overlay,
body[data-skin="neon-grid"] .store-lb,
body[data-skin="neon-grid"] .modal {
  z-index: 1080;
}

body[data-skin="neon-grid"] .modal-content {
  background: #04081e !important;
  color: #d8eaef !important;
  border: 1px solid var(--skin-glow) !important;
  border-radius: 0 !important;
  box-shadow: 0 0 18px var(--skin-glow-soft) !important;
}

body[data-skin="neon-grid"] .lb-title,
body[data-skin="neon-grid"] .lb-head h4,
body[data-skin="neon-grid"] #rptTitle {
  color: #e8f9ff !important;
}

body[data-skin="neon-grid"] .result-bar,
body[data-skin="neon-grid"] .header-stat,
body[data-skin="neon-grid"] .header-stat b,
body[data-skin="neon-grid"] #totalCount,
body[data-skin="neon-grid"] .rb-count {
  color: #e7f8ff !important;
}

body[data-skin="neon-grid"] .view-toggle button,
body[data-skin="neon-grid"] .sort-sel {
  background: rgba(8, 12, 20, 0.75) !important;
  color: #aef2ff !important;
  border: 1px solid var(--skin-glow-soft) !important;
}

body[data-skin="neon-grid"] .home-store-photo,
body[data-skin="neon-grid"] .prod-card .pc-media,
body[data-skin="neon-grid"] .prod-card .pc-media.has-photo,
body[data-skin="neon-grid"] .store-lb-imgwrap,
body[data-skin="neon-grid"] .reader-article-thumb-wrap {
  background: rgba(8, 12, 20, 0.55) !important;
}

body[data-skin="neon-grid"] .reader-sidebar,
body[data-skin="neon-grid"] .reader-toolbar,
body[data-skin="neon-grid"] .reader-guest-note,
body[data-skin="neon-grid"] .reader-article {
  background: rgba(5, 12, 38, 0.92) !important;
  color: #d8eaef !important;
  border: 1px solid var(--skin-glow) !important;
}

body[data-skin="neon-grid"] .reader-view-item,
body[data-skin="neon-grid"] .reader-feed-row,
body[data-skin="neon-grid"] .reader-sidebar-title,
body[data-skin="neon-grid"] .reader-stream-title,
body[data-skin="neon-grid"] .reader-lede,
body[data-skin="neon-grid"] .reader-article-title,
body[data-skin="neon-grid"] .reader-article-excerpt { color: #e8f9ff !important; }

body[data-skin="neon-grid"] .btn-outline-dark,
body[data-skin="neon-grid"] .btn-outline-secondary {
  background: rgba(5, 12, 30, 0.72) !important;
  color: #aef2ff !important;
  border-color: var(--skin-glow) !important;
}

body[data-skin="neon-grid"] ::-webkit-scrollbar-track { background: #04081e; }
body[data-skin="neon-grid"] ::-webkit-scrollbar-thumb { background: rgba(0, 240, 255, 0.55); }

@media (max-width: 575.98px) {
  body[data-skin="neon-grid"] .home-wordmark-title {
    white-space: normal;
    letter-spacing: 0.04em;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-skin="neon-grid"] .res-card,
  body[data-skin="neon-grid"] .facet-tile,
  body[data-skin="neon-grid"] .card,
  body[data-skin="neon-grid"] .btn {
    transition: none !important;
  }
}

/* Cursors — on while a skin is selected. Hotspots match the TabNook pack. */
body[data-skin="neon-grid"][data-skin-cursors="on"] {
  cursor: url('/assets/skins/neon-grid/defaultarrow.png') 0 0, default !important;
}

body[data-skin="neon-grid"][data-skin-cursors="on"] a,
body[data-skin="neon-grid"][data-skin-cursors="on"] button,
body[data-skin="neon-grid"][data-skin-cursors="on"] [role="button"],
body[data-skin="neon-grid"][data-skin-cursors="on"] .btn,
body[data-skin="neon-grid"][data-skin-cursors="on"] .dropdown-item,
body[data-skin="neon-grid"][data-skin-cursors="on"] select,
body[data-skin="neon-grid"][data-skin-cursors="on"] summary,
body[data-skin="neon-grid"][data-skin-cursors="on"] label[for],
body[data-skin="neon-grid"][data-skin-cursors="on"] .res-card,
body[data-skin="neon-grid"][data-skin-cursors="on"] .facet-tile,
body[data-skin="neon-grid"][data-skin-cursors="on"] .featured-card,
body[data-skin="neon-grid"][data-skin-cursors="on"] .type-chip,
body[data-skin="neon-grid"][data-skin-cursors="on"] .prod-card {
  cursor: url('/assets/skins/neon-grid/pointer.png') 10 0, pointer !important;
}

body[data-skin="neon-grid"][data-skin-cursors="on"] input,
body[data-skin="neon-grid"][data-skin-cursors="on"] textarea {
  cursor: url('/assets/skins/neon-grid/ibeam.png') 16 16, text !important;
}