/* css styles */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:wght@300;400;500;600;700&display=swap');


:root {
  --accent-blue: #3a3d40;
  --accent-width: 1.25px;
}


body {
  font-family: 'Roboto Serif', serif;
  font-size: 13px;
  font-weight: 400;
  background-color: #fbf8f2; /* FT-style paper tone */
  color: #111;
}

/* Headings: same family, just heavier */
h1, h2, h3, h4, h5, h6,
.quarto-title-block h1 {
  font-family: 'Roboto Serif', serif;
  font-weight: 600;
}

/* Page card look */
main, .page-columns, .content {
  background: #fbf8f2;
  padding: 1.2rem;
  border-radius: 1px;
}

/* About page image spacing */
.quarto-about-trestles .about-image {
  padding-top: 4px;
}

/* Bold */
strong {
  font-weight: 700 !important;
}


/* Trestles about image: keep top spacing */
.quarto-about-trestles .about-image {
  margin-top: 22px !important;

  /* make it smaller (less wide + less tall) */
  width: 200.25px !important;          /* adjust: 150–220px */
  max-width: 200.25px !important;
  height: 257.5px !important;         /* adjust: 180–260px */
  max-height: 257.5px !important;

  /* if trestles uses background-image */
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  /* keep layout tidy */
  overflow: visible !important;
}

/* If trestles uses a real <img>, scale it down without cropping */
.quarto-about-trestles .about-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;   /* <- no cropping */
  display: block !important;
}

.quarto-about-trestles .about-image {
  border: 1.25px solid #3a3d40;  /* warm paper-gray */
  padding: 2px;              /* distance between frame and photo */
  background: #ffffff;
}


a {
  color: #243a5e !important;
  text-decoration: none;
  border-bottom: 1px solid #243a5e;
}


.navbar {
  background-color: #3a3d40 !important;
}

/* Navbar links: subtle, see-through look */
.navbar a {
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: none;
}


.pub-abstract {
  font-size: 12.5px;
  line-height: 1.55;
  margin-top: 0.5rem;

  /* pull the whole block left (including the line) */
  margin-left: 0rem;

  /* recreate text indentation */
  padding-left: 0.75rem;

  /* the line */
  border-left: 1.25px solid #3a3d40;
}

.pub-abstract {
  text-align: justify;
  text-justify: inter-word;

  /* magic sauce */
  hyphens: auto;
}


hr {
  border-top: 1.25px solid #3a3d40 !important;
  border-bottom: 0 !important;
  background: none !important;
  margin: 0.5rem 0;
}


.section-label {
  margin-top: 4rem;     /* space before */
  font-size: 14px;      /* increase size */
  font-weight: 600;       /* optional: a bit more presence */
}