/* Notion-style page icon: dedicated left column; author / published / modified stack on the right.
   Use explicit rows + a fixed row span for the icon. With only implicit rows, grid-row: 1 / -1
   resolves -1 to the first row, so the icon only occupies row 1 and later meta blocks sit below it
   in column 2 (under the icon’s vertical space). */
#title-block-header .quarto-title-meta {
  display: grid;
  grid-template-columns: auto 1fr;
  /* One row per metadata block (author, published, modified). Increase if this page gains more. */
  grid-template-rows: repeat(3, auto);
  column-gap: 0.85rem;
  row-gap: 0.35rem;
  align-items: start;
}

#title-block-header .quarto-title-meta::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / 4;
  justify-self: left;
  align-self: center;
  width: 10rem;
  height: 10rem;
  border-radius: 0.5rem;
  background-color: var(--bs-tertiary-bg, rgba(0, 0, 0, 0.05));
  background-image: url("rain-cloud-icon.svg");
  background-position: center;
  background-size: 78%;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

#title-block-header .quarto-title-meta > div {
  grid-column: 2;
  margin-top: 0;
  margin-bottom: 0;
}

/* Tighten label/value spacing inside each metadata block */
#title-block-header .quarto-title-meta .quarto-title-meta-heading {
  margin-bottom: 0.15rem;
}

#title-block-header .quarto-title-meta .quarto-title-meta-contents {
  margin-bottom: 0;
}