/* Katana Perps Markets — SEO + live data layer */
html, body {
  min-height: 100%;
  height: auto !important;
  overflow-x: hidden;
}
.bodyWrap {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}
.cBoIUL {
  height: auto !important;
  min-height: 100vh !important;
  grid-template-rows: min-content var(--header-height) max-content auto auto max-content !important;
  grid-template-areas:
    "notification-notice"
    "header"
    "banner-notice"
    "exchange-body"
    "seo"
    "footer" !important;
  overflow: visible !important;
}
.gfMnzB {
  overflow: visible !important;
  min-height: 0 !important;
}
.katana-live-status {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--gray4c, #9d98a4);
}
.katana-live-status.is-live { color: #20d997; }
.katana-live-status.is-stale { color: #f6c453; }
button.bonod.ButtonRouterLink__StyledLink-sc-9ctl79-0 {
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.katana-market-up { color: #10c989 !important; }
.katana-market-down { color: #f04f5f !important; }

.katana-markets-seo {
  grid-area: seo;
  position: relative;
  width: 100%;
  background:
    radial-gradient(circle at 20% 0%, rgba(35,97,255,.08), transparent 34%),
    linear-gradient(180deg, #0b101d 0%, #080c16 100%);
  border-top: 1px solid rgba(255,255,255,.08);
  color: #fff;
  padding: 56px 24px 64px;
  box-sizing: border-box;
  z-index: 1;
}
.katana-seo-inner {
  width: min(1180px, 100%);
  margin: 0 auto;
}
.katana-seo-kicker {
  margin: 0 0 10px;
  color: #478cff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.katana-markets-seo h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.15;
}
.katana-markets-seo p {
  color: #aeb7c7;
  line-height: 1.72;
  max-width: 920px;
}
.katana-seo-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin: 30px 0 42px;
}
.katana-seo-grid article {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  padding: 22px;
}
.katana-seo-grid h3 {
  margin: 0 0 9px;
  color: #fff;
  font-size: 17px;
}
.katana-seo-grid p { margin: 0; font-size: 14px; }
.katana-faq { max-width: 980px; }
.katana-faq > h2 { margin-top: 0; font-size: 26px; }
.katana-faq details {
  border-top: 1px solid rgba(255,255,255,.09);
  padding: 17px 0;
}
.katana-faq details:last-child { border-bottom: 1px solid rgba(255,255,255,.09); }
.katana-faq summary {
  cursor: pointer;
  color: #fff;
  font-weight: 650;
  list-style: none;
}
.katana-faq summary::-webkit-details-marker { display:none; }
.katana-faq summary::after { content:"+"; float:right; color:#478cff; }
.katana-faq details[open] summary::after { content:"−"; }
.katana-faq details p { margin: 10px 0 0; font-size: 14px; }

[class*="MarketsTable__TableWrapper"] { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
[class*="MarketsTable__TableWrapper"] table { min-width: 980px; }

@media (max-width: 768px) {
  .katana-markets-seo { padding: 38px 16px 48px; }
  .katana-seo-grid { grid-template-columns: 1fr; }
  [class*="MarketsPage__Wrap"] { overflow: visible !important; }
  [class*="MarketsPage__HeaderWrap"] { padding-left: 12px !important; padding-right: 12px !important; }
  [class*="StatsBoxes__Wrap"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 2px !important;
  }
  [class*="MarketsPage__ContentWrap"] { padding-left: 8px !important; padding-right: 8px !important; }
}
@media (max-width: 430px) {
  .katana-markets-seo { padding-left: 14px; padding-right: 14px; }
  [class*="StatsBoxes__Wrap"] { grid-template-columns: 1fr 1fr !important; }
  [class*="StatsBoxes__Value"] { font-size: 16px !important; }
  [class*="StatsBoxes__Title"] { font-size: 9px !important; }
}

/* Strong visible Markets SEO block — keep after dashboard, before footer */
.katana-markets-seo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
  grid-column: 1 / -1 !important;
  min-height: 680px;
}
.katana-seo-lead { font-size: 16px; color: #c5ccda !important; }
.katana-seo-section {
  margin: 44px 0 0;
  padding-top: 4px;
}
.katana-seo-section > h2 { margin-bottom: 16px; }
.katana-seo-section p { margin: 0 0 14px; }
.katana-seo-columns {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 30px;
}
.katana-market-intent-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 22px;
}
.katana-market-intent-grid article {
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.025);
  padding: 18px 20px;
  border-radius: 8px;
}
.katana-market-intent-grid strong { display:block; color:#fff; margin-bottom:7px; font-size:15px; }
.katana-market-intent-grid span { display:block; color:#aeb7c7; font-size:14px; line-height:1.55; }
.katana-markets-seo a { color:#5e9cff; text-decoration:none; }
.katana-markets-seo a:hover { text-decoration:underline; }
.katana-risk-box {
  border: 1px solid rgba(94,156,255,.2);
  background: rgba(36,91,190,.07);
  border-radius: 10px;
  padding: 24px;
}
.katana-risk-box h2 { margin-top:0; }
.Footer__Wrapper-sc-1o95xmy-0 { position: relative !important; grid-area: footer !important; }
@media (max-width: 768px) {
  .katana-seo-columns, .katana-market-intent-grid { grid-template-columns: 1fr; }
  .katana-seo-section { margin-top: 34px; }
  .katana-markets-seo { min-height: 0; }
}

/* FINAL MARKETS PAGE SCROLL FIX
   Katana's base stylesheet locks html/body to 100dvh with overflow:hidden.
   Markets has long indexable SEO content below the dashboard, so the document
   itself must remain vertically scrollable. Keep horizontal overflow contained
   inside the markets table only. */
html,
body {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
#root,
.bodyWrap {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}
.MainLayoutDesktop__WrapperDesktop-sc-1qh6fta-0,
.cBoIUL {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}
#katana-markets-seo,
#katana-markets-seo .katana-seo-inner {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}