html body #root .ginko-editorial-empty {
  display: grid !important;
  min-height: 220px !important;
  place-items: center !important;
  padding: 32px !important;
  color: #fff !important;
  background: #202123 !important;
  border: 2px solid #050505 !important;
  border-radius: 18px !important;
  box-shadow: 0 5px 0 #050505 !important;
}

html body #root .ginko-editorial-empty h2 {
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--ginko-font-display) !important;
  font-size: clamp(1.6rem, 3vw, 2.6rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

html body #root .ginko-editorial-media-frame,
html body #root .ginko-editorial-media-stage {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body #root .ginko-editorial-media-stage {
  overflow: hidden !important;
  background: #101112 !important;
  border: 2px solid #050505 !important;
  border-radius: 18px !important;
}

html body #root .ginko-editorial-media-stage img,
html body #root .ginko-editorial-media-stage video,
html body #root .ginko-editorial-media-stage iframe {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  border: 0 !important;
}

html body #root .ginko-editorial-media-stage img,
html body #root .ginko-editorial-media-stage video {
  height: auto !important;
}

html body #root .ginko-editorial-media-stage iframe {
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 280px !important;
}

html body #root .ginko-editorial-media-placeholder {
  display: grid !important;
  min-height: 260px !important;
  place-items: center !important;
  padding: 24px !important;
  color: #b9c1cf !important;
  font-family: var(--ginko-font-body) !important;
  font-weight: 800 !important;
}

html body #root .ginko-editorial-table-scroll {
  width: 100% !important;
  overflow-x: auto !important;
  scrollbar-color: rgba(254, 223, 64, 0.55) transparent !important;
  scrollbar-width: thin !important;
}

html body #root table.ginko-editorial-comparison-table {
  display: table !important;
  min-width: min(760px, 100%) !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #fff !important;
  background: #202123 !important;
  border: 2px solid #050505 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body #root table.ginko-editorial-comparison-table th,
html body #root table.ginko-editorial-comparison-table td {
  min-width: 150px !important;
  padding: 13px 14px !important;
  color: #d8dde7 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-family: var(--ginko-font-body) !important;
  font-size: 0.96rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  vertical-align: top !important;
}

html body #root table.ginko-editorial-comparison-table th {
  color: #fff !important;
  background: rgba(254, 223, 64, 0.14) !important;
  font-weight: 900 !important;
}

html body #root table.ginko-editorial-comparison-table tr:first-child th,
html body #root table.ginko-editorial-comparison-table tbody tr:first-child td {
  border-top: 0 !important;
}

html body #root table.ginko-editorial-comparison-table th:first-child,
html body #root table.ginko-editorial-comparison-table td:first-child {
  border-left: 0 !important;
}

html body #root .ginko-editorial-soft-divider {
  height: 2px !important;
  margin: 26px 0 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(254, 223, 64, 0.55) !important;
  box-shadow: none !important;
}

html body #root .ginko-editorial-details {
  padding: 0 !important;
  overflow: hidden !important;
}

html body #root .ginko-editorial-details summary {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 18px 22px !important;
  color: #fff !important;
  background: #242529 !important;
  border-bottom: 2px solid #050505 !important;
  font-family: var(--ginko-font-display) !important;
  font-size: clamp(1.1rem, 1.8vw, 1.45rem) !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  cursor: pointer !important;
}

html body #root .ginko-editorial-details summary::marker {
  color: #fedf40 !important;
}

html body #root .ginko-editorial-details > div {
  padding: 22px !important;
}

html body #root .ginko-editorial-code-block {
  overflow-x: auto !important;
  margin: 0 !important;
  padding: 16px !important;
  color: #f7f8fb !important;
  background: #101112 !important;
  border: 2px solid #050505 !important;
  border-radius: 12px !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
}

html body #root .ginko-editorial-flow code {
  padding: 0.12em 0.36em !important;
  color: #fedf40 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 6px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 0.9em !important;
}

html body #root .ginko-editorial-summary-points ul {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body #root .ginko-editorial-summary-points li {
  position: relative !important;
  padding-left: 26px !important;
}

html body #root .ginko-editorial-summary-points li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.78em !important;
  width: 12px !important;
  height: 4px !important;
  background: #fedf40 !important;
  border-radius: 999px !important;
}

html body #root .ginko-editorial-standalone-paragraph.is-align-center {
  text-align: center !important;
}

html body #root .ginko-editorial-standalone-paragraph.is-align-right {
  text-align: right !important;
}

html body #root .ginko-editorial-media-block figcaption {
  padding: 12px 18px 16px !important;
  color: #b9c1cf !important;
  font-family: var(--ginko-font-body) !important;
  font-size: 0.9rem !important;
  font-weight: 750 !important;
}

html body #root .ginko-editorial-flow [id] {
  scroll-margin-top: 118px !important;
}

html body #root .ginko-editorial-flow h3,
html body #root .ginko-editorial-prose-section h3,
html body #root .ginko-editorial-surface h3,
html body #root .ginko-editorial-rich-text h3,
html body #root .ginko-editorial-subsection-card h3 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-family: var(--ginko-font-display, Poppins, Inter, sans-serif) !important;
  font-size: clamp(1.25rem, 1.85vw, 1.72rem) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  text-shadow: none !important;
  text-transform: none !important;
}

html body #root .ginko-editorial-side-column {
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
}

html body #root .ginko-editorial-contents-box {
  position: sticky !important;
  top: 104px !important;
  align-self: start !important;
  max-height: calc(100vh - 128px) !important;
  overflow-y: auto !important;
  scrollbar-color: rgba(254, 223, 64, 0.45) transparent !important;
  scrollbar-width: thin !important;
}

html body #root .ginko-editorial-contents-box button {
  appearance: none !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 0 6px 18px !important;
  color: #b9c1cf !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ginko-font-body, Inter, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: color 140ms ease, transform 140ms ease !important;
}

html body #root .ginko-editorial-contents-box button::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 5px !important;
  height: 0 !important;
  background: rgba(254, 223, 64, 0.65) !important;
  border-radius: 999px !important;
  opacity: 0 !important;
  transform: translateY(-50%) !important;
  transition: height 140ms ease, opacity 140ms ease, background-color 140ms ease, box-shadow 140ms ease !important;
}

html body #root .ginko-editorial-contents-box button:hover {
  color: #fff !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: translateX(2px) !important;
}

html body #root .ginko-editorial-contents-box button:hover::before,
html body #root .ginko-editorial-contents-box button:focus-visible::before,
html body #root .ginko-editorial-contents-box button.is-active::before {
  width: 5px !important;
  height: 22px !important;
  opacity: 1 !important;
  background: #fedf40 !important;
  box-shadow: 0 0 0 2px rgba(254, 223, 64, 0.14) !important;
}

html body #root .ginko-shell-main .ginko-editorial-contents-box button,
html body #root .ginko-shell-main .ginko-editorial-contents-box button:hover,
html body #root .ginko-shell-main .ginko-editorial-contents-box button:focus-visible {
  background: transparent !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  html body #root .ginko-editorial-media-stage iframe {
    min-height: 220px !important;
  }

  html body #root table.ginko-editorial-comparison-table th,
  html body #root table.ginko-editorial-comparison-table td {
    min-width: 130px !important;
    padding: 11px 12px !important;
    font-size: 0.9rem !important;
  }

  html body #root .ginko-editorial-flow [id] {
    scroll-margin-top: 82px !important;
  }
}