/* keep your existing link style */
p > a {
  text-decoration: none;
  color: #222;
  background-color: #f0f921ff;
  padding: 0 2px;
}

.nav-footer {
  width: 100vw;
  height: 100%;   /* adjust to taste */
  margin: 0;
  padding: 0;
  background: linear-gradient(
    180deg,
    #F3E79AFF  0% 20%,
    #F9B282FF  20% 40%,
    #ED7C97FF  40% 60%,
    #BC5AA9FF  60% 80%,
    #704D9EFF  80% 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}

@media (max-width: 767px) {
  .nav-footer {
    width: 100vw;
    height: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient(
      180deg,
      #fefff3 1%  50%,
      #F3E79AFF  50% 60%,
      #F9B282FF  60% 70%,
      #ED7C97FF  70% 80%,
      #BC5AA9FF  80% 90%,
      #704D9EFF  90% 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
  }
}

@media (max-width: 450px) {
  .gt_column_spanner, 
  .gt_col_heading,
  .gt_data_body .gt_col_disp, 
  .gt_data_body .gt_col_qsec {
    display: none;
  }

  .gt_table {
    width: 100%;
    font-size: 12px;
  }
}

/* Add this to your stylesheet */
.gt-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  align-items: start;
}

@media (max-width: 768px) {
  .gt_col_heading {
    display: table-cell !important;
  }
}

/* jetbrains-mono-latin-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}