/* css styles */
h1 {
  color: #8B0000;
}

.callout-body {
  font-size: 1.3rem;   // try 1.15rem or 1.2rem if you want larger
}


/* Accessible subtitle under title */
.quarto-title-block .subtitle {
  font-size: 1.1rem;
  font-weight: 700;/* bold */ 
  color: #1F4E79;   /* accessible dark blue on white */
  margin-top: 0.4rem;
  margin-bottom: 1rem;
}
/* Accessible category/tag styling */
.quarto-category,
.quarto-category a {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  margin: 0.1rem 0.25rem 0.1rem 0;
  border-radius: 999px;

  /* High-contrast "chip": navy text on very light background */
  color: #0B3D91;
  background: #EAF2FF;
  border: 1px solid #0B3D91;

  font-weight: 600;
  text-decoration: none;
}

/* Hover: slightly stronger background */
.quarto-category:hover,
.quarto-category a:hover {
  background: #D7E7FF;
}

/* Keyboard focus: very visible outline */
.quarto-category:focus,
.quarto-category a:focus {
  outline: 3px solid #111111;
  outline-offset: 2px;
}

@media (prefers-color-scheme: dark) {
  .quarto-category,
  .quarto-category a {
    color: #EAF2FF;
    background: #0B3D91;
    border-color: #EAF2FF;
  }

  .quarto-category:hover,
  .quarto-category a:hover {
    background: #0A3277;
  }
}


/* Make post listings look clickable */
.quarto-listing .listing-item {
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 1rem;
  transition: all 0.2s ease-in-out;
}

/* Hover effect */
.quarto-listing .listing-item:hover {
  border-color: #8B0000;   /* accessible crimson */
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

/* Make title look like a link */
.quarto-listing .listing-title a {
  color: #8B0000;
  font-weight: 600;
  text-decoration: none;
}

.quarto-listing .listing-title a:hover {
  text-decoration: underline;
}

/* Increase main text contrast */
body {
  color: #111111;   /* Near-black, easier on eyes than pure #000 */
}

/* Increase contrast for margin notes */
.margin-sidebar {
  color: #1a1a1a;
  font-size: 0.9rem;
}

.quarto-title-meta {
  display: none;
}

@media (max-width: 768px) {
  .column-margin {
    float: none;
    width: 100%;
    margin-left: 0;
    font-size: 0.9em;
    opacity: 0.9;
  }
}