/* Google Fonts — same set used on mjandrews.org */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inconsolata:wght@200..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* ----------------------------------------------------------------------------------*/
/* Global layout and typography (from mjandrews.org assets/main.css)                 */
/* ----------------------------------------------------------------------------------*/

.navbar {
  border: none !important;
  margin: 0 auto;
}

.navbar-brand:hover {
  color: #BE0000;
  text-decoration: none;
}

.navbar-brand {
  color: #BE0000;
  text-decoration: none;
}

main {
  margin-top: 0px;
  margin-bottom: 50px;
}

body {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  width: 100%;
  height: 100%;
  color: #000;
  background-color: #fff;
  padding-top: 0px;
  margin-bottom: 60px;
}

body p {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16pt;
  padding: 0px 0px 20px 0px;
}

main h1 {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  text-align: left;
  font-size: 32pt;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 8px;
}

main h2 {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  text-align: left;
  font-size: 24pt;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 8px;
  border: none;
}

main h3 {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  text-align: left;
  font-size: 20pt;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 8px;
  border: none;
}

footer p {
  font-family: "Work Sans", sans-serif;
  font-size: 12pt;
}

main a:link,
main a:visited {
  color: #BE0000;
}

main ul,
ol {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16pt;
}

/* ----------------------------------------------------------------------------------*/
/* Code (from mjandrews.org assets/main.css)                                         */
/* ----------------------------------------------------------------------------------*/

.content code {
  color: black;
  background-color: transparent;
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.content h1 code {
  color: black;
  background-color: transparent;
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-variation-settings: "wdth" 100;
}

pre.sourceCode {
  background-color: rgba(233, 236, 239, 0.5);
  border: none;
}

code.sourceCode {
  background-color: transparent;
}

.cell-output-stdout {
  background-color: rgba(233, 236, 239, 0.5);
}

/* ----------------------------------------------------------------------------------*/
/* Course page title block (from mjandrews.org assets/courses.css)                   */
/* ----------------------------------------------------------------------------------*/

/* TOC sidebar active link */
.sidebar nav[role="doc-toc"] ul>li>a.active {
  color: black !important;
  border: 0px !important;
}

/* Description / abstract under page title */
#title-block-header.quarto-title-block.default .description>p {
  font-family: "EB Garamond", serif;
  max-width: 66%;
  font-size: 14pt;
  margin-top: 20px;
}

.quarto-title-meta {
  max-width: 66%;
}

main .quarto-title-meta-contents p {
  font-family: "EB Garamond", serif;
  font-size: 14pt;
  font-style: italic;
}

/* ----------------------------------------------------------------------------------*/
/* pydl-specific styles                                                               */
/* ----------------------------------------------------------------------------------*/

/* Suppress date display (belt-and-suspenders alongside front matter removal) */
.quarto-title-meta > div:has(p.date) { display: none; }

.cell-output {
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 5px;
}

.cell-output pre {
  margin-bottom: 0;
}

.small-print {
  font-size: 80%;
}

.tiny-print {
  font-size: 65%;
}

.learning-outcomes {
  background-color: #e8f0f0;
  border-left: 5px solid #5c8a8a;
  padding: 1em 1em 1em 1em;
  margin: 1em 0;
  border-radius: 0.25rem;
}

.learning-outcomes > p:first-of-type strong:first-child::before {
  content: "📚 ";
  font-weight: normal;
}

.learning-outcomes > p:first-of-type {
  margin-top: 0;
  font-weight: 600;
  color: #2c5555;
}

.learning-outcomes > ul {
  margin-bottom: 0;
}