html {
  scroll-padding-top: 6.5rem;
}
.hero--tables-chips {
  padding-bottom: 0;
}
.hero-inner--tables-chips {
  align-items: flex-start;
}
.hero-composition--tables-chips {
  align-self: stretch;
}
.hero-panel-main--tables {
  background: radial-gradient(circle at 0 0, rgba(169, 230, 47, 0.2), transparent 55%), radial-gradient(circle at 100% 0, rgba(255, 75, 92, 0.25), transparent 55%), #050505;
}
.hero-panel-secondary--chips {
  background: linear-gradient(145deg, #ffffff, #f7f5f2);
}
.hero-media-strip {
  margin-top: var(--space-2xl);
  padding-bottom: var(--space-3xl);
}
.hero-media-strip-inner {
  max-width: var(--container-max);
  margin: 0 auto;
}
.hero-media-frame {
  transform: translateY(0);
  transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}
.hero-media-frame:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-ambient);
}
.section-heading {
  max-width: 42rem;
  margin: 0 auto var(--space-2xl);
}
.section-heading--tables {
  margin-left: 0;
  margin-right: 0;
}
.section-heading--chips {
  max-width: 40rem;
}
.section-title {
  font-family: var(--font-display);
}
.section-intro {
  font-size: var(--font-size-md);
  color: var(--color-text-muted);
}
.section--tables-themes {
  padding-top: 0;
}
.tables-layout {
  align-items: flex-start;
}
.tables-layout-main,
.tables-layout-aside,
.chips-column,
.host-card {
  min-width: 0;
}
.tables-card {
  height: 100%;
}
.tables-table-scroll,
.chips-table-scroll {
  margin-top: var(--space-md);
}
.tables-table,
.chips-table {
  min-width: 0;
}
.tables-notes {
  margin-top: var(--space-lg);
}
.tables-note-block {
  padding: var(--space-md);
  border-radius: var(--radius-lg);
  background-color: var(--color-bg-soft);
}
.tables-media-aside {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.tables-aside-card {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.tables-list,
.chips-list,
.host-list {
  margin: 0;
  padding-left: 1.25rem;
}
.section--chips-design {
  background: radial-gradient(circle at 0 0, rgba(169, 230, 47, 0.08), transparent 55%), radial-gradient(circle at 100% 0, rgba(255, 75, 92, 0.08), transparent 55%), var(--color-bg);
}
.chips-grid {
  align-items: flex-start;
}
.chips-card,
.chips-card-guidelines {
  height: 100%;
}
.chips-tiers {
  margin-top: var(--space-md);
}
.chips-tier {
  padding: var(--space-md);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-soft);
}
.chips-media-main {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.section--host-tips {
  background-color: var(--color-bg);
}
.host-card--rules {
  background: radial-gradient(circle at 0 0, rgba(169, 230, 47, 0.12), transparent 55%), radial-gradient(circle at 100% 0, rgba(255, 75, 92, 0.16), transparent 55%), #111111;
  color: #ffffff;
}
.host-card--rules .h4,
.host-card--rules p,
.host-card--rules .label-micro,
.host-card--rules .small,
.host-card--rules .host-list {
  color: rgba(255, 255, 255, 0.9);
}
.host-card--rules .host-list {
  padding-left: 1.25rem;
}
.host-cta-wrap {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}
.button,
.btn {
  max-width: 100%;
}
@media (max-width: 1023.98px) {
  .hero-media-strip {
    padding-bottom: var(--space-2xl);
  }
}
@media (max-width: 767.98px) {
  .hero-media-strip {
    margin-top: var(--space-xl);
  }
  .section-heading {
    margin-bottom: var(--space-xl);
  }
  .tables-aside-card,
  .tables-media-aside,
  .chips-media-main {
    max-width: 100%;
  }
  .host-cta-wrap {
    margin-top: var(--space-xl);
  }
}