@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&family=Source+Serif+4:wght@400;600&display=swap";

/* .pathmx/index.path/runtime-71eb9e311697773f927607e696f115625aaaacfe804b99ebea6b7a017d0330f3-entry.css */
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
#pathmx-root {
  --csc105-font-sans: "Source Sans 3", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --csc105-color-primary-hover: #3f1f60;
  background: var(--pmx-color-bg);
  color: var(--pmx-color-fg);
  font-family: var(--pmx-font-body);
  line-height: 1.65;
}

@scope (#pathmx-root) {
  .prose, [data-pathmx-type="block"] .pathmx-block-content {
    max-width: var(--pmx-prose-width);
    margin-left: auto;
    margin-right: auto;
    font-size: 1.0625em;
    font-family: var(--pmx-font-body) !important;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--csc105-font-sans);
    color: var(--pmx-color-fg);
    font-weight: 700;
    letter-spacing: -.01em;
  }

  h1 {
    font-size: 2.5em;
    line-height: 1.15;
    margin-top: .5rem;
    margin-bottom: 1.25rem;
  }

  h1.title {
    font-family: var(--csc105-font-sans);
    font-size: 3em;
    display: block;
    color: var(--pmx-color-fg) !important;
  }

  h2 {
    font-size: 1.625em;
    margin-top: 2.5rem;
    margin-bottom: .75rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid var(--pmx-color-border);
  }

  h3 {
    font-size: 1em;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--pmx-color-link);
    margin-top: 2.25rem;
    margin-bottom: .5rem;
  }

  h4 {
    font-size: 1.15em;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    color: var(--pmx-color-fg);
  }

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: inherit;
    font-weight: inherit;
    text-decoration: none;
    color: inherit !important;
  }

  p {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  a {
    color: var(--pmx-color-link);
    text-decoration: none;
    border-bottom: 1px solid #0000;
    transition: border-color .12s, color .12s;
  }

  a:hover {
    color: var(--csc105-color-primary-hover);
    border-bottom-color: currentColor;
  }

  a[data-pathmx-type="pathmx-link/button"] {
    all: unset;
    cursor: pointer;
    border-bottom: 1px solid #0000;
    color: var(--pmx-color-link) !important;
  }

  a[data-pathmx-type="pathmx-link/button"]:hover {
    border-bottom-color: currentColor;
  }

  ul, ol {
    padding-left: 1.4rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
  }

  li {
    margin-top: .35rem;
    margin-bottom: .35rem;
  }

  strong {
    color: var(--pmx-color-fg);
    font-weight: 700;
  }

  hr {
    border: none;
    border-top: 1px solid var(--pmx-color-border);
    margin: 2rem 0;
  }

  blockquote {
    margin: 1.5rem 0;
    padding: .75rem 1.25rem;
    border-left: 3px solid var(--pmx-color-link);
    background-color: var(--pmx-color-surface);
    color: var(--pmx-color-fg);
    font-style: normal;
  }

  blockquote p:first-child {
    margin-top: 0;
  }

  blockquote p:last-child {
    margin-bottom: 0;
  }

  code {
    font-family: var(--pmx-font-mono);
    font-size: .95em;
    background-color: var(--pmx-color-surface);
    padding: .1em .35em;
    border-radius: 3px;
  }

  [data-pathmx-type="block"] .pathmx-block-content strong {
    color: var(--pmx-color-fg) !important;
  }
}