/*------------------------------------------------------------------
  Solow Growth Model — Videos · custom styles
  Mirrors the look of the original EconomiCurtis page.
------------------------------------------------------------------*/

/* Page font: Lato (same as the original site, weights 300/400/700 + italics) */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body,
.quarto-title-block,
.quarto-title-banner,
h1, h2, h3, h4, h5, h6,
.sidebar,
.toc-active {
  font-family: 'Lato', sans-serif;
}

/* ------------------------------------------------------------------
   "Helper" / description text shown beneath each video title.
   It links to the YouTube video, but deliberately carries NO hyperlink
   styling (no link colour, no underline) so it reads like plain body
   text — distinct from the hyperlink-styled video title above it.
------------------------------------------------------------------ */
a.plain-link,
a.plain-link:link,
a.plain-link:visited,
a.plain-link:hover,
a.plain-link:active,
a.plain-link:focus {
  color: inherit;          /* match surrounding body text, not link colour */
  text-decoration: none;   /* no underline */
}

/* Slightly tighten the title → description grouping. */
.video-title {
  font-weight: 700;
}
.video-desc {
  display: inline-block;
  margin-top: 0.1rem;
  margin-bottom: 0.9rem;
}

.two-col-box {
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  background: var(--bs-tertiary-bg, #f8f9fa);
}
.two-col-box .grid { row-gap: 1rem; }   /* spacing when stacked on mobile */

h2 {
  border-bottom: none;
  padding-bottom: 0;   /* optional — tightens the gap the border left behind */
}

.tight-videos .video-desc { margin-bottom: 0; }
.tight-videos li          { margin-bottom: 0.35rem; }