@import "tailwindcss";@source "hugo_stats.json";@custom-variant dark (&:where(.dark,.dark *));@theme{--color-carnellian-50: #fde8e8;
  --color-carnellian-100: #fad1d1;
  --color-carnellian-200: #f8baba;
  --color-carnellian-300: #f5a3a3;
  --color-carnellian-400: #f07575;
  --color-carnellian-500: #ec4646;
  --color-carnellian-600: #e71818;
  --color-carnellian-700: #be1414;
  --color-carnellian-800: #a21111;
  --color-carnellian-900: #730c0c;
  --color-carnellian-950: #450707;
}@layer base{h1 {
    font-size: var(--text-5xl);
    margin-top: 32pt;
    margin-bottom: 8pt;
    line-height: 1.5em;
    counter-reset: h2
  }

  h2 {
    font-size: var(--text-4xl);
    margin-top: 24pt;
    margin-bottom: 8pt;
    counter-reset: h3
  }

  h3 {
    font-size: var(--text-2xl);
    margin-top: 16pt;
    margin-bottom: 8pt;
    font-weight: 600;
  }

  h4 {
    font-size: var(--text-lg);
    font-weight: 700;
  }

  h2:not(.nonum):before {
    counter-increment: h2;
    content: counter(lec) "." counter(h2) ". "
  }

  h3:not(.nonum):before {
    counter-increment: h3;
    content: counter(lec) "." counter(h2) "." counter(h3) ". "
  }

  #assignment h2 {
    padding-top: 24pt;
  }

  #assignment h3 {
    padding-top: 12pt;
  }

  #assignment h2:not(.nonum):before {
    counter-increment: h2;
    content: counter(h2) ". "
  }

  #assignment h3:not(.nonum):before {
    counter-increment: h3;
    content: counter(h2) "." counter(h3) ". "
  }

  #discussion h2 {
    padding-top: 24pt;
  }

  #discussion h3 {
    padding-top: 12pt;
  }

  #discussion h2:not(.nonum):before {
    counter-increment: h2;
    content: counter(h2) ". "
  }

  #discussion h3:not(.nonum):before {
    counter-increment: h3;
    content: counter(h2) "." counter(h3) ". "
  }

  #syllabus h2 {
    padding-top: 24pt;
  }

  #syllabus h3 {
    padding-top: 12pt;
  }

  #syllabus h2:not(.nonum):before {
    counter-increment: h2;
    content: counter(h2) ". "
  }

  #syllabus h3:not(.nonum):before {
    counter-increment: h3;
    content: counter(h2) "." counter(h3) ". "
  }

  p {
    padding-bottom: 4pt; 
  }

  ul {
    list-style-type: disc;
    margin: 16px;
  }

  ol {
    list-style-type: decimal;
    margin: 16px;
  }

  svg path {
    stroke: currentColor;
  }
  svg text {
    fill: currentColor;
  }

  a:not(#header a) {
    text-decoration: underline;
    color: #b31b1b;
    &:where(.dark, .dark *) {
      color: #ffffff;
    }
  }

  .code-title {
    margin-bottom: 8pt;
  }

  

  #schedule td {
     padding-inline: calc(var(--spacing) * 6);
     padding-block: calc(var(--spacing) * 3);
     vertical-align: middle;
     text-align: left;
     border-top-width: 1px;
     border-right-width: 1px;
  }
  
  #schedule th {
     padding-inline: calc(var(--spacing) * 6);
     padding-bottom: calc(var(--spacing) * 3);
     
     vertical-align: middle;
     text-align: left;
     position: sticky;
     background-color: var(--color-white);
     &:where(.dark, .dark *) {
      background-color: var(--color-slate-900);
    }
    border-bottom-width: 4px;
  }

  #schedule tr.newweek td {
    border-top-width: 4px;
  }

  #schedule tr.past td {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  td.blank {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    &:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  #schedule tr {
     padding-inline: calc(var(--spacing) * 6);
     padding-block: calc(var(--spacing) * 3);
     vertical-align: top;
     text-align: left;
  }

  @media print {
    div {
      break-inside: avoid;
    }

    h1 {
      font-size: 18pt;
      font-weight: bold;
    }

    h2 {
      font-size: 16pt;
      font-weight: bold;
    }

    h3 {
      font-size: 14pt;
      font-weight: bold;
    }

    p {
      font-size: 10pt;
    }

    div {
      font-size: 10pt;
    }

    li {
      font-size: 10pt;
    }

    #syllabus h2 {
      padding-top: 0pt;
    }

    #syllabus h3 {
      padding-top: 0pt;
    }
  }
}