@font-face {
  font-family: "Basel";
  src: url("fonts/Basel-Grotesk-Book.woff2") format("woff2");
  font-weight: 400 499;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Basel";
  src: url("fonts/Basel-Grotesk-Medium.woff2") format("woff2");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --hooky-font: "Basel", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-jetbrains-mono: "Basel";
  --font-instrument-serif: "Basel";
  --bg: #000000;
  --bg-elevated: #11131a;
  --bg-raised: #171a24;
  --bg-inset: #080a11;
  --fg: #f7f8ff;
  --fg-muted: #c8d0e4;
  --fg-faint: #8f98ad;
  --fg-faintest: #5b6373;
  --border: rgba(151, 171, 255, 0.075);
  --border-strong: rgba(151, 171, 255, 0.145);
  --border-amber: rgba(73, 129, 255, 0.38);
  --amber: #4981ff;
  --amber-soft: rgba(73, 129, 255, 0.16);
  --green: #5b86ff;
  --green-soft: rgba(91, 134, 255, 0.14);
  --gold: #9cb7ff;
  --gold-soft: rgba(156, 183, 255, 0.14);
  --red: #ff5f52;
  --red-soft: rgba(255, 95, 82, 0.15);
  --cyan: #6ea0ff;
  --cyan-soft: rgba(110, 160, 255, 0.13);
  --magenta: #7e90ff;
  --magenta-soft: rgba(126, 144, 255, 0.14);
}

[data-rk] {
  --rk-colors-accentColor: #4981ff !important;
  --rk-colors-accentColorForeground: #ffffff !important;
  --rk-colors-connectButtonBackground: #18181d !important;
  --rk-colors-actionButtonSecondaryBackground: rgba(73, 129, 255, 0.12) !important;
  --rk-colors-modalBackground: #111114 !important;
  --rk-colors-modalBorder: rgba(255, 255, 255, 0.14) !important;
}

* {
  scrollbar-color: rgba(73, 129, 255, 0.52) transparent;
}

html,
body {
  font-family: var(--hooky-font) !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(73, 129, 255, 0.18), transparent 34rem),
    #000000 !important;
  color: var(--fg);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body *,
button,
input,
textarea,
select {
  font-family: var(--hooky-font) !important;
}

::selection {
  background: var(--amber);
  color: #ffffff;
}

.scanlines::after {
  opacity: 0.025 !important;
}

header {
  background: rgba(17, 17, 20, 0.92) !important;
  border-color: var(--border-strong) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.38);
}

header a[aria-label] span[aria-hidden="true"] {
  color: #8fb5ff !important;
  text-shadow: 0 0 14px rgba(73, 129, 255, 0.42) !important;
}

.fnkey {
  border-color: var(--border-strong) !important;
  color: var(--fg-muted) !important;
}

.fnkey:hover {
  border-color: rgba(73, 129, 255, 0.56) !important;
  color: #ffffff !important;
  background: rgba(73, 129, 255, 0.09) !important;
}

.fnkey[data-active="true"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #4981ff, #0047ff) !important;
  border-color: transparent !important;
}

section,
aside {
  border-color: var(--border-strong) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

section [style*="background:var(--bg-elevated)"],
aside [style*="background:var(--bg-elevated)"] {
  background: var(--bg-elevated) !important;
}

section [style*="background:var(--bg)"],
aside [style*="background:var(--bg)"] {
  background: rgba(17, 17, 20, 0.96) !important;
}

section [style*="background:var(--bg-raised)"],
aside [style*="background:var(--bg-raised)"],
section [style*="background:var(--bg-inset)"],
aside [style*="background:var(--bg-inset)"] {
  background: var(--bg-raised) !important;
}

button[aria-pressed="true"],
[style*="background:var(--amber)"] {
  background: linear-gradient(135deg, #4981ff, #0047ff) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

button:not(:disabled):hover,
a:hover {
  filter: brightness(1.08);
}

input,
input[type="number"],
input[type="text"] {
  background: rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
}

input:focus {
  outline: 1px solid rgba(73, 129, 255, 0.5) !important;
  outline-offset: 1px;
}

.slider {
  background: linear-gradient(
    to right,
    var(--amber) 0%,
    var(--amber) var(--slider-fill, 50%),
    var(--border-strong) var(--slider-fill, 50%),
    var(--border-strong) 100%
  ) !important;
}

.slider::-webkit-slider-thumb {
  border-color: var(--amber) !important;
  box-shadow: 0 0 0 5px rgba(73, 129, 255, 0.16);
}

.slider::-moz-range-thumb {
  border-color: var(--amber) !important;
}

.recharts-cartesian-grid line {
  stroke: rgba(255, 255, 255, 0.08) !important;
}

.recharts-cartesian-axis-line {
  stroke: rgba(255, 255, 255, 0.18) !important;
}

.recharts-cartesian-axis-tick-line {
  stroke: rgba(255, 255, 255, 0.12) !important;
}

.recharts-text {
  fill: var(--fg-muted) !important;
}

[data-sonner-toast] {
  background: var(--bg-elevated) !important;
  border-color: rgba(73, 129, 255, 0.35) !important;
}

[data-sonner-toast] [data-button] {
  border-color: var(--amber) !important;
  color: var(--amber) !important;
}

/* Uniswap-like polish layer: visual only, no data/layout contract changes. */
header {
  position: static !important;
  z-index: 50;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: 12px 12px 8px;
}

header > div {
  position: relative;
  max-width: min(1180px, calc(100vw - 24px));
  height: 56px !important;
  margin: 0 auto;
  padding: 0 10px 0 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(12, 13, 18, 0.78);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(22px) saturate(145%);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
}

header > div > a:first-child {
  justify-self: start;
}

header a[aria-label] {
  border-radius: 999px;
}

header a[aria-label] span[aria-hidden="true"] {
  display: inline-flex !important;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(73, 129, 255, 0.22);
  border-radius: 999px;
  background: rgba(73, 129, 255, 0.13);
  color: #a8c3ff !important;
  font-size: 18px !important;
  font-weight: 535 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

header nav[aria-label="primary"] {
  display: flex !important;
  position: static !important;
  justify-self: center;
  transform: none !important;
  margin-left: 0 !important;
  padding: 4px;
  gap: 2px !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
}

.fnkey {
  min-height: 34px;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--fg-faint) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: transparent !important;
  transition:
    background 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.fnkey:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  filter: none !important;
}

.fnkey[data-active="true"] {
  color: #ffffff !important;
  background: rgba(73, 129, 255, 0.22) !important;
}

header .ml-auto.lg\:ml-0 {
  margin-left: auto !important;
  justify-self: end;
}

header .ml-auto.lg\:ml-0 > button,
header .ml-auto.lg\:ml-0 button {
  min-height: 34px;
  border-radius: 999px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

section.relative > div.relative a.group {
  min-height: 48px;
  border-radius: 999px !important;
  padding-inline: 22px !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: 535 !important;
  box-shadow: none !important;
}

section.relative > div.relative a.group > span.absolute {
  display: none !important;
}

section.relative > div.relative a.group:hover span {
  color: currentColor !important;
}

section.relative > div.relative a.group[href*="#trade"],
section.relative > div.relative a.group[href="index.html#trade"] {
  border: 0 !important;
  background: linear-gradient(135deg, #6ea0ff 0%, #1557ff 100%) !important;
  box-shadow: 0 12px 34px rgba(21, 87, 255, 0.28) !important;
}

section.relative > div.relative a.group[href*="#curve"],
section.relative > div.relative a.group[href="index.html#curve"] {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: #eef3ff !important;
}

section.relative > div.relative a.group[href*="yellow-paper"] {
  min-height: 44px;
  padding-inline: 14px !important;
  background: transparent !important;
  color: var(--fg-faint) !important;
}

section.relative > div.relative a.group:hover {
  transform: translateY(-1px);
  filter: none !important;
}

main > div.grid > section {
  border-radius: 8px !important;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
    rgba(13, 14, 19, 0.96) !important;
  border-color: rgba(255, 255, 255, 0.11) !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.32);
}

main > div.grid > section:last-child {
  background:
    radial-gradient(circle at 50% -10%, rgba(73, 129, 255, 0.11), transparent 46%),
    rgba(13, 14, 19, 0.98) !important;
}

main > div.grid > section > div:first-child {
  background: rgba(255, 255, 255, 0.025) !important;
}

#curve > div:nth-child(2) .tnum.truncate {
  min-width: max-content;
  overflow: visible !important;
  text-overflow: clip !important;
}

#curve > div:nth-child(2) > div {
  min-width: 0;
}

main > div.grid > section:last-child > div:nth-child(2),
main > div.grid > section:last-child > div:nth-child(3),
main > div.grid > section:last-child > div:nth-child(4) {
  background: transparent !important;
}

main > div.grid > section:last-child button {
  min-height: 34px;
  border-radius: 999px !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  transition:
    background 160ms ease,
    color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

main > div.grid > section:last-child button:hover {
  transform: translateY(-1px);
  filter: none !important;
}

main > div.grid > section:last-child button[aria-pressed="true"],
main > div.grid > section:last-child button[style*="background:var(--amber)"] {
  background: linear-gradient(135deg, #6ea0ff, #1557ff) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(21, 87, 255, 0.24);
}

main > div.grid > section:last-child input,
main > div.grid > section:last-child [style*="background:var(--bg-raised)"],
main > div.grid > section:last-child [style*="background:var(--bg-inset)"] {
  border-radius: 8px !important;
}

main > div.grid > section:last-child input {
  min-height: 48px;
  padding-inline: 14px !important;
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

main > div.grid > section:last-child input:focus {
  outline: 2px solid rgba(73, 129, 255, 0.42) !important;
  outline-offset: 0;
}

main > div.grid > section:last-child button:has(+ span),
main > div.grid > section:last-child button:has(span) {
  border-color: rgba(73, 129, 255, 0.45) !important;
}

main > div.grid > section:last-child a,
main > div.grid > section:last-child [style*="color:var(--amber)"] {
  color: #7aa7ff !important;
}

main > div.grid > section:last-child [style*="background:var(--border)"] {
  background: rgba(255, 255, 255, 0.075) !important;
}

/* Index visual pass: black + blue, softer Uniswap-style surfaces only. */
body:has(#curve) .scanlines {
  background:
    linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(0, 0, 0, 0.99) 46rem),
    #000000 !important;
}

body:has(#curve) .scanlines::after {
  opacity: 0 !important;
}

body:has(#curve) header > div {
  max-width: min(1240px, calc(100vw - 24px));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.026)),
    rgba(11, 13, 20, 0.82);
  border-color: rgba(151, 171, 255, 0.13);
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.3);
}

body:has(#curve) header nav[aria-label="primary"] {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(151, 171, 255, 0.11);
}

body:has(#curve) header a[aria-label] span[aria-hidden="true"] {
  background: rgba(73, 129, 255, 0.12);
  border-color: rgba(126, 160, 255, 0.28);
}

body:has(#curve) header .ml-auto.lg\:ml-0 button {
  background: linear-gradient(135deg, #78a7ff, #1557ff) !important;
  border-color: transparent !important;
  color: #05070d !important;
  box-shadow: 0 12px 34px rgba(21, 87, 255, 0.22);
}

body:has(#curve) section.relative {
  border-bottom-color: rgba(151, 171, 255, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(73, 129, 255, 0.13) 0%, rgba(0, 0, 0, 0) 42%),
    linear-gradient(135deg, rgba(73, 129, 255, 0.08), rgba(0, 0, 0, 0) 38rem),
    #000000 !important;
}

body:has(#curve) section.relative > div[aria-hidden="true"] {
  opacity: 0.18 !important;
  filter: blur(112px) !important;
}

body:has(#curve) section.relative h1 {
  color: rgba(247, 248, 255, 0.96) !important;
  letter-spacing: -0.035em !important;
}

body:has(#curve) section.relative h1 span {
  color: #5b86ff !important;
  text-shadow: 0 18px 68px rgba(73, 129, 255, 0.28);
}

body:has(#curve) section.relative p {
  color: rgba(216, 224, 244, 0.86) !important;
}

body:has(#curve) section.relative .inline-flex[style*="var(--cyan)"] {
  color: #94b4ff !important;
  border-color: rgba(126, 160, 255, 0.28) !important;
  background: rgba(73, 129, 255, 0.1) !important;
  border-radius: 999px;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

body:has(#curve) section.relative aside {
  min-width: 300px;
  padding: 20px !important;
  border-left: 0 !important;
  border: 1px solid rgba(151, 171, 255, 0.12) !important;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(13, 15, 24, 0.78) !important;
  box-shadow:
    0 24px 72px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

body:has(#curve) section.relative aside > span:first-child {
  color: #8fb0ff !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

body:has(#curve) section.relative aside div {
  letter-spacing: 0 !important;
}

body:has(#curve) main.flex-1 {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 16px 36px !important;
}

body:has(#curve) main > div.grid {
  gap: 18px !important;
}

body:has(#curve) #curve,
body:has(#curve) #trade {
  border-radius: 16px !important;
  border-color: rgba(151, 171, 255, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
    rgba(13, 15, 24, 0.9) !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

body:has(#curve) #curve > div:first-child,
body:has(#curve) #trade > div:first-child {
  background: rgba(255, 255, 255, 0.026) !important;
  border-color: rgba(151, 171, 255, 0.11) !important;
}

body:has(#curve) #curve > div:nth-child(2) {
  background: rgba(151, 171, 255, 0.09) !important;
  border-color: rgba(151, 171, 255, 0.09) !important;
}

body:has(#curve) #curve > div:nth-child(2) > div {
  background:
    linear-gradient(135deg, rgba(73, 129, 255, 0.09), rgba(255, 255, 255, 0.01) 54%),
    rgba(15, 18, 28, 0.72) !important;
}

body:has(#curve) #curve .recharts-cartesian-grid line {
  stroke: rgba(151, 171, 255, 0.06) !important;
}

body:has(#curve) #curve .recharts-cartesian-axis-line,
body:has(#curve) #curve .recharts-reference-line line {
  stroke: rgba(151, 171, 255, 0.16) !important;
}

body:has(#curve) #curve [stroke="rgba(245,158,11,0.95)"],
body:has(#curve) #curve [stroke="rgba(245,158,11,1)"] {
  stroke: rgba(118, 154, 255, 0.76) !important;
}

body:has(#curve) #curve [stroke="rgba(34,197,94,0.55)"],
body:has(#curve) #curve [stroke="rgba(34,197,94,0.85)"],
body:has(#curve) #curve [stroke="rgba(34,211,238,0.55)"],
body:has(#curve) #curve [stroke="rgba(34,211,238,0.8)"] {
  stroke: rgba(91, 134, 255, 0.72) !important;
}

body:has(#curve) #curve [fill="rgba(245,158,11,0.04)"],
body:has(#curve) #curve [fill="rgba(34,211,238,0.10)"],
body:has(#curve) #curve [fill="rgba(34,211,238,0.2)"] {
  fill: rgba(73, 129, 255, 0.08) !important;
}

body:has(#curve) #curve stop[stop-color^="rgba(245,158,11"] {
  stop-color: rgba(91, 134, 255, 0.22) !important;
}

body:has(#curve) #curve stop[stop-color^="rgba(34,211,238"] {
  stop-color: rgba(110, 160, 255, 0.82) !important;
}

body:has(#curve) #curve .recharts-tooltip-wrapper > div,
body:has(#curve) #curve .pointer-events-none[class*="tnum"] {
  border-radius: 14px !important;
  border-color: rgba(151, 171, 255, 0.17) !important;
  background: rgba(9, 11, 18, 0.94) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.42);
}

body:has(#curve) #trade {
  background:
    linear-gradient(180deg, rgba(73, 129, 255, 0.09), rgba(255, 255, 255, 0.012) 44%),
    rgba(12, 14, 22, 0.94) !important;
}

body:has(#curve) #trade > div.grid.grid-cols-4 {
  margin: 16px 18px 0;
  padding: 4px;
  border: 1px solid rgba(151, 171, 255, 0.12) !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.052);
}

body:has(#curve) #trade > div.grid.grid-cols-4 button {
  border-right: 0 !important;
  border-radius: 999px !important;
  padding-block: 10px !important;
}

body:has(#curve) #trade [style*="background:var(--bg)"],
body:has(#curve) #trade [style*="background: var(--bg)"] {
  background: rgba(5, 7, 12, 0.72) !important;
  border-color: rgba(151, 171, 255, 0.12) !important;
}

body:has(#curve) #trade input {
  background: rgba(255, 255, 255, 0.045) !important;
  box-shadow: none !important;
}

body:has(#curve) #trade button[style*="background:var(--amber)"],
body:has(#curve) #trade button[aria-pressed="true"] {
  background: linear-gradient(135deg, #78a7ff, #1557ff) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(21, 87, 255, 0.22);
}

@media (max-width: 1023px) {
  header {
    padding-inline: 8px;
  }

  header > div {
    max-width: calc(100vw - 16px);
    grid-template-columns: auto minmax(0, 1fr);
    padding-right: 8px !important;
  }

  header nav[aria-label="primary"] {
    display: none !important;
  }
}

/* Positions and paper polish: CSS-only, data and chart markup stay untouched. */
main > section:first-child:has(+ section.grid.grid-cols-3),
main > section.grid.grid-cols-3,
main > section:has(table) {
  border-radius: 8px !important;
}

main > section:first-child:has(+ section.grid.grid-cols-3),
main > section:has(table) {
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.11) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(13, 14, 19, 0.96) !important;
  box-shadow: 0 22px 72px rgba(0, 0, 0, 0.34);
}

main > section:first-child:has(+ section.grid.grid-cols-3) > div:first-child,
main > section:has(table) > div:first-child,
main > section:has(table) > div:last-child {
  background: rgba(255, 255, 255, 0.025) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

main > section:first-child:has(+ section.grid.grid-cols-3) > div:last-child {
  gap: 10px !important;
  padding: 10px;
  background: transparent !important;
}

main > section:first-child:has(+ section.grid.grid-cols-3) > div:last-child > div {
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 8px;
  background:
    radial-gradient(circle at 0% 0%, rgba(73, 129, 255, 0.09), transparent 44%),
    rgba(255, 255, 255, 0.035) !important;
}

main > section.grid.grid-cols-3 {
  gap: 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

main > section.grid.grid-cols-3 > button {
  min-height: 76px;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.014)),
    rgba(13, 14, 19, 0.96) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
}

main > section.grid.grid-cols-3 > button:hover {
  transform: translateY(-1px);
  border-color: rgba(73, 129, 255, 0.26) !important;
}

main > section:has(table) > div:first-child button {
  min-height: 30px;
  border-radius: 999px !important;
  padding-inline: 13px !important;
  letter-spacing: 0.04em !important;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

main > section:has(table) > div:first-child button:hover {
  transform: translateY(-1px);
  border-color: rgba(73, 129, 255, 0.55) !important;
}

main > section:has(table) table {
  border-collapse: separate !important;
  border-spacing: 0 2px;
}

main > section:has(table) thead {
  background: rgba(255, 255, 255, 0.025) !important;
}

main > section:has(table) th {
  padding-block: 12px !important;
  color: rgba(224, 232, 255, 0.52) !important;
}

main > section:has(table) tbody tr {
  background: rgba(255, 255, 255, 0.018);
  transition:
    background 160ms ease,
    box-shadow 160ms ease;
}

main > section:has(table) tbody tr:hover {
  background: rgba(73, 129, 255, 0.065);
  box-shadow: inset 3px 0 0 rgba(73, 129, 255, 0.72);
}

main > section:has(table) td {
  padding-block: 13px !important;
}

main > section:has(table) td span[style*="border:1px"],
main > section:has(table) [class*="rounded"] {
  border-radius: 999px;
}

main > section:has(table) > div:last-child span::after {
  content: " ";
}

/* Positions page: Uniswap-style visual pass only. */
body:has(main > section:first-child + section.grid.grid-cols-3 + section) {
  background:
    linear-gradient(180deg, rgba(73, 129, 255, 0.14) 0%, rgba(0, 0, 0, 0) 38rem),
    linear-gradient(135deg, rgba(58, 220, 255, 0.06), rgba(0, 0, 0, 0) 34rem),
    #000000 !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) .scanlines {
  background:
    linear-gradient(180deg, rgba(11, 14, 24, 0.94) 0%, rgba(0, 0, 0, 0.98) 42%, #000000 100%) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) .scanlines::after {
  opacity: 0 !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main.flex-1 {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 20px 16px 32px !important;
  gap: 18px !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child,
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) {
  border: 1px solid rgba(141, 169, 255, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018)),
    rgba(14, 16, 25, 0.82) !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:first-child,
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child,
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:last-child {
  background: rgba(255, 255, 255, 0.018) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:last-child {
  gap: 12px !important;
  padding: 12px !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:last-child > div {
  border-color: rgba(141, 169, 255, 0.13) !important;
  background:
    linear-gradient(135deg, rgba(73, 129, 255, 0.12), rgba(255, 255, 255, 0.02) 48%),
    rgba(20, 23, 34, 0.84) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:last-child > div span:first-child {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 {
  gap: 12px !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button {
  min-height: 74px;
  border-color: rgba(141, 169, 255, 0.11) !important;
  background:
    linear-gradient(135deg, rgba(73, 129, 255, 0.08), rgba(255, 255, 255, 0.018) 52%),
    rgba(14, 16, 25, 0.92) !important;
  box-shadow:
    0 18px 52px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button:hover {
  border-color: rgba(112, 154, 255, 0.56) !important;
  background:
    linear-gradient(135deg, rgba(73, 129, 255, 0.18), rgba(255, 255, 255, 0.025) 58%),
    rgba(20, 22, 31, 0.96) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button span:first-child {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child {
  min-height: 58px;
  padding: 10px 16px !important;
  background: rgba(255, 255, 255, 0.026) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child > div:first-child {
  gap: 8px !important;
  padding: 4px;
  border: 1px solid rgba(141, 169, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child > div:first-child > span {
  padding-left: 10px;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child button {
  min-height: 32px;
  padding-inline: 14px !important;
  border: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: transparent !important;
  color: #9fb9ff !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child button[style*="var(--bg)"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child button[style*="background:var(--cyan)"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child button[style*="background: var(--cyan)"] {
  background: linear-gradient(135deg, #6ea0ff, #1557ff) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(21, 87, 255, 0.22);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) table {
  border-spacing: 0 7px;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) thead {
  background: transparent !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) th {
  padding: 12px 16px !important;
  border-bottom: 0 !important;
  letter-spacing: 0.03em !important;
  color: rgba(224, 232, 255, 0.48) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) tbody td {
  padding: 17px 16px !important;
  border-top: 1px solid rgba(141, 169, 255, 0.075) !important;
  border-bottom: 1px solid rgba(141, 169, 255, 0.075) !important;
  background: rgba(255, 255, 255, 0.035);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) tbody td:first-child {
  border-left: 1px solid rgba(141, 169, 255, 0.075) !important;
  border-radius: 8px 0 0 8px;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) tbody td:last-child {
  border-right: 1px solid rgba(141, 169, 255, 0.075) !important;
  border-radius: 0 8px 8px 0;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) tbody tr:hover td {
  background: rgba(73, 129, 255, 0.075);
  border-color: rgba(73, 129, 255, 0.18) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) [style*="background:var(--border)"] {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) [style*="background:var(--green)"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) [style*="background:var(--amber)"] {
  background: linear-gradient(90deg, #6ea0ff, #1557ff) !important;
  box-shadow: 0 0 18px rgba(73, 129, 255, 0.28);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) td span[style*="border:"] {
  min-width: 58px;
  text-align: center;
  border-radius: 999px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: rgba(73, 129, 255, 0.13) !important;
  border-color: rgba(112, 154, 255, 0.8) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:last-child {
  padding: 12px 16px !important;
  color: rgba(224, 232, 255, 0.62) !important;
}

/* Positions page: final Uniswap-style refinement, still CSS-only. */
body:has(main > section:first-child + section.grid.grid-cols-3 + section) header {
  background: rgba(8, 10, 16, 0.86) !important;
  border-color: rgba(151, 171, 255, 0.12) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main.flex-1 {
  max-width: 1340px;
  padding-top: 26px !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child,
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) {
  border-radius: 18px !important;
  border-color: rgba(151, 171, 255, 0.14) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(73, 129, 255, 0.09), transparent 26rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.014)),
    rgba(12, 14, 22, 0.88) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:first-child,
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child {
  padding: 14px 18px !important;
  background: rgba(255, 255, 255, 0.022) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:first-child span,
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child span {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:first-child span:first-child {
  color: #6ea0ff !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:last-child {
  gap: 12px !important;
  padding: 12px !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:last-child > div {
  min-height: 104px;
  padding: 18px !important;
  border-color: rgba(151, 171, 255, 0.13) !important;
  border-radius: 14px;
  background:
    radial-gradient(circle at 0% 0%, rgba(73, 129, 255, 0.15), transparent 52%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)),
    rgba(18, 21, 32, 0.88) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:last-child > div span:first-child {
  color: rgba(224, 232, 255, 0.58) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:last-child > div div span:first-child {
  color: #6ea0ff !important;
  letter-spacing: -0.02em !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 {
  gap: 12px !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button {
  min-height: 78px;
  border-radius: 14px !important;
  border-color: rgba(151, 171, 255, 0.12) !important;
  background:
    linear-gradient(135deg, rgba(73, 129, 255, 0.07), rgba(255, 255, 255, 0.018) 58%),
    rgba(12, 14, 22, 0.9) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button span:first-child {
  color: rgba(224, 232, 255, 0.62) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button span:last-child {
  color: rgba(224, 232, 255, 0.55) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button div span:last-child {
  color: #6ea0ff !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button[style*="rgba(239,68,68"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button[style*="var(--amber-soft)"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 > button[style*="var(--green-soft)"] {
  border-color: rgba(73, 129, 255, 0.48) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(73, 129, 255, 0.2), transparent 54%),
    rgba(18, 21, 32, 0.98) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child > div:first-child {
  gap: 4px !important;
  padding: 4px;
  border-color: rgba(151, 171, 255, 0.14);
  background: rgba(255, 255, 255, 0.055);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child button {
  min-width: 56px;
  min-height: 34px;
  border-radius: 999px !important;
  color: rgba(190, 204, 239, 0.86) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child button[style*="var(--bg)"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child button[style*="background:var(--cyan)"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:first-child button[style*="background: var(--cyan)"] {
  background: linear-gradient(135deg, #7aa7ff, #2f6bff) !important;
  color: #ffffff !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) table {
  border-spacing: 0 8px;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) tbody td {
  border-top-color: rgba(151, 171, 255, 0.08) !important;
  border-bottom-color: rgba(151, 171, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.032);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) tbody td:first-child {
  border-left-color: rgba(151, 171, 255, 0.08) !important;
  border-radius: 12px 0 0 12px;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) tbody td:last-child {
  border-right-color: rgba(151, 171, 255, 0.08) !important;
  border-radius: 0 12px 12px 0;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) tbody tr:hover td {
  background: rgba(73, 129, 255, 0.085);
  border-color: rgba(112, 154, 255, 0.24) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) [style*="background:var(--border)"] {
  height: 7px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) [style*="background:var(--green)"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) [style*="background:var(--amber)"],
body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) [style*="background:var(--red)"] {
  background: linear-gradient(90deg, #7aa7ff, #2f6bff) !important;
  box-shadow: 0 0 18px rgba(73, 129, 255, 0.32);
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) td span[style*="border:"] {
  min-width: 66px;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  color: #9fb9ff !important;
  background: rgba(73, 129, 255, 0.13) !important;
  border-color: rgba(112, 154, 255, 0.66) !important;
}

body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:has(table) > div:last-child {
  border-color: rgba(151, 171, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.018) !important;
}

@media (max-width: 767px) {
  body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section:first-child > div:last-child,
  body:has(main > section:first-child + section.grid.grid-cols-3 + section) main > section.grid.grid-cols-3 {
    grid-template-columns: 1fr !important;
  }
}

#trade > :nth-child(2) {
  display: none !important;
}

.yp-print {
  background:
    linear-gradient(180deg, rgba(73, 129, 255, 0.13), rgba(0, 0, 0, 0) 34rem),
    radial-gradient(circle at 14% 12%, rgba(73, 129, 255, 0.16), transparent 34rem),
    #000000 !important;
}

.yp-print::after {
  opacity: 0.06 !important;
}

.yp-print > section.relative {
  border-color: rgba(151, 171, 255, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(73, 129, 255, 0.1), rgba(0, 0, 0, 0) 72%),
    transparent !important;
}

.yp-print > section.relative > div.relative {
  max-width: 1180px !important;
  padding-top: 68px !important;
  padding-bottom: 74px !important;
}

.yp-print > section.relative > div[aria-hidden="true"] {
  opacity: 0.14 !important;
  filter: blur(120px) !important;
}

.yp-print > section.relative > div.relative > div:first-child {
  margin-bottom: 20px !important;
}

.yp-print > section.relative > div.relative > div:first-child span:first-child {
  color: #6ea0ff !important;
  letter-spacing: 0.18em !important;
}

.yp-print h1 {
  max-width: 12ch;
  font-size: clamp(46px, 7vw, 84px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
}

.yp-print h1 span {
  color: #9bb8ff !important;
}

.yp-print > section.relative p {
  max-width: 58ch !important;
  color: rgba(224, 232, 255, 0.86) !important;
}

.yp-print > section.relative p strong,
.yp-print > section.relative p em {
  color: #ffffff !important;
}

.yp-print nav[aria-label="Sections"] {
  margin-top: 26px !important;
  gap: 8px !important;
}

.yp-print nav[aria-label="Sections"] a,
.yp-print aside a,
.yp-print article a {
  border-radius: 999px;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    opacity 160ms ease,
    transform 160ms ease;
}

.yp-print nav[aria-label="Sections"] a {
  padding: 8px 12px !important;
  border-color: rgba(151, 171, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.048) !important;
  color: rgba(211, 220, 244, 0.82) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.yp-print nav[aria-label="Sections"] a span {
  color: #7aa7ff !important;
}

.yp-print nav[aria-label="Sections"] a:hover,
.yp-print aside a:hover,
.yp-print article a:hover {
  transform: translateY(-1px);
  color: #ffffff !important;
}

.yp-print > div.max-w-6xl {
  max-width: 1180px !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 42px !important;
}

.yp-print aside {
  padding-top: 34px !important;
}

.yp-print aside > div {
  padding: 16px;
  border: 1px solid rgba(151, 171, 255, 0.12);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.018)),
    rgba(13, 15, 24, 0.82);
  box-shadow:
    0 20px 56px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.yp-print aside > div > div:first-child {
  color: rgba(224, 232, 255, 0.52) !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}

.yp-print aside a {
  margin-left: -8px;
  padding: 7px 8px;
  border-radius: 10px;
  color: rgba(211, 220, 244, 0.72) !important;
  letter-spacing: 0 !important;
}

.yp-print aside a:hover {
  background: rgba(73, 129, 255, 0.12);
  color: #ffffff !important;
}

.yp-print aside a span {
  color: #7aa7ff !important;
}

.yp-print article {
  max-width: 860px;
}

.yp-print article > section {
  margin-bottom: 20px;
  padding: 42px !important;
  border: 1px solid rgba(151, 171, 255, 0.12) !important;
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(73, 129, 255, 0.08), transparent 26rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.012)),
    rgba(12, 14, 22, 0.86);
  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.yp-print article > section > h2 {
  margin-bottom: 24px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(151, 171, 255, 0.1);
}

.yp-print article > section > h2 a {
  color: #7aa7ff !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}

.yp-print article > section > h2 span {
  letter-spacing: 0.08em !important;
}

.yp-print article > section > div {
  max-width: 68ch !important;
}

.yp-print article h3 {
  color: rgba(178, 192, 222, 0.78) !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
}

.yp-print article p {
  color: rgba(232, 237, 250, 0.86) !important;
  line-height: 1.78 !important;
}

.yp-print article strong {
  color: #ffffff !important;
}

.yp-print article em {
  color: rgba(245, 248, 255, 0.95) !important;
}

.yp-print article code,
.yp-print article div[style*="background:var(--bg-elevated)"],
.yp-print article div[style*="background: var(--bg-elevated)"] {
  border-radius: 16px !important;
}

.yp-print article code {
  border-color: rgba(73, 129, 255, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(73, 129, 255, 0.1) !important;
  color: #a8c3ff !important;
}

.yp-print article div[style*="background:var(--bg-elevated)"],
.yp-print article div[style*="background: var(--bg-elevated)"] {
  border-color: rgba(151, 171, 255, 0.14) !important;
  background:
    linear-gradient(135deg, rgba(73, 129, 255, 0.1), rgba(255, 255, 255, 0.018) 54%),
    rgba(15, 18, 28, 0.74) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.052);
}

.yp-print article div[style*="border-left:3px"] {
  border-left-color: transparent !important;
  box-shadow:
    inset 3px 0 0 #5b86ff,
    inset 0 1px 0 rgba(255, 255, 255, 0.052);
}

.yp-print article blockquote {
  padding: 18px 20px !important;
  border: 1px solid rgba(151, 171, 255, 0.14) !important;
  border-left-color: transparent !important;
  border-radius: 16px;
  background: rgba(73, 129, 255, 0.08);
  box-shadow: inset 3px 0 0 #5b86ff;
  font-style: normal !important;
}

.yp-print article table {
  overflow: hidden;
  border: 1px solid rgba(151, 171, 255, 0.12);
  border-radius: 16px;
  border-collapse: separate !important;
  border-spacing: 0;
  background: rgba(12, 14, 22, 0.74);
}

.yp-print article th {
  background: rgba(73, 129, 255, 0.075) !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}

.yp-print article td {
  border-color: rgba(151, 171, 255, 0.08) !important;
}

.yp-print article tr:hover td {
  background: rgba(73, 129, 255, 0.055);
}

.yp-print article > div.border-t {
  padding: 24px !important;
  border: 1px solid rgba(151, 171, 255, 0.12) !important;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(73, 129, 255, 0.09), rgba(255, 255, 255, 0.018)),
    rgba(12, 14, 22, 0.76);
}

.yp-print article > div.border-t a {
  border-color: rgba(73, 129, 255, 0.56) !important;
  border-radius: 999px;
  background: rgba(73, 129, 255, 0.12) !important;
  color: #9fb9ff !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (max-width: 767px) {
  main > section:first-child:has(+ section.grid.grid-cols-3) > div:last-child,
  main > section.grid.grid-cols-3 {
    grid-template-columns: 1fr !important;
  }

  .yp-print article > section {
    padding: 22px !important;
  }

  .yp-print > section.relative > div.relative {
    padding-top: 46px !important;
    padding-bottom: 52px !important;
  }

  .yp-print h1 {
    font-size: clamp(40px, 14vw, 58px) !important;
  }
}