/* css styles */
/* styles.css */

@media (min-width: 900px) {
  .page-columns {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

.sidebar {
  display: none !important;
}

.quarto-about-trestles {
  display: flex;
  gap: 2rem;          /* space between columns */
}

/* Left column: make it “thin” */
.quarto-about-trestles .about-entity {
  flex: 0 0 30%;      /* fixed-ish width ~22% of page */
  max-width: 300px;   /* optional: cap the max width */
}

/* Right column: take remaining space */
.quarto-about-trestles .about-contents {
  flex: 1 1 auto;
}

/* Optional: adjust on small screens so it stacks nicely */
@media (max-width: 768px) {
  .quarto-about-trestles {
    flex-direction: column;
  }

  .quarto-about-trestles .about-entity,
  .quarto-about-trestles .about-contents {
    max-width: 100%;
    flex: 1 1 auto;
  }
}

.quarto-title-block .title {
  font-size: 1.5rem;   /* default is ~2.8rem depending on theme */
  font-weight: 600;
}

/* Optionally shrink the subtitle too */
.quarto-title-block .subtitle {
  font-size: 1.0rem;   /* adjust as needed */
}

.education-entry {
  margin-bottom: 1rem;
  font-size: 0.95rem;
}

.experience-entry {
  margin-bottom: 1rem;
  font-size: 0.95rem;
}

.arxiv-badge {
    background: #b31b1b;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    vertical-align: middle;
  }
  
  .paper-thumbnail {
    width: 100%;
    max-width: 400px;
    margin: 1rem 0;
    border-radius: 8px;
  }
  
  .publication {
    background: var(--code-background);
    padding: 1.5rem;
    border-radius: 8px;
    margin: 2rem 0;
  }
  
  .callout-tip {
    text-align: center;
    margin: 2rem 0;
    padding: 1.5rem;
  }