:root {
  --ink: #102a43;
  --ink-soft: #526b84;
  --blue: #1865f2;
  --blue-dark: #0d47b5;
  --mint: #14bf96;
  --mint-dark: #087f68;
  --sky: #eef7ff;
  --paper: #fff;
  --cream: #fff9ed;
  --line: #d9e4ef;
  --shadow: 0 18px 50px rgba(16, 42, 67, 0.1);
  --max: 1160px;
  font-family: "Lato", "Avenir Next", "Segoe UI", Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--paper); line-height: 1.55; }
body.verity-overlay-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.wrap { width: min(var(--max), calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: absolute; left: 12px; top: -48px; z-index: 2000; padding: 8px 14px; border-radius: 4px; background: var(--blue); color: #fff; }
.skip-link:focus { top: 12px; }
.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(217, 228, 239, 0.8); background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(14px); }
.nav-wrap { width: min(1280px, calc(100% - 48px)); min-height: 72px; margin-inline: auto; display: flex; align-items: center; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: #102a43; font-size: 19px; letter-spacing: -0.03em; white-space: nowrap; }
.brand strong { font-weight: 800; }
.brand-logo { display: block; width: 39px; height: 39px; object-fit: contain; }
.brand-mark { position: relative; width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; gap: 2px; border-radius: 11px 11px 14px 14px; background: var(--mint); box-shadow: inset 0 -4px 0 rgba(0,0,0,.08); }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; top: -4px; width: 10px; height: 10px; border-radius: 6px 6px 2px 2px; background: var(--mint); }
.brand-mark::before { left: 4px; transform: rotate(-20deg); }
.brand-mark::after { right: 4px; transform: rotate(20deg); }
.brand-mark span { position: relative; z-index: 1; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.brand-mark span:nth-child(2) { width: 4px; height: 4px; background: var(--blue); }
.main-nav { display: flex; align-items: center; gap: 25px; margin-right: auto; color: #40566d; font-size: 15px; font-weight: 700; }
.main-nav a { display: inline-flex; align-items: center; gap: 3px; padding: 24px 0 21px; border-bottom: 3px solid transparent; }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: var(--blue); border-bottom-color: var(--blue); }
.nav-chevron { width: 15px; height: 15px; }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 11px 20px; border: 2px solid transparent; border-radius: 5px; font-weight: 800; line-height: 1; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(16,42,67,.12); }
.button .icon { width: 18px; height: 18px; }
.button-primary { background: var(--blue); color: #fff; }
.button-primary:hover { background: var(--blue-dark); }
.button-signup { min-height: 40px; padding: 9px 16px; background: var(--blue); color: #fff; font-size: 14px; }
.button-secondary { border-color: #8ba9c3; background: #fff; color: var(--blue-dark); }
.button-light { background: #fff; color: var(--blue-dark); }
.text-link { display: inline-flex; align-items: center; gap: 6px; color: var(--blue); font-weight: 800; }
.text-link:hover { text-decoration: underline; }
.text-link .icon { width: 17px; height: 17px; }
.menu-button { display: none; padding: 7px; border: 0; background: transparent; color: var(--ink); }
.menu-button .icon { width: 24px; height: 24px; }

.hero { position: relative; min-height: 580px; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr); align-items: center; gap: 35px; padding: 85px max(24px, calc((100% - var(--max)) / 2)); background: var(--sky); isolation: isolate; }
.hero::before { content: ""; position: absolute; z-index: -1; top: -200px; right: -160px; width: 560px; height: 560px; border-radius: 50%; background: #d8f7ec; }
.hero::after { content: ""; position: absolute; z-index: -1; bottom: -270px; left: -120px; width: 700px; height: 420px; border-radius: 50%; background: #dceaff; transform: rotate(-9deg); }
.hero-copy { width: min(600px, 100%); }
.eyebrow { display: block; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: .15em; line-height: 1.3; }
.hero h1 { max-width: 620px; margin: 17px 0 20px; font-size: clamp(43px, 6vw, 76px); line-height: 1.03; letter-spacing: -.055em; }
.hero-copy > p:not(.hero-note) { max-width: 530px; margin: 0; color: #49657d; font-size: 20px; line-height: 1.5; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.hero-note { display: flex; align-items: center; gap: 9px; margin: 25px 0 0; color: #557087; font-size: 14px; }
.note-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(20,191,150,.16); }
.hero-art { position: relative; width: min(480px, 100%); aspect-ratio: 1.03; margin-inline: auto; }
.shape { position: absolute; display: grid; place-items: center; }
.shape-circle { width: 270px; height: 270px; top: 10%; left: 13%; border-radius: 50%; background: var(--mint); opacity: .95; }
.shape-arc { width: 245px; height: 245px; right: 2%; top: 22%; border: 34px solid #ffc832; border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(22deg); }
.shape-square { width: 142px; height: 142px; bottom: 3%; left: 7%; border-radius: 21px; background: #ff8c42; transform: rotate(-13deg); box-shadow: 14px 13px 0 #ffd7b8; }
.shape-triangle { top: 7%; right: 14%; color: var(--blue); font-size: 125px; font-weight: 900; line-height: 1; transform: rotate(12deg); }
.shape-plus { bottom: 21%; right: 15%; color: #fff; font-size: 92px; font-weight: 900; text-shadow: 5px 5px 0 var(--blue-dark); transform: rotate(10deg); }
.shape-equals { bottom: 10%; right: 39%; color: var(--blue-dark); font-size: 70px; font-weight: 900; transform: rotate(-8deg); }
.shape-number { z-index: 2; top: 34%; left: 35%; width: 118px; height: 126px; border-radius: 18px; background: #fff; color: var(--blue); font-size: 60px; font-weight: 900; line-height: .78; box-shadow: var(--shadow); transform: rotate(-5deg); }
.shape-number small { color: var(--ink); font-size: 24px; }
.shape-dot { width: 16px; height: 16px; border-radius: 50%; background: var(--blue); }
.dot-one { top: 27%; left: 2%; }.dot-two { bottom: 14%; right: 5%; background: var(--mint-dark); }

.value-strip { width: min(1100px, calc(100% - 48px)); margin: -29px auto 0; position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 10px 26px rgba(16,42,67,.08); }
.value-strip > div { display: flex; gap: 13px; align-items: center; min-height: 104px; padding: 20px 25px; }.value-strip > div + div { border-left: 1px solid var(--line); }
.value-strip strong { display: block; margin-bottom: 3px; font-size: 15px; }.value-strip p { margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.35; }
.value-icon { display: grid; flex: 0 0 43px; place-items: center; width: 43px; height: 43px; border-radius: 50%; }.value-icon .icon { width: 22px; height: 22px; }.value-icon.blue { background: #e2ecff; color: var(--blue); }.value-icon.green { background: #dff8f0; color: var(--mint-dark); }.value-icon.yellow { background: #fff0c7; color: #bd7700; }

.section { padding-top: 100px; padding-bottom: 100px; }.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 33px; }.section-heading h2 { margin: 9px 0 0; font-size: clamp(30px, 4vw, 46px); line-height: 1.05; letter-spacing: -.045em; }
.course-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px; }.course-grid-large { grid-template-columns: repeat(3, 1fr); gap: 18px; }
.course-card { position: relative; min-height: 245px; display: flex; flex-direction: column; padding: 21px; overflow: hidden; border: 1px solid rgba(16,42,67,.13); border-radius: 8px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }.course-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }.course-card::after { content: ""; position: absolute; width: 100px; height: 100px; right: -34px; bottom: -38px; border-radius: 50%; background: currentColor; opacity: .12; }
.course-card.blue { color: var(--blue); background: #f1f6ff; }.course-card.green { color: var(--mint-dark); background: #ecfbf7; }.course-card.purple { color: #7651d8; background: #f7f3ff; }.course-card.orange { color: #d36d27; background: #fff5e7; }.course-card.pink { color: #ca3d87; background: #fff1f7; }
.course-index { color: currentColor; font-size: 11px; font-weight: 900; letter-spacing: .12em; }.course-icon { display: grid; place-items: center; width: 53px; height: 53px; margin: 24px 0 19px; border-radius: 50%; background: #fff; color: currentColor; font-size: 26px; font-weight: 900; box-shadow: 0 4px 12px rgba(16,42,67,.08); }.course-card-copy { color: var(--ink); }.course-card h3 { margin: 0 0 7px; font-size: 19px; }.course-card p { margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.4; }.course-arrow { position: absolute; right: 17px; bottom: 15px; color: currentColor; }.course-arrow .icon { width: 19px; height: 19px; }

.practice-band { padding: 87px 0; background: var(--blue); color: #fff; }.practice-layout { display: grid; grid-template-columns: 1fr 420px; align-items: center; gap: 80px; }.practice-band .eyebrow { color: #a9c4ff; }.practice-band h2 { margin: 11px 0 14px; font-size: clamp(35px, 5vw, 54px); line-height: 1.05; letter-spacing: -.045em; }.practice-band p { max-width: 530px; color: #dbe7ff; font-size: 17px; }.mini-check { padding: 29px; border-radius: 9px; background: #fff; color: var(--ink); box-shadow: 0 20px 45px rgba(7,43,113,.28); }.mini-check.large { border: 1px solid var(--line); box-shadow: none; }.mini-label { color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .15em; }.mini-question { margin: 13px 0 20px; font-size: 22px; font-weight: 800; line-height: 1.25; }.answer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }.answer-grid button { min-height: 44px; border: 1px solid #adc2d6; border-radius: 5px; background: #fff; color: var(--blue-dark); font-weight: 800; }.answer-grid button:hover, .answer-grid button.is-selected { border-color: var(--blue); background: #eaf1ff; }.answer-grid button.is-correct { border-color: var(--mint-dark); background: #dff8f0; color: var(--mint-dark); }.answer-grid button.is-wrong { border-color: #d64e4e; background: #fff0f0; color: #b02020; }.mini-feedback { min-height: 42px; margin: 15px 0 0; color: var(--ink-soft); font-size: 13px !important; }

.journal-section { padding-top: 105px; }.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 19px; }.article-card { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }.article-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }.article-art { position: relative; height: 145px; padding: 19px; overflow: hidden; color: var(--blue); background: #eaf1ff; }.article-art::before, .article-art::after { content: ""; position: absolute; border-radius: 50%; background: currentColor; opacity: .14; }.article-art::before { width: 190px; height: 190px; right: -25px; top: -82px; }.article-art::after { width: 100px; height: 100px; left: 45%; bottom: -60px; }.article-art span { position: relative; z-index: 1; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.article-art strong { position: absolute; z-index: 1; right: 21px; bottom: 4px; font-size: 83px; line-height: 1; letter-spacing: -.12em; }.article-art i { position: absolute; z-index: 2; width: 53px; height: 53px; right: 29%; bottom: 26px; border: 9px solid currentColor; border-left-color: transparent; border-radius: 50%; transform: rotate(-26deg); }.article-art.algebra { color: #7651d8; background: #f1ebff; }.article-art.geometry { color: #d36d27; background: #fff1df; }.article-art.probability { color: #ca3d87; background: #fff0f7; }.article-art.study-skills { color: var(--mint-dark); background: #e6faf4; }
.article-card-body { padding: 21px; }.article-card-body h3 { margin: 8px 0 9px; font-size: 20px; line-height: 1.2; letter-spacing: -.02em; }.article-card-body p { min-height: 62px; margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.45; }.card-bottom { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-top: 19px; color: #6d8295; font-size: 12px; }.read-link { display: inline-flex; align-items: center; gap: 4px; color: var(--blue); font-weight: 800; }.read-link .icon { width: 16px; height: 16px; }
.mission-section { padding: 60px 0 110px; background: var(--cream); }.mission-card { padding: 68px; border-radius: 12px; background: #fff; text-align: center; box-shadow: 0 13px 40px rgba(117,82,27,.08); }.mission-card h2 { max-width: 580px; margin: 12px auto 10px; font-size: clamp(32px, 4vw, 52px); line-height: 1.06; letter-spacing: -.05em; }.mission-card p { max-width: 620px; margin: 0 auto 26px; color: var(--ink-soft); font-size: 17px; }

.page-hero { padding-top: 95px; padding-bottom: 75px; }.page-hero h1 { max-width: 780px; margin: 14px 0 15px; font-size: clamp(42px, 6vw, 70px); line-height: 1.04; letter-spacing: -.06em; }.page-hero p { max-width: 670px; margin: 0; color: var(--ink-soft); font-size: 19px; }.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 21px; color: #71869a; font-size: 13px; }.breadcrumbs a:hover { color: var(--blue); text-decoration: underline; }
.filter-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }.filter-bar a { padding: 8px 13px; border: 1px solid #b7c9d9; border-radius: 4px; color: #446178; font-size: 13px; font-weight: 800; }.filter-bar a:hover, .filter-bar a[aria-current="page"] { border-color: var(--blue); background: #eaf1ff; color: var(--blue-dark); }
.practice-page-grid { display: grid; grid-template-columns: 1fr 460px; gap: 90px; align-items: center; }.practice-explainer h2 { margin: 0 0 14px; font-size: 38px; line-height: 1.05; letter-spacing: -.04em; }.practice-explainer > p { max-width: 550px; color: var(--ink-soft); font-size: 17px; }.check-list { padding: 0; margin: 25px 0 29px; list-style: none; }.check-list li { display: flex; align-items: center; gap: 9px; margin: 13px 0; font-weight: 700; }.check-list .icon { width: 19px; height: 19px; color: var(--mint-dark); }
.article-header { padding-top: 75px; padding-bottom: 56px; }.article-header h1 { max-width: 900px; margin: 13px 0 17px; font-size: clamp(42px, 6.2vw, 75px); line-height: 1.04; letter-spacing: -.06em; }.article-dek { max-width: 760px; margin: 0; color: var(--ink-soft); font-size: 21px; line-height: 1.45; }.article-meta { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; color: #6d8295; font-size: 13px; }.article-layout { display: grid; grid-template-columns: minmax(0, 760px) 270px; gap: 80px; align-items: start; padding-bottom: 90px; }.article-body { font-size: 17px; }.article-intro { margin-top: 0; color: #2d4a63; font-size: 21px; line-height: 1.55; }.article-body section { margin-top: 42px; }.article-body h2 { margin: 0 0 13px; font-size: 30px; line-height: 1.1; letter-spacing: -.035em; }.article-body p { margin: 0 0 16px; color: #405a71; }.article-body ol { padding-left: 24px; color: #405a71; }.article-body li { padding-left: 4px; margin: 10px 0; }.takeaways { padding: 28px; border-radius: 8px; background: #eaf1ff; }.takeaways ul { padding: 0; margin: 0; list-style: none; }.takeaways li { display: flex; gap: 9px; align-items: flex-start; margin: 12px 0; color: #274660; }.takeaways .icon { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 3px; color: var(--blue); }.sources { border-top: 1px solid var(--line); padding-top: 25px; }.sources ul { padding-left: 20px; }.sources li { margin: 9px 0; }.sources a { display: inline-flex; align-items: center; gap: 5px; color: var(--blue); font-weight: 700; }.sources .icon { width: 16px; height: 16px; }.article-aside { position: sticky; top: 96px; }.aside-card { padding: 23px; border-radius: 8px; background: #eaf1ff; color: var(--blue-dark); }.aside-card.green, .aside-card.study-skills { background: #e6faf4; color: var(--mint-dark); }.aside-card strong { display: block; margin: 12px 0 5px; font-size: 22px; }.aside-card p { margin: 0 0 17px; color: var(--ink-soft); font-size: 14px; line-height: 1.45; }.aside-button { width: 100%; margin-top: 15px; }
.prose-wrap { max-width: 780px; font-size: 17px; }.prose-wrap h2 { margin-top: 38px; font-size: 31px; line-height: 1.1; }.prose-wrap p { color: #405a71; }.empty-state { padding-top: 70px; padding-bottom: 140px; }.empty-state h1 { margin: 11px 0; font-size: 54px; line-height: 1; letter-spacing: -.05em; }

.site-footer { padding: 73px 0 24px; background: #102a43; color: #fff; }.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 30px; }.footer-intro .brand { color: #fff; }.footer-intro p { margin: 21px 0 7px; color: #dbe7f2; font-size: 17px; }.footer-intro > span { color: #a9bfd1; font-size: 13px; }.site-footer h2 { margin: 4px 0 15px; color: #a9c4ff; font-size: 12px; letter-spacing: .15em; }.site-footer div > a:not(.brand):not(.footer-signup) { display: block; margin: 9px 0; color: #e0ebf5; font-size: 14px; }.site-footer div > a:hover { color: #fff; text-decoration: underline; }.footer-signup { display: inline-flex; margin-top: 14px; padding: 8px 13px; border: 1px solid #86a9ff; border-radius: 4px; color: #fff; font-size: 13px; font-weight: 800; }.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 60px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.18); color: #a9bfd1; font-size: 12px; }.footer-bottom p { margin: 0; }

.proxy-overlay { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; background: rgba(16,42,67,.72); }.proxy-overlay[hidden] { display: none; }.proxy-overlay:not(.is-fullscreen):not(:fullscreen) .proxy-shell { visibility: hidden; }.proxy-overlay.is-fullscreen, .proxy-overlay:fullscreen { padding: 0; background: #fff; }.proxy-shell { position: relative; width: min(1400px, 100%); height: min(900px, 100%); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #cbd9e5; border-radius: 10px; background: #fff; box-shadow: 0 25px 80px rgba(7,35,68,.34); }.proxy-overlay.is-fullscreen .proxy-shell, .proxy-overlay:fullscreen .proxy-shell { width: 100%; height: 100%; border: 0; border-radius: 0; box-shadow: none; }.proxy-frame-wrap { flex: 1; min-height: 0; background: #fff; }.proxy-frame { display: block; width: 100%; height: 100%; border: 0; background: #fff; }

@media (max-width: 980px) {
  .nav-wrap { gap: 18px; }.main-nav { gap: 15px; }.hero { grid-template-columns: 1fr; padding-top: 72px; padding-bottom: 60px; }.hero-art { width: min(440px, 90%); margin-top: 20px; }.course-grid { grid-template-columns: repeat(3, 1fr); }.value-strip { grid-template-columns: 1fr; }.value-strip > div + div { border-left: 0; border-top: 1px solid var(--line); }.practice-layout, .practice-page-grid { grid-template-columns: 1fr; gap: 42px; }.practice-layout .mini-check { max-width: 500px; }.article-layout { grid-template-columns: 1fr; gap: 35px; }.article-aside { position: static; max-width: 320px; }.footer-grid { grid-template-columns: 1.4fr repeat(3, 1fr); }
}
@media (max-width: 700px) {
  .wrap, .nav-wrap, .value-strip { width: min(100% - 32px, var(--max)); }.site-header { position: relative; }.nav-wrap { min-height: 65px; justify-content: space-between; }.main-nav { position: absolute; top: 65px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 7px 16px 15px; border-bottom: 1px solid var(--line); background: #fff; }.main-nav[data-collapsed="false"] { display: flex; }.main-nav a { padding: 12px 0; border-bottom: 0; }.nav-actions { margin-left: auto; }.button-signup { padding-inline: 11px; }.button-signup .icon { display: none; }.menu-button { display: block; }.hero { min-height: auto; padding: 60px 16px 42px; }.hero h1 { font-size: 49px; }.hero-copy > p:not(.hero-note) { font-size: 17px; }.hero-art { width: min(350px, 100%); }.shape-circle { width: 200px; height: 200px; }.shape-arc { width: 190px; height: 190px; border-width: 25px; }.shape-square { width: 105px; height: 105px; }.shape-triangle { font-size: 92px; }.shape-plus { font-size: 67px; }.shape-equals { font-size: 52px; }.shape-number { width: 88px; height: 96px; font-size: 44px; }.shape-number small { font-size: 18px; }.value-strip { margin-top: 20px; }.section { padding-top: 70px; padding-bottom: 70px; }.section-heading { display: block; }.section-heading .text-link { margin-top: 16px; }.course-grid, .course-grid-large, .article-grid { grid-template-columns: 1fr; }.course-card { min-height: 210px; }.practice-band { padding: 65px 0; }.practice-layout { gap: 30px; }.mini-check { padding: 23px; }.page-hero { padding-top: 60px; padding-bottom: 47px; }.page-hero h1, .article-header h1 { font-size: 49px; }.article-header { padding-top: 55px; padding-bottom: 40px; }.article-dek { font-size: 18px; }.article-body { font-size: 16px; }.article-body h2 { font-size: 28px; }.mission-section { padding-bottom: 70px; }.mission-card { padding: 40px 23px; }.footer-grid { grid-template-columns: repeat(2, 1fr); row-gap: 34px; }.footer-intro { grid-column: 1 / -1; }.footer-bottom { display: block; margin-top: 42px; }.footer-bottom p { margin-top: 9px; }.proxy-overlay { padding: 0; }.proxy-shell { width: 100%; height: 100%; border: 0; border-radius: 0; }
}

/* Canada Math keeps the reference site's red maple-leaf identity while using the same proxy-ready front. */
body.canada-math {
  --ink: #1b1b1b;
  --ink-soft: #5c5c5c;
  --blue: #d62839;
  --blue-dark: #a4161a;
  --mint: #e34b58;
  --mint-dark: #a4161a;
  --sky: #fff5f5;
  --cream: #fff;
  --line: #efd3d6;
  --shadow: 0 18px 50px rgba(150, 22, 35, 0.12);
}
body.canada-math .site-header { border-bottom-color: #efd3d6; }
body.canada-math .brand { color: var(--ink); }
body.canada-math .hero { background: #fff; }
body.canada-math .hero::before { background: #ffe0e3; }
body.canada-math .hero::after { background: #fff0f1; }
body.canada-math .shape-circle { background: #f04b5b; }
body.canada-math .shape-arc { border-color: #d62839; border-left-color: transparent; border-bottom-color: transparent; }
body.canada-math .shape-square { background: #fff; box-shadow: 14px 13px 0 #f2aab1; }
body.canada-math .shape-triangle { color: var(--blue); }
body.canada-math .shape-plus { color: #fff; text-shadow: 5px 5px 0 var(--blue-dark); }
body.canada-math .shape-equals { color: var(--blue-dark); }
body.canada-math .shape-number { color: var(--blue); }
body.canada-math .shape-dot { background: var(--blue); }
body.canada-math .dot-two { background: var(--blue-dark); }
body.canada-math .value-icon.blue,
body.canada-math .value-icon.green,
body.canada-math .value-icon.yellow { background: #fff0f1; color: var(--blue); }
body.canada-math .course-card.blue,
body.canada-math .course-card.green,
body.canada-math .course-card.purple,
body.canada-math .course-card.orange,
body.canada-math .course-card.pink { color: var(--blue); background: #fff5f5; border-color: #efd3d6; }
body.canada-math .article-art,
body.canada-math .article-art.algebra,
body.canada-math .article-art.geometry,
body.canada-math .article-art.probability,
body.canada-math .article-art.study-skills { color: var(--blue); background: #fff0f1; }
body.canada-math .practice-band { background: var(--blue); }
body.canada-math .mission-section { background: #fff5f5; }
body.canada-math .takeaways,
body.canada-math .aside-card,
body.canada-math .aside-card.green,
body.canada-math .aside-card.study-skills { background: #fff0f1; color: var(--blue-dark); }
body.canada-math .site-footer { background: #a4161a; }
body.canada-math .site-footer h2 { color: #ffdadd; }
body.canada-math .site-footer div > a:not(.brand):not(.footer-signup) { color: #fff4f5; }
body.canada-math .footer-signup { border-color: #ffdadd; }