/* ===== fonts ===== */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Source+Sans+3:wght@400;600&display=swap');

/* ===== brand tokens ===== */
:root{
  --garnet: #73000a;
  --bg-tint: rgba(115, 0, 10, 0.04);  /* very light garnet wash */
  --text: #111;
  --heading: #000;
  --link: #73000a;
}

/* ===== base page look ===== */
body{
  background: var(--bg-tint);
  color: var(--text);
  font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.55;
}

/* readable “card” on tinted bg */
main.content, .content{
  background: #fff;
  border-radius: 12px;
  padding: 1.25rem;
  box-shadow: 0 2px 14px rgba(0,0,0,.05);
}

/* headings (Garamond vibe) */
h1, h2, h3, h4{
  font-family: "EB Garamond", Georgia, "Times New Roman", serif;
  color: var(--heading);
  letter-spacing: .2px;
}
h1{ font-weight: 600; }
h2, h3, h4{ font-weight: 600; }

/* links */
a{
  color: var(--link);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
a:hover, a:focus{ text-decoration: underline; }

/* navbar: dark garnet with white text */
.navbar{
  background-color: var(--garnet) !important;
}
.navbar, .navbar .navbar-brand, .navbar .nav-link, .navbar .navbar-toggler{
  color: #fff !important;
}
.navbar .nav-link:hover, .navbar .nav-link:focus{
  color: #fff !important; text-decoration: underline;
}

/* title block polish */
.quarto-title-block .title{
  font-family: "EB Garamond", Georgia, serif;
  font-weight: 600;
  font-size: 2.2rem;
}
.quarto-title-block .subtitle{ color:#333; }

/* images & code */
img, figure img{ max-width:100%; height:auto; }
.figure-caption, figcaption{ color:#555; font-size:.95rem; }
code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  background:#f6f8fa; padding:0 .25em; border-radius:4px;
}
pre code{ font-size:.95em; }

/* ===== your existing banner sizing/positioning (kept) ===== */

/* Make the banner taller and choose which part of the image to show */
.quarto-title-block .quarto-title-banner {
  min-height: 320px;               /* try 280–420px, or use 35vh below */
  background-position: center 35%; /* 0%=top, 50%=center, 100%=bottom */
}

/* Optional: scale height by screen size */
@media (min-width: 992px) {
  .quarto-title-block .quarto-title-banner { min-height: 40vh; }
}
@media (max-width: 575.98px) {
  .quarto-title-block .quarto-title-banner { min-height: 220px; }
}

/* (optional) subtle overlay for banner text readability */
/*
.quarto-title-block .quarto-title-banner {
  background-color: rgba(0,0,0,.15);
  background-blend-mode: multiply;
}
.quarto-title-block .title, .quarto-title-block .subtitle { color:#fff; }
*/