@font-face { font-family: "TeX Gyre Heros"; src: url("fonts/texgyreheros-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "TeX Gyre Heros"; src: url("fonts/texgyreheros-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "TeX Gyre Heros"; src: url("fonts/texgyreheros-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "TeX Gyre Heros"; src: url("fonts/texgyreheros-bolditalic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
/* Mathub — styles for the static study-guide pages under /learn/ (kept small and independent of the app stylesheet) */
:root { --bg: #F6F7FB; --surface: #FFFFFF; --surface-2: #F1F3F9; --ink: #16213A; --ink-2: #3A4460; --muted: #5E6882; --border: #E1E5EF; --accent: #1A50E6; --accent-ink: #fff; --accent-soft: #E6EDFF; --brand-navy: #0B1B3A; --brand-blue: #1F5EFF; --font-brand: "Poppins", "Inter", "Segoe UI", system-ui, sans-serif; --gold: #B7791F; --gold-soft: #FFF4DB; --radius: 14px; --font-sans: "Helvetica Neue", "TeX Gyre Heros", Helvetica, Arial, system-ui, -apple-system, sans-serif; --font-display: var(--font-sans); --font-body: var(--font-sans); --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace; color-scheme: light; }
body.course-physics { --accent: #0E7C86; --accent-soft: #DDF3F5; } body.course-precalc { --accent: #B5451B; --accent-soft: #FBE7DD; } body.course-writ { --accent: #7A3E9D; --accent-soft: #F1E6F7; } body.course-csci { --accent: #2E7D32; --accent-soft: #E3F2E5; } body.course-biob { --accent: #4D7C0F; --accent-soft: #ECF7D9; } body.course-kin { --accent: #B45309; --accent-soft: #FEF0DB; } body.course-psyx { --accent: #BE185D; --accent-soft: #FCE7F3; }
@media (prefers-color-scheme: dark) { :root { --bg: #0F1420; --surface: #171D2B; --surface-2: #1E2536; --ink: #E8ECF5; --ink-2: #C3CADB; --muted: #8B95AD; --border: #2A3348; --accent: #7FA4FF; --accent-ink: #0F1A33; --accent-soft: #16244A; --brand-navy: #F4F7FF; --brand-blue: #5B8CFF; --gold: #F2C14E; --gold-soft: #3A2E0F; color-scheme: dark; } body.course-physics { --accent: #62C7D0; --accent-soft: #123A3E; } body.course-precalc { --accent: #F0A07C; --accent-soft: #3E2118; } body.course-writ { --accent: #C99BE0; --accent-soft: #31203B; } body.course-csci { --accent: #7FD68A; --accent-soft: #1E3323; } body.course-biob { --accent: #A3E635; --accent-soft: #22300F; } body.course-kin { --accent: #FBBF24; --accent-soft: #3A2A10; } body.course-psyx { --accent: #F472B6; --accent-soft: #3A1526; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; -webkit-font-smoothing: antialiased; background: var(--bg); color: var(--ink); font-family: var(--font-body); font-size: 16px; line-height: 1.6; }
a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 10px; }
h1 { font-size: clamp(28px, 4.5vw, 40px); margin: 6px 0 12px; } h2 { font-size: 22px; margin-top: 8px; } h3 { font-size: 18px; }
p { margin: 0 0 12px; } code { font-family: var(--font-mono); font-size: 0.92em; background: var(--surface-2); padding: 1px 5px; border-radius: 5px; }
.s-head { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 20px; background: color-mix(in srgb, var(--surface) 85%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
.s-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); } .s-brand:hover { text-decoration: none; }
.s-brand b { font-family: var(--font-brand); font-weight: 700; font-size: 21px; letter-spacing: -0.035em; display: block; line-height: 1; color: var(--brand-navy); } .s-brand small { display: block; font-family: var(--font-brand); font-weight: 600; font-size: 11px; letter-spacing: 0.1em; white-space: nowrap; text-transform: uppercase; color: var(--muted); margin-top: 4px; } .s-brand small i { color: var(--brand-blue); font-style: normal; }
.mh-logo .mh-n { fill: var(--brand-navy); } .mh-logo .mh-a { stroke: var(--brand-blue); } .mh-logo .mh-b { fill: var(--brand-blue); }
.s-nav { display: flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 600; }
.s-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); font-weight: 600; font-size: 14px; }
.s-btn:hover { text-decoration: none; border-color: var(--accent); color: var(--accent); }
.s-btn.primary { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); } .s-btn.primary:hover { color: var(--accent-ink); filter: brightness(1.08); }
.s-wrap { max-width: 860px; margin: 0 auto; padding: 22px 20px 60px; }
.s-crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--muted); margin-bottom: 10px; } .s-crumbs span[aria-current] { color: var(--ink-2); }
.s-eyebrow { font-size: 11.5px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--accent); font-weight: 700; margin-bottom: 4px; }
.s-lead { font-size: 17.5px; color: var(--ink-2); margin-bottom: 20px; }
section { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 20px; margin: 14px 0; }
.s-list { margin: 0; padding-left: 20px; } .s-list li { margin: 6px 0; }
.s-formula { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--border); } .s-formula:last-child { border-bottom: 0; }
.s-fname { font-weight: 600; font-size: 14px; color: var(--ink-2); } .s-tex { overflow-x: auto; }
@media (max-width: 600px) { .s-formula { grid-template-columns: 1fr; gap: 2px; } }
.s-code { border: 1px solid var(--border); border-radius: 12px; overflow: hidden; margin: 10px 0; } .s-code-h { padding: 6px 12px; font-size: 13px; font-weight: 600; background: var(--surface-2); border-bottom: 1px solid var(--border); }
.s-code pre, .s-out pre { margin: 0; padding: 10px 12px; font-family: var(--font-mono); font-size: 13px; line-height: 1.5; overflow-x: auto; }
.s-out { border-top: 1px dashed var(--border); } .s-out span { display: block; padding: 6px 12px 0; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); font-weight: 700; } .s-out pre { color: var(--ink-2); white-space: pre-wrap; }
.s-callout { border-left: 4px solid var(--accent); background: var(--accent-soft); padding: 12px 14px; border-radius: 10px; }
.s-callout details { margin-top: 10px; } .s-callout summary { cursor: pointer; font-weight: 600; color: var(--accent); } .s-solution { margin-top: 8px; }
.s-tip { border-radius: 10px; background: var(--gold-soft); border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); padding: 12px 14px; } .s-tip .s-eyebrow { color: #8F5E12; }
.s-cta { background: linear-gradient(135deg, var(--accent-soft), var(--surface)); }
.s-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.s-prevnext { display: flex; justify-content: space-between; gap: 10px; margin-top: 18px; font-weight: 600; font-size: 14px; }
.s-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin: 6px 0 14px; }
.s-facts div { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; } .s-facts span { display: block; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); font-weight: 700; } .s-facts b { font-size: 14px; }
.s-table { overflow-x: auto; } table { width: 100%; border-collapse: collapse; font-size: 14px; } th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border); vertical-align: top; } th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); }
.s-topics { margin: 0; padding-left: 0; list-style: none; columns: 2; column-gap: 18px; } .s-topics li { break-inside: avoid; padding: 4px 0; } .s-topics a { display: inline-flex; gap: 8px; color: var(--ink); } .s-topics a:hover { color: var(--accent); } .s-num { font-family: var(--font-mono); font-size: 12px; color: var(--muted); min-width: 30px; }
@media (max-width: 600px) { .s-topics { columns: 1; } }
.s-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 12px 0 20px; }
.s-card { display: block; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 18px; color: var(--ink); transition: transform 0.15s, border-color 0.15s; } .s-card:hover { text-decoration: none; transform: translateY(-2px); border-color: var(--accent); } .s-card h2 { font-size: 20px; margin: 2px 0 6px; } .s-card p { color: var(--ink-2); font-size: 14px; } .s-card small { color: var(--muted); }
.s-foot { max-width: 860px; margin: 0 auto; padding: 20px 20px 40px; font-size: 13px; color: var(--muted); border-top: 1px solid var(--border); } .s-foot-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; font-weight: 600; }
/* release notes */
.s-release { padding: 18px 0 6px; border-top: 1px solid var(--border); } .s-release.latest { border-top: 0; padding-top: 0; } .s-release h2 { margin: 0 0 2px; } .s-release .s-eyebrow { margin-bottom: 8px; }
/* guides and resources */
.s-quote { margin: 14px 0; padding: 12px 16px; border-left: 4px solid var(--accent); background: var(--surface-2); border-radius: 0 12px 12px 0; font-family: var(--font-display); font-size: 16.5px; line-height: 1.55; white-space: pre-line; }
.s-list.ol { list-style: decimal; padding-left: 22px; } .s-list.ol li::before { display: none; }
.s-res { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; } .s-res li { padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); } .s-res a { font-weight: 700; } .s-kind { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); margin-left: 6px; } .s-desc { color: var(--ink-2); font-size: 14px; }
@media (max-width: 480px) { .s-head { padding: 8px 12px; gap: 8px; } .s-nav { gap: 8px; font-size: 13px; } .s-nav > a:first-child { display: none; } .s-btn { padding: 7px 10px; } .s-brand small { display: none; } }

/* ---------- the Realm look for the static pages: parchment by day, a starlit dungeon by night, Cinzel headings ---------- */
@font-face { font-family: "Cinzel"; src: url("fonts/cinzel.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
:root { --bg: #EDE1C6; --surface: #FBF4E2; --surface-2: #F4E9CF; --ink: #2A1C0F; --ink-2: #4A3722; --muted: #6B5639; --border: #D8C398; --accent: #9E1B2E; --accent-soft: #F7E1DC; --gold: #7E5510; --gold-soft: #F6E4B3; --font-display: "Cinzel", "Trajan Pro", Georgia, serif; --realm-line: rgba(184, 134, 47, 0.55); --realm-div: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20160%2016%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23B8862F%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M2%208h50M108%208h50%27%2F%3E%3Cpath%20d%3D%27M58%208c4-5.5%209.5-5.5%2013.5%200M88.5%208c4%205.5%209.5%205.5%2013.5%200%27%2F%3E%3Cpath%20d%3D%27M58%208c4%205.5%209.5%205.5%2013.5%200M88.5%208c4-5.5%209.5-5.5%2013.5%200%27%20opacity%3D%27.55%27%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%27M80%201.5%2086.5%208%2080%2014.5%2073.5%208Z%27%20fill%3D%27%23B8862F%27%2F%3E%3Ccircle%20cx%3D%2754.5%27%20cy%3D%278%27%20r%3D%271.7%27%20fill%3D%27%23B8862F%27%2F%3E%3Ccircle%20cx%3D%27105.5%27%20cy%3D%278%27%20r%3D%271.7%27%20fill%3D%27%23B8862F%27%2F%3E%3C%2Fsvg%3E"); }
body { background-color: var(--bg); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27240%27%20height%3D%27240%27%3E%3Cfilter%20id%3D%27f%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.85%27%20numOctaves%3D%272%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20values%3D%270%200%200%200%200.42%200%200%200%200%200.29%200%200%200%200%200.12%200%200%200%200.085%200%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url(%23f)%27%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27s%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.006%27%20numOctaves%3D%273%27%20seed%3D%277%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20values%3D%270%200%200%200%200.55%200%200%200%200%200.38%200%200%200%200%200.14%200%200%200%200.9%20-0.36%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url(%23s)%27%2F%3E%3C%2Fsvg%3E"); background-attachment: fixed; }
body.course-calc { --accent: #3730A3; } body.course-physics { --accent: #0B6B62; } body.course-precalc { --accent: #A83E0A; }
h1, h2, h3 { font-weight: 600; letter-spacing: 0.01em; }
h1 { padding-bottom: 16px; background: var(--realm-div) 0 100% / 150px 14px no-repeat, linear-gradient(90deg, var(--realm-line), transparent 75%) 152px calc(100% - 6.5px) / calc(100% - 152px) 1px no-repeat; }
.s-head { border-bottom: 1px solid var(--realm-line); box-shadow: 0 3px 0 -2px var(--realm-line); }
.s-eyebrow { color: var(--gold); letter-spacing: 0.16em; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #110E18; --surface: #1B1624; --surface-2: #221C2E; --ink: #F2EAD8; --ink-2: #D9CDB5; --muted: #AB9D84; --border: #372D48; --accent: #E8B84E; --accent-ink: #1B1206; --accent-soft: #33280F; --gold: #E8B84E; --gold-soft: #3A2C10; --realm-line: rgba(201, 154, 69, 0.5); --realm-div: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20160%2016%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23C99A45%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M2%208h50M108%208h50%27%2F%3E%3Cpath%20d%3D%27M58%208c4-5.5%209.5-5.5%2013.5%200M88.5%208c4%205.5%209.5%205.5%2013.5%200%27%2F%3E%3Cpath%20d%3D%27M58%208c4%205.5%209.5%205.5%2013.5%200M88.5%208c4-5.5%209.5-5.5%2013.5%200%27%20opacity%3D%27.55%27%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%27M80%201.5%2086.5%208%2080%2014.5%2073.5%208Z%27%20fill%3D%27%23C99A45%27%2F%3E%3Ccircle%20cx%3D%2754.5%27%20cy%3D%278%27%20r%3D%271.7%27%20fill%3D%27%23C99A45%27%2F%3E%3Ccircle%20cx%3D%27105.5%27%20cy%3D%278%27%20r%3D%271.7%27%20fill%3D%27%23C99A45%27%2F%3E%3C%2Fsvg%3E"); }
  body { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%27480%27%3E%3Ccircle%20cx%3D%27214.2%27%20cy%3D%27342.5%27%20r%3D%270.55%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.39%27%2F%3E%3Ccircle%20cx%3D%27330.3%27%20cy%3D%27140.5%27%20r%3D%270.74%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.29%27%2F%3E%3Ccircle%20cx%3D%27196.1%27%20cy%3D%27287.5%27%20r%3D%270.65%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.26%27%2F%3E%3Ccircle%20cx%3D%27210.2%27%20cy%3D%27162.2%27%20r%3D%270.41%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%27276.8%27%20cy%3D%27388.1%27%20r%3D%270.41%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.50%27%2F%3E%3Ccircle%20cx%3D%27299.9%27%20cy%3D%27201.5%27%20r%3D%270.73%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.41%27%2F%3E%3Ccircle%20cx%3D%2733.1%27%20cy%3D%27161.5%27%20r%3D%270.45%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%27465.6%27%20cy%3D%27174.8%27%20r%3D%271.20%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.74%27%2F%3E%3Ccircle%20cx%3D%27398.0%27%20cy%3D%27123.0%27%20r%3D%270.48%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.67%27%2F%3E%3Ccircle%20cx%3D%27175.9%27%20cy%3D%27274.3%27%20r%3D%270.64%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.38%27%2F%3E%3Ccircle%20cx%3D%27414.6%27%20cy%3D%2759.9%27%20r%3D%270.75%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.61%27%2F%3E%3Ccircle%20cx%3D%27342.2%27%20cy%3D%27398.9%27%20r%3D%271.09%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.49%27%2F%3E%3Ccircle%20cx%3D%27269.0%27%20cy%3D%27228.4%27%20r%3D%270.87%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.62%27%2F%3E%3Ccircle%20cx%3D%27264.7%27%20cy%3D%27322.0%27%20r%3D%270.56%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.31%27%2F%3E%3Ccircle%20cx%3D%27261.0%27%20cy%3D%27151.2%27%20r%3D%271.18%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.29%27%2F%3E%3Ccircle%20cx%3D%27241.0%27%20cy%3D%27158.5%27%20r%3D%270.42%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.37%27%2F%3E%3Ccircle%20cx%3D%27291.0%27%20cy%3D%271.8%27%20r%3D%270.36%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.45%27%2F%3E%3Ccircle%20cx%3D%27229.2%27%20cy%3D%27411.3%27%20r%3D%270.62%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%27293.6%27%20cy%3D%2777.1%27%20r%3D%270.81%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.65%27%2F%3E%3Ccircle%20cx%3D%27260.7%27%20cy%3D%27340.4%27%20r%3D%270.43%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.73%27%2F%3E%3Ccircle%20cx%3D%27353.7%27%20cy%3D%27364.7%27%20r%3D%270.36%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.67%27%2F%3E%3Ccircle%20cx%3D%27288.1%27%20cy%3D%27447.8%27%20r%3D%270.54%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.63%27%2F%3E%3Ccircle%20cx%3D%27141.5%27%20cy%3D%27260.7%27%20r%3D%270.47%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%27436.3%27%20cy%3D%27119.7%27%20r%3D%270.50%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.67%27%2F%3E%3Ccircle%20cx%3D%27236.7%27%20cy%3D%27361.9%27%20r%3D%271.20%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.34%27%2F%3E%3Ccircle%20cx%3D%27172.6%27%20cy%3D%27283.7%27%20r%3D%270.44%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.77%27%2F%3E%3Ccircle%20cx%3D%2758.6%27%20cy%3D%2739.6%27%20r%3D%270.76%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.81%27%2F%3E%3Ccircle%20cx%3D%27209.1%27%20cy%3D%27257.6%27%20r%3D%271.15%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.31%27%2F%3E%3Ccircle%20cx%3D%2780.1%27%20cy%3D%2787.5%27%20r%3D%270.84%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.50%27%2F%3E%3Ccircle%20cx%3D%27259.6%27%20cy%3D%2727.4%27%20r%3D%270.61%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.67%27%2F%3E%3Ccircle%20cx%3D%27479.9%27%20cy%3D%27100.3%27%20r%3D%270.42%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.65%27%2F%3E%3Ccircle%20cx%3D%27406.2%27%20cy%3D%27379.6%27%20r%3D%270.40%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.34%27%2F%3E%3Ccircle%20cx%3D%27452.9%27%20cy%3D%2757.3%27%20r%3D%270.63%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.48%27%2F%3E%3Ccircle%20cx%3D%27296.9%27%20cy%3D%2721.8%27%20r%3D%271.14%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.34%27%2F%3E%3Ccircle%20cx%3D%27444.1%27%20cy%3D%2712.3%27%20r%3D%271.26%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.54%27%2F%3E%3Ccircle%20cx%3D%2787.0%27%20cy%3D%27320.1%27%20r%3D%270.95%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.52%27%2F%3E%3Ccircle%20cx%3D%27226.0%27%20cy%3D%27123.3%27%20r%3D%271.03%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.58%27%2F%3E%3Ccircle%20cx%3D%27379.8%27%20cy%3D%2777.8%27%20r%3D%270.52%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.79%27%2F%3E%3Ccircle%20cx%3D%27348.8%27%20cy%3D%2718.5%27%20r%3D%271.13%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.48%27%2F%3E%3Ccircle%20cx%3D%27412.9%27%20cy%3D%27382.6%27%20r%3D%270.91%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.33%27%2F%3E%3Ccircle%20cx%3D%27177.6%27%20cy%3D%27189.7%27%20r%3D%270.57%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.81%27%2F%3E%3Ccircle%20cx%3D%27314.3%27%20cy%3D%2772.6%27%20r%3D%270.64%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.49%27%2F%3E%3Ccircle%20cx%3D%27227.7%27%20cy%3D%2739.9%27%20r%3D%270.62%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.36%27%2F%3E%3Ccircle%20cx%3D%27460.2%27%20cy%3D%27282.0%27%20r%3D%270.57%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.54%27%2F%3E%3Ccircle%20cx%3D%27218.6%27%20cy%3D%27306.1%27%20r%3D%270.57%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.44%27%2F%3E%3Ccircle%20cx%3D%27347.4%27%20cy%3D%27297.9%27%20r%3D%270.41%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.50%27%2F%3E%3Ccircle%20cx%3D%27216.2%27%20cy%3D%2712.0%27%20r%3D%271.23%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.52%27%2F%3E%3Ccircle%20cx%3D%27250.8%27%20cy%3D%2716.7%27%20r%3D%270.49%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27325.0%27%20cy%3D%27236.1%27%20r%3D%270.83%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.39%27%2F%3E%3Ccircle%20cx%3D%27119.5%27%20cy%3D%2767.9%27%20r%3D%271.42%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.41%27%2F%3E%3Ccircle%20cx%3D%27392.7%27%20cy%3D%2730.9%27%20r%3D%270.58%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.75%27%2F%3E%3Ccircle%20cx%3D%270.5%27%20cy%3D%27278.1%27%20r%3D%270.37%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.60%27%2F%3E%3Ccircle%20cx%3D%2725.6%27%20cy%3D%27159.9%27%20r%3D%271.27%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.31%27%2F%3E%3Ccircle%20cx%3D%2716.8%27%20cy%3D%27412.2%27%20r%3D%270.51%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%27184.1%27%20cy%3D%27345.1%27%20r%3D%270.74%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.31%27%2F%3E%3Ccircle%20cx%3D%2761.3%27%20cy%3D%27124.7%27%20r%3D%270.50%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.66%27%2F%3E%3Ccircle%20cx%3D%2751.4%27%20cy%3D%27445.7%27%20r%3D%270.41%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.46%27%2F%3E%3Ccircle%20cx%3D%27102.9%27%20cy%3D%273.2%27%20r%3D%270.40%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.56%27%2F%3E%3Ccircle%20cx%3D%2742.1%27%20cy%3D%27392.8%27%20r%3D%270.40%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.40%27%2F%3E%3Ccircle%20cx%3D%27395.0%27%20cy%3D%27329.4%27%20r%3D%271.30%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.48%27%2F%3E%3Ccircle%20cx%3D%27275.8%27%20cy%3D%27470.9%27%20r%3D%270.38%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.54%27%2F%3E%3Ccircle%20cx%3D%2784.8%27%20cy%3D%27464.0%27%20r%3D%270.47%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.74%27%2F%3E%3Ccircle%20cx%3D%2757.4%27%20cy%3D%2739.5%27%20r%3D%270.41%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.48%27%2F%3E%3Ccircle%20cx%3D%27457.1%27%20cy%3D%27285.2%27%20r%3D%270.36%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.49%27%2F%3E%3Ccircle%20cx%3D%27191.1%27%20cy%3D%27427.2%27%20r%3D%270.51%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.51%27%2F%3E%3Ccircle%20cx%3D%2752.2%27%20cy%3D%27365.5%27%20r%3D%270.80%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.76%27%2F%3E%3Ccircle%20cx%3D%27381.7%27%20cy%3D%2756.3%27%20r%3D%270.35%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.27%27%2F%3E%3Ccircle%20cx%3D%276.0%27%20cy%3D%27479.7%27%20r%3D%270.45%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.83%27%2F%3E%3Ccircle%20cx%3D%27130.4%27%20cy%3D%2789.6%27%20r%3D%270.48%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.61%27%2F%3E%3Ccircle%20cx%3D%27407.9%27%20cy%3D%2758.9%27%20r%3D%270.92%27%20fill%3D%27%23F2EAD8%27%20opacity%3D%270.84%27%2F%3E%3C%2Fsvg%3E"); }
  body.course-calc { --accent: #8B87FF; } body.course-physics { --accent: #4FD1C9; } body.course-precalc { --accent: #FF9B5F; } body.course-writ { --accent: #C99BE0; } body.course-csci { --accent: #7FD68A; } body.course-biob { --accent: #A3E635; } body.course-kin { --accent: #FBBF24; } body.course-psyx { --accent: #F472B6; }
}