/* ===== /assets/curriculum-shell.css ===== */
/**
 * curriculum-shell.css — Persistent, zero-shift header & navigation shell.
 *
 * PALETTE: Navy (#0a2540, #12355b) + Teal (#0f766e, #1fa6a2) on warm off-white (#fbfaf7, #ffffff).
 * HARD CONSTRAINT: No purple anywhere in any UI, state, or element.
 * WCAG 2.2 AA compliant: contrast >= 4.5:1, 3px focus-visible rings, touch target >= 44x44px.
 */

:root {
  --shell-header-h-desktop: 64px;
  --shell-header-h-mobile: 56px;
  --shell-header-h: var(--shell-header-h-desktop);

  /* Shell Color Tokens (Navy + Teal on Warm Off-White) */
  --shell-navy-900: #0a1f33;
  --shell-navy-800: #102a45;
  --shell-navy-700: #183e66;
  --shell-navy-600: #205081;
  --shell-navy-100: #e7eff6;

  --shell-teal-800: #0b5c56;
  --shell-teal-700: #0f766e;
  --shell-teal-600: #138a81;
  --shell-teal-500: #1fa6a2;
  --shell-teal-100: #dff2ef;
  --shell-teal-50: #f0f9f8;

  --shell-warm-bg: #fbfaf7;
  --shell-warm-surface: #ffffff;
  --shell-warm-border: #e2ded5;
  --shell-warm-muted: #536471;
  --shell-warm-ink: #17202a;

  --shell-amber-600: #b45309;
  --shell-amber-100: #fef3c7;

  /* Typography */
  --shell-font-sans: "Nunito", "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;
  --shell-font-display: "Nunito", system-ui, sans-serif;

  /* Elevation */
  --shell-shadow-sm: 0 1px 3px rgba(10, 31, 51, 0.08);
  --shell-shadow-md: 0 4px 12px rgba(10, 31, 51, 0.1);
  --shell-shadow-lg: 0 10px 25px rgba(10, 31, 51, 0.15);
}

@media (max-width: 768px) {
  :root {
    --shell-header-h: var(--shell-header-h-mobile);
  }
}

/* Ensure body accounts for fixed/sticky header with zero layout shift */
body.has-curriculum-shell {
  padding-top: var(--shell-header-h);
}

body.has-curriculum-shell .ewl-course-nav {
  display: none !important;
}

/* ─────────────────────────────────────────────────────────────
   GLOBAL HEADER SHELL
───────────────────────────────────────────────────────────── */
.curriculum-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--shell-header-h);
  background-color: var(--shell-warm-surface);
  border-bottom: 1px solid var(--shell-warm-border);
  box-shadow: var(--shell-shadow-sm);
  z-index: 1000;
  box-sizing: border-box;
  font-family: var(--shell-font-sans);
  color: var(--shell-warm-ink);
  transition: box-shadow 0.2s ease;
}

.curriculum-header-inner {
  max-width: 1360px;
  height: 100%;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* Brand Link */
.curriculum-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--shell-navy-900);
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: -0.01em;
  flex-shrink: 0;
  border-radius: 8px;
  padding: 4px 6px;
}

.curriculum-brand:hover {
  color: var(--shell-teal-700);
}

.curriculum-brand-logo {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--shell-navy-800) 0%, var(--shell-teal-700) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-shrink: 0;
}

.curriculum-brand-logo svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.curriculum-brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.curriculum-brand-name {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--shell-navy-900);
}

.curriculum-brand-sub {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--shell-teal-700);
}

/* ─────────────────────────────────────────────────────────────
   PRIMARY NAV (4 Canonical Routes)
───────────────────────────────────────────────────────────── */
.curriculum-primary-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.curriculum-nav-item {
  display: flex;
}

.curriculum-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--shell-warm-muted);
  text-decoration: none;
  border-radius: 8px;
  position: relative;
  transition: all 0.15s ease;
  white-space: nowrap;
  min-height: 44px; /* WCAG touch target */
  box-sizing: border-box;
}

.curriculum-nav-link:hover {
  color: var(--shell-navy-900);
  background-color: var(--shell-teal-50);
}

.curriculum-nav-link[aria-current="page"] {
  color: var(--shell-navy-900);
  background-color: var(--shell-teal-100);
}

.curriculum-nav-link[aria-current="page"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 14px;
  right: 14px;
  height: 3px;
  background-color: var(--shell-teal-700);
  border-radius: 3px 3px 0 0;
}

/* ─────────────────────────────────────────────────────────────
   UTILITY BAR (Right-aligned controls)
───────────────────────────────────────────────────────────── */
.curriculum-utility-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

/* Segmented Buttons (Role, Language) */
.shell-segment {
  display: inline-flex;
  align-items: center;
  background-color: var(--shell-warm-bg);
  border: 1px solid var(--shell-warm-border);
  border-radius: 20px;
  padding: 2px;
  gap: 2px;
}

.shell-segment-btn {
  background: transparent;
  border: none;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--shell-warm-muted);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shell-segment-btn:hover:not([aria-pressed="true"]) {
  color: var(--shell-navy-900);
  background-color: rgba(16, 42, 69, 0.05);
}

.shell-segment-btn[aria-pressed="true"] {
  background-color: var(--shell-navy-800);
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(10, 31, 51, 0.15);
}

/* Specific Role Highlight */
.shell-segment-btn[data-role-btn="teacher"][aria-pressed="true"] {
  background-color: var(--shell-teal-700);
  color: #ffffff;
}

/* ESOL Supports Pill */
.shell-supports-pill {
  background-color: var(--shell-warm-bg);
  border: 1px solid var(--shell-warm-border);
  border-radius: 20px;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--shell-warm-muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
  min-height: 38px;
}

.shell-supports-pill:hover {
  color: var(--shell-navy-900);
  border-color: var(--shell-teal-600);
}

.shell-supports-pill[aria-pressed="true"] {
  background-color: var(--shell-teal-700);
  color: #ffffff;
  border-color: var(--shell-teal-800);
  box-shadow: 0 1px 3px rgba(15, 118, 110, 0.3);
}

.shell-supports-pill[aria-pressed="true"] .shell-pill-icon {
  filter: brightness(1.2);
}

/* Teacher Mode Indicator Banner / Badge */
.shell-teacher-indicator {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background-color: var(--shell-teal-50);
  border: 1px solid var(--shell-teal-500);
  color: var(--shell-teal-800);
  font-size: 0.72rem;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Mobile Menu Toggle */
.shell-mobile-toggle {
  display: none;
  background: transparent;
  border: 1px solid var(--shell-warm-border);
  border-radius: 8px;
  padding: 8px;
  color: var(--shell-navy-900);
  cursor: pointer;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}

.shell-mobile-toggle svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

/* ─────────────────────────────────────────────────────────────
   MOBILE DRAWER NAVIGATION
───────────────────────────────────────────────────────────── */
.shell-mobile-drawer {
  display: none;
  position: fixed;
  top: var(--shell-header-h);
  left: 0;
  right: 0;
  background: var(--shell-warm-surface);
  border-bottom: 2px solid var(--shell-teal-700);
  box-shadow: var(--shell-shadow-lg);
  padding: 16px;
  z-index: 999;
  flex-direction: column;
  gap: 12px;
}

.shell-mobile-drawer[aria-hidden="false"] {
  display: flex;
}

.shell-mobile-drawer .curriculum-nav-link {
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
}

.shell-mobile-drawer-utilities {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--shell-warm-border);
}

/* ─────────────────────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS (Optimized for Chromebooks 1366x768)
───────────────────────────────────────────────────────────── */
@media (max-width: 960px) {
  .curriculum-primary-nav {
    display: none;
  }
  .shell-mobile-toggle {
    display: inline-flex;
  }
}

@media (max-width: 600px) {
  .curriculum-brand-sub {
    display: none;
  }
  .curriculum-header-inner { gap: 6px; padding: 0 8px; }
  .curriculum-header .shell-role-group,
  .curriculum-header-inner .shell-supports-pill { display: none; }
  .curriculum-utility-bar .shell-supports-pill span:not(.shell-pill-icon) {
    display: none;
  }
}

@media (max-width: 360px) {
  .curriculum-brand-name { display: none; }
}

/* ─────────────────────────────────────────────────────────────
   ACCESSIBILITY & FOCUS STYLES
───────────────────────────────────────────────────────────── */
.curriculum-header a:focus-visible,
.curriculum-header button:focus-visible {
  outline: 3px solid var(--shell-teal-700) !important;
  outline-offset: 2px !important;
}

/* Screen reader only utility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ===== /assets/curriculum-system.css ===== */
/* ===== inlined @import /assets/fonts/fraunces-hanken-grotesk-e8a3b5.css ===== */
/* Generated by tools/self-host-fonts.mjs from:
   https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap
   Same families, weights and styles the CDN served; font-display: swap is
   preserved from the source. No family, weight, size or line-height changed. */
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/fraunces-8a8dc979.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/fraunces-ffbbcc88.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/fraunces-175f6e93.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/fraunces-8a8dc979.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/fraunces-ffbbcc88.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/fraunces-175f6e93.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/fraunces-8a8dc979.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/fraunces-ffbbcc88.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/fraunces-175f6e93.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/fraunces-8a8dc979.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/fraunces-ffbbcc88.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/fraunces-175f6e93.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-d792469b.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-decbe7b9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-6748e3a4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-271d5973.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-d792469b.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-decbe7b9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-6748e3a4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-271d5973.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-d792469b.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-decbe7b9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-6748e3a4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-271d5973.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-d792469b.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-decbe7b9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-6748e3a4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-271d5973.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-d792469b.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-decbe7b9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-6748e3a4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/hanken-grotesk-271d5973.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== inlined @import /assets/dimension.css ===== */
/* EduWonderLab dimensional design system.
 *
 * One physical idea carried everywhere: math as lit, tactile objects on a
 * drafting desk. Light comes from the upper left. Surfaces are ceramic (a lit
 * top edge, a thickness lip below), controls are keycaps that press down, and
 * every illustration is an isometric solid whose three faces take their tones
 * from the rules below (drawn by tools/lib/iso.mjs).
 *
 * This file owns tokens, materials and the iso tone model. Page compositions
 * (the homepage stage, the lesson header, the practice shell) live in their own
 * sheets and only consume what is defined here. Brand colours are the locked
 * palette in engine/design/tokens.json; nothing here is violet. */
:root {
  --dm-night: #0d273d;
  --dm-shade: #1a1612;
  --dm-navy: #17324d;
  --dm-navy-2: #1f4468;
  --dm-paper: #f7f4ec;
  --dm-paper-2: #efe9db;
  --dm-card: #ffffff;
  --dm-teal: #1fa6a2;
  --dm-teal-ink: #0c6f6b;
  --dm-brass: #f2c15b;
  --dm-brass-ink: #8a5a00;
  --dm-text: #24323f;
  --dm-muted: #4a555e;
  --dm-line: rgb(23 50 77 / 0.14);

  /* Elevation. Shadows are tinted with the ink colour and stacked as a contact
     shadow plus an ambient one; the inset white edge is the lit top. */
  --dm-lit: inset 0 1px 0 rgb(255 255 255 / 0.95);
  --dm-lip: inset 0 -2px 0 rgb(23 50 77 / 0.07);
  --dm-e1:
    var(--dm-lit), var(--dm-lip), 0 1px 2px rgb(13 39 61 / 0.1),
    0 4px 10px -4px rgb(13 39 61 / 0.14);
  --dm-e2:
    var(--dm-lit), var(--dm-lip), 0 2px 4px rgb(13 39 61 / 0.08),
    0 14px 26px -10px rgb(13 39 61 / 0.26);
  --dm-e3:
    var(--dm-lit), var(--dm-lip), 0 4px 8px rgb(13 39 61 / 0.08),
    0 30px 50px -18px rgb(13 39 61 / 0.4);

  --dm-radius: 16px;
  --dm-radius-sm: 10px;
  --dm-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dm-font-display: "Fraunces", Georgia, serif;
  --dm-font-body: "Hanken Grotesk", system-ui, sans-serif;

  /* Isometric tones. a is the unit colour (pages override --tone-a-base). */
  --tone-a-base: #1f6f8b;
  --tone-b-base: #d9a73a;
  --tone-c-base: #17324d;
  --tone-d-base: #efe9da;
  --tone-e-base: #1f8f8b;
}

/* Per-unit identity. Same hues the unit pages already use. */
:root {
  --unit-1: #316f62;
  --unit-2: #2f6fa3;
  --unit-3: #b5562b;
  --unit-4: #b3402a;
  --unit-5: #2f8a8a;
  --unit-6: #a8792a;
  --unit-7: #3f6db5;
  --unit-8: #a34a6b;
  --unit-9: #557a2f;
  --unit-10: #5b6470;
}

/* ---- The lighting model: every solid has a lit top, a body face, a shaded face ---- */
.iso {
  display: block;
  overflow: visible;
}
.iso .s {
  --base: var(--tone-a-base);
}
.iso .s.b {
  --base: var(--tone-b-base);
}
.iso .s.c {
  --base: var(--tone-c-base);
}
.iso .s.d {
  --base: var(--tone-d-base);
}
.iso .s.e {
  --base: var(--tone-e-base);
}
.iso .s .t {
  fill: color-mix(in srgb, var(--base) 56%, #fff);
  stroke: rgb(255 255 255 / 0.6);
  stroke-width: 0.6;
  stroke-linejoin: round;
}
.iso .s .l {
  fill: var(--base);
  stroke: rgb(13 39 61 / 0.16);
  stroke-width: 0.5;
  stroke-linejoin: round;
}
.iso .s .r {
  fill: color-mix(in srgb, var(--base) 70%, var(--dm-shade));
  stroke: rgb(13 39 61 / 0.2);
  stroke-width: 0.5;
  stroke-linejoin: round;
}
.iso .s.flat {
  fill: var(--base);
  stroke: rgb(13 39 61 / 0.2);
  stroke-width: 0.4;
}
.iso circle.t {
  stroke: none;
  fill: rgb(255 255 255 / 0.55);
}
.iso circle.l,
.iso circle.r {
  stroke: none;
}
.iso .shade {
  fill: var(--dm-night);
  fill-opacity: var(--o, 0.08);
}
.iso .grid polyline {
  fill: none;
  stroke: rgb(23 50 77 / 0.2);
  stroke-width: 0.45;
}
.iso .lab {
  fill: rgb(13 39 61 / 0.82);
  font-family: var(--dm-font-display);
  font-weight: 700;
}

/* ---- Desk: the page under everything ----
   !important is deliberate and limited to the two desk layers: curriculum-hub.css,
   curriculum-enhancements.css (`body { background: #fff !important }`) and the
   unit-page sheets each paint the body, and the desk must win on every shell page. */
body.curriculum-product {
  background-color: var(--dm-paper-2) !important;
  background-image:
    radial-gradient(1100px 520px at 8% -6%, rgb(31 166 162 / 0.11), transparent 62%),
    radial-gradient(900px 460px at 100% 2%, rgb(242 193 91 / 0.16), transparent 58%),
    linear-gradient(var(--dm-paper), var(--dm-paper-2)) !important;
  background-attachment: fixed;
  color: var(--dm-text);
}
body.curriculum-product::before { background: transparent !important; }
body.curriculum-product:is(.high-contrast, .hub-high-contrast) { background: #fff !important; }

/* ---- Navigation: a lit navy bar that sits above the page ---- */
body.curriculum-product .ewl-course-nav {
  position: sticky;
  top: 0;
  background: linear-gradient(180deg, var(--dm-navy-2), var(--dm-navy) 70%);
  border-bottom: 1px solid rgb(0 0 0 / 0.3);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.14),
    0 6px 18px -8px rgb(13 39 61 / 0.55);
  color: #f7f4ec;
}
body.curriculum-product .ewl-course-brand,
body.curriculum-product .ewl-course-nav li a,
body.curriculum-product .ewl-course-more > summary {
  color: #f7f4ec;
}
body.curriculum-product .ewl-course-brand span {
  color: #c9d7e3;
}
body.curriculum-product .ewl-course-nav li a {
  border-radius: 10px;
  transition:
    background 0.18s var(--dm-ease),
    color 0.18s var(--dm-ease);
}
body.curriculum-product .ewl-course-nav li a:hover,
body.curriculum-product .ewl-course-more > summary:hover,
body.curriculum-product .ewl-course-more[open] > summary {
  background: rgb(255 255 255 / 0.12);
  color: #fff;
}
body.curriculum-product .ewl-course-nav li a[aria-current="page"] {
  background: linear-gradient(180deg, #fffdf7, #f3eee1);
  color: var(--dm-night);
  text-decoration: none;
  box-shadow:
    var(--dm-lit),
    0 2px 0 rgb(0 0 0 / 0.28);
}
body.curriculum-product .ewl-course-more--current > summary {
  color: #fff;
}
body.curriculum-product .ewl-course-nav .ewl-course-more > ul {
  background: var(--dm-card);
  border-radius: 14px;
  box-shadow: var(--dm-e3);
}
body.curriculum-product .ewl-course-nav .ewl-course-more li a {
  color: var(--dm-text);
}
body.curriculum-product .ewl-course-nav .ewl-course-more li a:hover {
  background: #eaf2fa;
  color: var(--dm-night);
}
body.curriculum-product .ewl-course-nav .ewl-course-more li a[aria-current="page"] {
  background: #e3edf6;
  box-shadow: none;
}
body.curriculum-product :is(a, button, input, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--dm-brass);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgb(13 39 61 / 0.55);
}
body.curriculum-product main :is(a, button, input, select, summary, [tabindex]):focus-visible {
  outline-color: var(--course-blue, #175da0);
  box-shadow: 0 0 0 5px rgb(255 255 255 / 0.9);
}

/* ---- Ceramic surfaces ---- */
body.curriculum-product :is(.card, .featured, .sheet, .unit-card-header) {
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
  background-image: linear-gradient(180deg, #ffffff, #fbf8f1);
  border: 1px solid var(--dm-line);
  border-radius: var(--dm-radius);
  box-shadow: var(--dm-e1);
}
body.curriculum-product a.card,
body.curriculum-product .card:is(a, button, [role="link"]) {
  transition:
    transform 0.22s var(--dm-ease),
    box-shadow 0.22s var(--dm-ease);
}
body.curriculum-product :is(a.card, .card:is(a, button, [role="link"])):is(:hover, :focus-visible) {
  transform: translateY(-4px);
  box-shadow: var(--dm-e3);
}
body.curriculum-product :is(a.card, .card:is(a, button, [role="link"])):active {
  transform: translateY(-1px);
  box-shadow: var(--dm-e2);
}

/* ---- Keycaps: controls with thickness that press down ---- */
body.curriculum-product :is(.btn, .unit-resource-btn, .sheet-actions a) {
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  border: 1px solid rgb(23 50 77 / 0.22);
  border-radius: 12px;
  color: var(--course-blue, #175da0);
  box-shadow:
    var(--dm-lit),
    0 3px 0 rgb(23 50 77 / 0.18),
    0 8px 14px -8px rgb(13 39 61 / 0.35);
  transition:
    transform 0.12s var(--dm-ease),
    box-shadow 0.12s var(--dm-ease);
}
body.curriculum-product :is(.btn, .unit-resource-btn, .sheet-actions a):hover {
  transform: translateY(-1px);
  box-shadow:
    var(--dm-lit),
    0 4px 0 rgb(23 50 77 / 0.2),
    0 12px 18px -8px rgb(13 39 61 / 0.4);
}
body.curriculum-product :is(.btn, .unit-resource-btn, .sheet-actions a):active {
  transform: translateY(2px);
  box-shadow:
    var(--dm-lit),
    0 1px 0 rgb(23 50 77 / 0.2),
    0 3px 6px -4px rgb(13 39 61 / 0.3);
}
body.curriculum-product .btn-solid {
  background: linear-gradient(180deg, #17897f, var(--dm-teal-ink));
  border-color: #07514d;
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.32),
    0 3px 0 #07514d,
    0 10px 16px -8px rgb(7 81 77 / 0.7);
}
body.curriculum-product .btn-solid:hover {
  background: linear-gradient(180deg, #1b9a8f, #0f7e78);
  color: #fff;
}
body.curriculum-product .btn-solid:active {
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.2),
    0 1px 0 #07514d;
}

/* Headline voice shared by every shell page. */
body.curriculum-product :is(h1, h2) {
  font-family: var(--dm-font-display);
  color: var(--dm-night);
  letter-spacing: -0.012em;
}

/* ---- Constraints: motion, contrast and print ---- */
@media (prefers-reduced-motion: reduce) {
  body.curriculum-product * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
  body.curriculum-product :is(a.card, .btn, .unit-resource-btn):is(:hover, :active) {
    transform: none;
  }
}
@media (prefers-contrast: more), (forced-colors: active) {
  body.curriculum-product :is(.card, .featured, .sheet, .btn, .unit-resource-btn, .ewl-course-nav) {
    box-shadow: none;
    border: 2px solid currentColor;
  }
}
body.curriculum-product:is(.high-contrast, .hub-high-contrast)
  :is(.card, .featured, .sheet, .btn, .unit-resource-btn) {
  box-shadow: none;
  border: 2px solid currentColor;
  background: #fff;
}
@media print {
  body.curriculum-product {
    background: #fff;
  }
  body.curriculum-product :is(.card, .featured, .sheet, .btn) {
    box-shadow: none;
  }
}

/* ===== inlined @import /assets/dimension-stage.css ===== */
/* Page stage: the header of every hub page. Built on assets/dimension.css; loaded
 * with it by assets/curriculum-system.css but not by the lesson engine, which has no
 * use for the artwork. The stage-art block at the end is generated. */
/* ---- Page stage: the header of every hub page carries one object of its own ----
   The object follows the active item in the course bar (art is generated, see the
   stage-art block at the end of this file). Pages with their own hero (the
   homepage, Arcade, Projects) keep it. */
body.curriculum-product { --dm-art: var(--dm-art-resources); }
body.curriculum-product:has(.ewl-course-nav a[aria-current="page"][href="/curriculum/practice-workbooks/"]) { --dm-art: var(--dm-art-practice); }
body.curriculum-product:has(.ewl-course-nav a[aria-current="page"][href="/curriculum/learning-labs/"]) { --dm-art: var(--dm-art-labs); }
body.curriculum-product:has(.ewl-course-nav a[aria-current="page"][href="/curriculum/family-connections/"]) { --dm-art: var(--dm-art-families); }
body.curriculum-product:has(.ewl-course-nav a[aria-current="page"][href="/curriculum/extra-help/"]) { --dm-art: var(--dm-art-help); }
body.curriculum-product:has(.ewl-course-nav a[aria-current="page"][href="/curriculum/fluency/"]) { --dm-art: var(--dm-art-fluency); }
body.curriculum-product:not(.curriculum-home) :is(.catalog-header, .hub-header, .eh-header, .ar-head):has(h1),
body.curriculum-product:not(.curriculum-home) header > .wrap:has(> h1) {
  position: relative; isolation: isolate; overflow: hidden;
  box-sizing: border-box; max-width: var(--course-width, 1180px); margin: 22px auto 10px;
  padding: clamp(22px, 3.6vw, 40px) min(36%, 400px) clamp(22px, 3.6vw, 40px) clamp(20px, 4vw, 44px);
  border: 1px solid var(--dm-line); border-radius: 28px;
  background: radial-gradient(60% 120% at 88% 45%, rgb(31 166 162 / 0.2), transparent 62%), linear-gradient(135deg, #ffffff, #f6efde);
  box-shadow: var(--dm-e3);
}
body.curriculum-product:not(.curriculum-home) :is(.catalog-header, .hub-header, .eh-header, .ar-head):has(h1)::after,
body.curriculum-product:not(.curriculum-home) header > .wrap:has(> h1)::after {
  content: ""; position: absolute; z-index: -1; right: clamp(6px, 2.4vw, 36px); top: clamp(14px, 2.4vw, 30px);
  width: min(34%, 380px); aspect-ratio: 3 / 2;
  background: var(--dm-art) center / contain no-repeat; filter: drop-shadow(0 18px 16px rgb(13 39 61 / 0.22));
  pointer-events: none;
}
body.curriculum-product:not(.curriculum-home) :is(.catalog-header, .hub-header, .eh-header, .ar-head) h1,
body.curriculum-product:not(.curriculum-home) header > .wrap > h1 { font-size: clamp(2.1rem, 4.6vw, 3.5rem); line-height: 1.02; margin-top: 0; }
@media (max-width: 960px) {
  body.curriculum-product:not(.curriculum-home) :is(.catalog-header, .hub-header, .eh-header, .ar-head):has(h1),
  body.curriculum-product:not(.curriculum-home) header > .wrap:has(> h1) { padding-right: clamp(20px, 4vw, 44px); margin-inline: 12px; }
  body.curriculum-product:not(.curriculum-home) :is(.catalog-header, .hub-header, .eh-header, .ar-head):has(h1)::after,
  body.curriculum-product:not(.curriculum-home) header > .wrap:has(> h1)::after { position: static; display: block; width: min(70%, 240px); margin: 14px auto 0; transform: none; }
}

/* stage-art:begin (generated by tools/sync-curriculum-shell.mjs from tools/lib/iso-art.mjs) */
:root {
  --dm-art-practice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='165.7,19.5 354,128.2 194.3,220.5 6,111.8'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='165.7,28.5 338.5,128.2 194.3,211.5 21.5,111.8'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='165.7,36.9 323.9,128.2 194.3,203.1 36.1,111.8'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='51.6,111.8 194.3,194.1 194.3,186.9 51.6,104.5'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='308.4,128.2 194.3,194.1 194.3,186.9 308.4,121'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='165.7,38.6 308.4,121 194.3,186.9 51.6,104.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='63,104.5 194.3,180.3 194.3,173 63,97.3'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='297,121 194.3,180.3 194.3,173 297,113.7'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='165.7,38 297,113.7 194.3,173 63,97.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='74.5,97.3 194.3,166.4 194.3,159.2 74.5,90'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='285.5,113.7 194.3,166.4 194.3,159.2 285.5,106.5'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='165.7,37.3 285.5,106.5 194.3,159.2 74.5,90'/%3E%3C/g%3E%3Cg%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='165.7,37.3 74.5,90'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='185.7,48.9 94.4,101.6'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='205.7,60.4 114.4,113.1'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='225.6,71.9 134.4,124.6'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='245.6,83.4 154.3,136.1'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='265.6,95 174.3,147.7'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='285.5,106.5 194.3,159.2'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='165.7,37.3 285.5,106.5'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='145.8,48.9 265.6,118'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='125.8,60.4 245.6,129.6'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='105.8,71.9 225.6,141.1'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='85.9,83.4 205.7,152.6'/%3E%3C/g%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.2' stroke-width='.4' points='160,53.5 228.5,93 225.1,95 156.6,55.4'/%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.2' stroke-width='.4' points='142.9,63.3 194.3,93 190.8,95 139.5,65.3'/%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='119,90.7 210.2,143.4 210.2,132.2 119,79.5'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='219.9,137.8 210.2,143.4 210.2,132.2 219.9,126.6'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='128.7,73.9 219.9,126.6 210.2,132.2 119,79.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='210.2,143.4 221.6,150 221.6,138.8 210.2,132.2'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='231.3,144.4 221.6,150 221.6,138.8 231.3,133.2'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='219.9,126.6 231.3,133.2 221.6,138.8 210.2,132.2'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-labs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='157,41.5 346.7,151 203,234 13.3,124.5'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='157,50.6 331,151 203,225 29,124.5'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='157,59.1 316.3,151 203,216.5 43.7,124.5'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='59.3,124.5 203,207.5 203,197.5 59.3,114.5'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='300.7,151 203,207.5 203,197.5 300.7,141.1'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='157,58.1 300.7,141.1 203,197.5 59.3,114.5'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' d='M106.9 48.2V111.2A38.6 22.3 0 0 0 145.5 133.5V48.2Z'/%3E%3Cpath fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' d='M145.5 48.2V133.5A38.6 22.3 0 0 0 184.1 111.2V48.2Z'/%3E%3Cellipse fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' cx='145.5' cy='48.2' rx='38.6' ry='22.3'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='145.5' cy='27.6' r='21.6'/%3E%3Ccircle fill='%23e8b23f' cx='143.4' cy='25' r='18.6'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='139.5' cy='20.7' r='9.1'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' d='M200.8 99.6V136.1A22.4 12.9 0 0 0 223.1 149V99.6Z'/%3E%3Cpath fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' d='M223.1 99.6V149A22.4 12.9 0 0 0 245.5 136.1V99.6Z'/%3E%3Cellipse fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' cx='223.1' cy='99.6' rx='22.4' ry='12.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='162.8,161 194.4,179.2 194.4,149.4 162.8,131.1'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='220.2,164.3 194.4,179.2 194.4,149.4 220.2,134.5'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='188.6,116.2 220.2,134.5 194.4,149.4 162.8,131.1'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-families: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='166,36.7 350.8,143.4 194,234 9.2,127.3'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='166,45.5 335.6,143.4 194,225.2 24.4,127.3'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='166,53.8 321.3,143.4 194,216.9 38.7,127.3'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='54,127.3 194,208.1 194,200 54,119.2'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='306,143.4 194,208.1 194,200 306,135.4'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='166,54.5 306,135.4 194,200 54,119.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='96,120.8 191.2,175.8 191.2,120.8 96,65.8'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='264,133.7 191.2,175.8 191.2,120.8 264,78.8'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='168.8,23.8 264,78.8 191.2,120.8 96,65.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='84.8,65.8 191.2,127.3 191.2,116 84.8,54.5'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='275.2,78.8 191.2,127.3 191.2,116 275.2,67.4'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='168.8,6 275.2,67.4 191.2,116 84.8,54.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='107.2,57.7 185.6,103 185.6,91.7 107.2,46.4'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='252.8,64.2 185.6,103 185.6,91.7 252.8,52.9'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='174.4,7.6 252.8,52.9 185.6,91.7 107.2,46.4'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='129.6,49.7 180,78.8 180,67.4 129.6,38.3'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='230.4,49.7 180,78.8 180,67.4 230.4,38.3'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='180,9.2 230.4,38.3 180,67.4 129.6,38.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='128.2,141 153.4,155.6 153.4,116.8 128.2,102.2'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='156.2,154 153.4,155.6 153.4,116.8 156.2,115.1'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='131,100.6 156.2,115.1 153.4,116.8 128.2,102.2'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%231e7b77' cx='199.6' cy='167.7' r='13.6'/%3E%3Ccircle fill='%231fa6a2' cx='198.2' cy='166.1' r='11.7'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='195.8' cy='163.4' r='5.7'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='148.9,19.5 354,137.9 211.1,220.5 6,102.1'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='148.9,29.3 337.1,137.9 211.1,210.7 22.9,102.1'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='148.9,38.5 321.2,137.9 211.1,201.5 38.8,102.1'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='55.7,102.1 211.1,191.8 211.1,182.8 55.7,93.1'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='304.3,137.9 211.1,191.8 211.1,182.8 304.3,129'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='148.9,39.3 304.3,129 211.1,182.8 55.7,93.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='83.7,87.7 114.7,105.6 114.7,76.9 83.7,59'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='164.5,76.9 114.7,105.6 114.7,76.9 164.5,48.2'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='133.4,30.3 164.5,48.2 114.7,76.9 83.7,59'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='117.9,107.4 148.9,125.4 148.9,71.6 117.9,53.6'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='198.6,96.7 148.9,125.4 148.9,71.6 198.6,42.9'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='167.6,24.9 198.6,42.9 148.9,71.6 117.9,53.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='152,127.2 183.1,145.1 183.1,66.2 152,48.2'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='232.8,116.4 183.1,145.1 183.1,66.2 232.8,37.5'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='201.7,19.5 232.8,37.5 183.1,66.2 152,48.2'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' d='M208.2 80.5V141.5A18.5 10.7 0 0 0 226.6 152.2V80.5Z'/%3E%3Cpath fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' d='M226.6 80.5V152.2A18.5 10.7 0 0 0 245.1 141.5V80.5Z'/%3E%3Cellipse fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' cx='226.6' cy='80.5' rx='18.5' ry='10.7'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='226.6' cy='58.3' r='23.4'/%3E%3Ccircle fill='%23e8b23f' cx='224.3' cy='55.5' r='20.1'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='220.1' cy='50.8' r='9.8'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-fluency: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='122,28.2 354,162.1 238,229.1 6,95.2'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='122,38.3 336.5,162.1 238,219 23.5,95.2'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='122,47.8 320,162.1 238,209.5 40,95.2'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='57.6,95.2 238,199.3 238,190 57.6,85.9'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='302.4,162.1 238,199.3 238,190 302.4,152.8'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='122,48.7 302.4,152.8 238,190 57.6,85.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='76.9,82.1 105.9,98.9 105.9,69.1 76.9,52.4'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='144.6,76.6 105.9,98.9 105.9,69.1 144.6,46.8'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='115.6,30.1 144.6,46.8 105.9,69.1 76.9,52.4'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='111.7,102.2 140.7,119 140.7,66.9 111.7,50.1'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='179.4,96.7 140.7,119 140.7,66.9 179.4,44.6'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='150.4,27.8 179.4,44.6 140.7,66.9 111.7,50.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='146.5,122.3 175.5,139.1 175.5,64.7 146.5,47.9'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='214.2,116.7 175.5,139.1 175.5,64.7 214.2,42.3'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='185.2,25.6 214.2,42.3 175.5,64.7 146.5,47.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='181.3,142.4 210.3,159.2 210.3,62.4 181.3,45.7'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='249,136.8 210.3,159.2 210.3,62.4 249,40.1'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='220,23.4 249,40.1 210.3,62.4 181.3,45.7'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='216.1,162.5 245.1,179.3 245.1,60.2 216.1,43.4'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='283.8,156.9 245.1,179.3 245.1,60.2 283.8,37.9'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='254.8,21.1 283.8,37.9 245.1,60.2 216.1,43.4'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%231e7b77' cx='257.3' cy='22.6' r='11.7'/%3E%3Ccircle fill='%231fa6a2' cx='256.2' cy='21.2' r='10.1'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='254.1' cy='18.9' r='4.9'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-progress: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='130.8,28.1 354,157 229.2,229 6,100.1'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='130.8,38.4 336.1,157 229.2,218.7 23.9,100.1'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='130.8,48.1 319.3,157 229.2,209 40.7,100.1'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='58.5,100.1 229.2,198.7 229.2,189.2 58.5,90.6'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='301.5,157 229.2,198.7 229.2,189.2 301.5,147.5'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='130.8,48.9 301.5,147.5 229.2,189.2 58.5,90.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='78.2,90.6 117.6,113.4 117.6,86.8 78.2,64.1'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='163.6,86.8 117.6,113.4 117.6,86.8 163.6,60.3'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='124.2,37.5 163.6,60.3 117.6,86.8 78.2,64.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='120.9,115.3 160.3,138 160.3,84.9 120.9,62.2'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='206.3,111.5 160.3,138 160.3,84.9 206.3,58.4'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='166.9,35.7 206.3,58.4 160.3,84.9 120.9,62.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='163.6,139.9 203,162.6 203,83 163.6,60.3'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='248.9,136.1 203,162.6 203,83 248.9,56.5'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='209.5,33.8 248.9,56.5 203,83 163.6,60.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='236.5,150.9 242.4,154.3 242.4,40.6 236.5,37.2'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='248.3,150.9 242.4,154.3 242.4,40.6 248.3,37.2'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='242.4,33.8 248.3,37.2 242.4,40.6 236.5,37.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='198.4,38.3 237.8,61.1 237.8,36.4 198.4,13.7'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='242.4,58.4 237.8,61.1 237.8,36.4 242.4,33.8'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='203,11 242.4,33.8 237.8,36.4 198.4,13.7'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-resources: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='156,24.7 354,139.1 204,225.7 6,111.3'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='156,34.2 337.7,139.1 204,216.2 22.3,111.3'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='156,43 322.3,139.1 204,207.4 37.7,111.3'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='54,111.3 204,197.9 204,189.3 54,102.7'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='306,139.1 204,197.9 204,189.3 306,130.4'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='156,43.8 306,130.4 204,189.3 54,102.7'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='108,81.9 168,116.5 168,75 108,40.3'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='213,90.6 168,116.5 168,75 213,49'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='153,14.3 213,49 168,75 108,40.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='174,120 234,154.6 234,126.9 174,92.3'/%3E%3Cpolygon fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='279,128.7 234,154.6 234,126.9 279,100.9'/%3E%3Cpolygon fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='219,66.3 279,100.9 234,126.9 174,92.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='69,104.4 114,130.4 114,106.1 69,80.2'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='150,109.6 114,130.4 114,106.1 150,85.4'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='105,59.4 150,85.4 114,106.1 69,80.2'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' d='M154.5 102.7V147.7A25.5 14.7 0 0 0 180 162.4V102.7Z'/%3E%3Cpath fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' d='M180 102.7V162.4A25.5 14.7 0 0 0 205.5 147.7V102.7Z'/%3E%3Cellipse fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' cx='180' cy='102.7' rx='25.5' ry='14.7'/%3E%3C/g%3E%3C/svg%3E");
}
/* stage-art:end */

/* Curriculum discovery system. Activity artwork and mathematical models keep
   their own styling. Tokens are shared by the dashboard, units and catalogs. */
.curriculum-product {
  --course-ink: #193e3b;
  --course-muted: #3f5a58;
  --course-blue: #175da0;
  --course-teal: #11675d;
  --course-paper: #d3e5e8;
  --course-border: #a9c7ce;
  --course-radius: 8px;
  --course-width: 1180px;
  color: var(--course-ink);
  background: var(--course-paper);
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.55;
}
.curriculum-product::before { background: var(--course-paper); }
.curriculum-product :is(h1,h2,h3) { text-wrap: balance; }
.curriculum-product :is(button,input,select) { font-family: inherit; }
.curriculum-product :is(a,button,input,select,summary):focus-visible {
  outline: 3px solid var(--course-blue);
  outline-offset: 4px;
}
.curriculum-product p a { text-decoration: underline; text-underline-offset: .2em; }
.curriculum-product :is(.wrap,.catalog-header,#catalog) { max-width: var(--course-width); }
.curriculum-product :is(.back,.crumbs a,.units-page-links a) {
  display: inline-flex; align-items: center; min-height: 44px;
}
.curriculum-product :is(.eyebrow,.units-page-eyebrow,.lesson-label) {
  text-transform: none; letter-spacing: normal; font-size: 16px;
}
.curriculum-product .btn-solid { color: #fff; background: var(--course-blue); border-color: var(--course-blue); }
.curriculum-product .btn-solid:hover { color: #fff; background: var(--course-ink); }
.curriculum-product .card { border-radius: var(--course-radius); }
.curriculum-product :is(.card p,.card-cta,.section-note,.sheet-info>p:last-child) {
  font-size: 16px; line-height: 1.5;
}
.curriculum-product :is(.btn,.sheet-actions a,.unit-resource-btn) {
  min-height: 44px; font-size: 16px; align-items: center;
}
.curriculum-product .sheet-actions a { display: inline-flex; border-radius: 6px; }
.curriculum-product .sheet { gap: 16px; }
.curriculum-product .card { border-color: var(--course-border); }
.curriculum-product .card h3 { font-size: 20px; line-height: 1.35; }
.curriculum-product .ewl-course-nav {
  position: relative; z-index: 30; margin: 0; padding: 0;
  background: #fff; border-bottom: 1px solid var(--course-border);
  color: var(--course-ink); font-size: 16px; line-height: 1.35;
}
.ewl-course-nav__inner {
  max-width: var(--course-width); margin: 0 auto; padding: 10px 32px;
  display: flex; gap: 24px; align-items: center; justify-content: space-between;
}
.ewl-course-nav .ewl-course-brand {
  display: grid; grid-template-columns: 28px auto; column-gap: 10px;
  align-items: center; flex-shrink: 0; min-height: 48px;
  font-size: 18px; font-weight: 700; color: var(--course-ink); text-decoration: none;
}
.ewl-course-brand img { grid-row: span 2; }
.ewl-course-brand span { font-size: 14px; color: var(--course-muted); font-weight: 400; }
.ewl-course-nav ul { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.ewl-course-nav li { padding: 0; margin: 0; }
.ewl-course-nav li a {
  display: flex; align-items: center; justify-content: center; min-height: 44px;
  padding: 10px 12px; border-radius: 6px; color: var(--course-muted);
  font-size: 16px; font-weight: 700; text-decoration: none;
}
.ewl-course-nav li a:hover { background: #edf3f9; color: var(--course-blue); }
.ewl-course-nav li a[aria-current="page"] {
  color: var(--course-blue); background: #eaf2fa;
  text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px;
}
.ewl-skip { position: absolute; top: -100px; left: 16px; z-index: 1000001; padding: 12px 16px; background: #fff; color: #175da0; }
.ewl-skip:focus { top: 8px; }
/* A course sequence is useful information, not a set of competing launch tiles. */
.course-overview { padding: 24px 0; border-bottom: 1px solid var(--course-border); }
.course-overview__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 20px; margin-bottom: 14px; }
.course-overview h2 { margin: 0; font: 700 26px/1.3 "Hanken Grotesk", sans-serif; }
.course-overview p { margin: 0; font-size: 16px; color: var(--course-muted); }
.course-unit-list { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; list-style: none; padding: 0; margin: 0; border: 1px solid var(--course-border); border-radius: 10px; overflow: hidden; }
.course-unit-list li { min-width: 0; }
.course-unit-list a { display: flex; flex-direction: column; height: 100%; min-height: 106px; padding: 14px 16px; border: 1px solid #e2e8e3; background: #fff; color: var(--course-ink); text-decoration: none; }
.course-unit-list a:hover { background: #eaf2fa; }
.course-unit-list a:focus-visible { outline-offset: -4px; }
.course-unit-number { color: var(--course-blue); font-size: 16px; }
.course-unit-title { margin: 4px 0 6px; font-size: 17px; line-height: 1.3; }
.course-unit-count { margin-top: auto; color: var(--course-muted); font-size: 14px; }
.curriculum-product .curriculum-guide { border-radius: 0; margin-top: 0; padding-top: 28px; }
.curriculum-product.curriculum-home .hub-page { border-radius: 0; }
.curriculum-product .hub-shortcuts { align-items: center; }
.curriculum-product .hub-shortcuts > a:is([href="/curriculum/practice-workbooks/"],[href="/curriculum/family-connections/"]) { display: none; }
/* The global navigation already exposes these destinations. Reading controls
   and teacher workflows remain in their original, tested locations. */
.curriculum-product .hub-shortcuts .hub-resource-shortcut { background: #fff; border-color: #c4d3e2; color: var(--course-blue); }
.curriculum-product .curriculum-guide__lede { max-width: 64ch; }
.curriculum-product #curriculum-navigator .cn-browser,
.curriculum-product #curriculum-navigator #nav-preview { border-radius: var(--course-radius); box-shadow: none; }
.curriculum-product #curriculum-navigator .cn-eyebrow { text-transform: none; letter-spacing: normal; font-size: 16px; }
.curriculum-product #curriculum-navigator .cn-layout { grid-template-columns: minmax(0,.85fr) minmax(0,1.4fr); }
.curriculum-product #curriculum-navigator #nav-preview { min-height: 0; }
.curriculum-product #curriculum-navigator .cn-lesson-button { border-radius: 0; }
.curriculum-product #curriculum-navigator .cn-preview-title { font-weight: 800; }
.curriculum-product #curriculum-navigator .cn-starter { margin-top: 12px; }
.curriculum-product #cr-results > li { background: #fff; }
.curriculum-product.curriculum-units-page #hub-toolbar-sticky { position: static; box-shadow: none; border-radius: var(--course-radius); background: #fff; }
.curriculum-product .units-browser-nav { background: #fff; border-left-width: 1px; }
.curriculum-product .unit-card { box-shadow: none; border-radius: var(--course-radius); }
.curriculum-product .unit-card-header { background: #f0f4ef; }
.curriculum-product .unit-card-name { margin: 4px 0 0; font: 700 26px/1.3 "Hanken Grotesk",sans-serif; }
.curriculum-product .lesson-outline-title { text-transform: none; letter-spacing: normal; font-size: 18px; }
.curriculum-product .selector-label { text-transform: none; letter-spacing: normal; font-size: 16px; }
.curriculum-product :is(.units-lesson-actions,.units-lesson-paging)[hidden] { display: none; }
.units-lesson-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 20px 16px; }
.units-lesson-actions a { min-height: 48px; padding: 11px 18px; display: inline-flex; align-items: center; color: #175da0; border: 1px solid #9ab0c5; border-radius: 8px; background: #fff; font-size: 17px; font-weight: 700; text-decoration: none; }
.units-lesson-actions .units-open-lesson { color: #fff; background: #175da0; border-color: #175da0; }
.units-lesson-actions a:hover { background: #eaf2fa; }
.units-lesson-actions .units-open-lesson:hover { background: #193e3b; color: #fff; }
.units-lesson-paging { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 20px 16px; }
.units-lesson-paging button { min-height: 44px; padding: 9px 12px; border: 1px solid #9ab0c5; border-radius: 6px; color: #175da0; background: #fff; font: inherit; font-size: 16px; cursor: pointer; }
.units-lesson-paging button:disabled { color: #58697b; background: #eef2f6; border-color: #d2dcd7; cursor: default; }
.units-lesson-paging span { color: #506662; font-size: 16px; margin-right: auto; }
.units-lesson-options { margin: 0 20px 16px; border-top: 1px solid #d3dfe8; }
.units-lesson-options > summary { min-height: 46px; padding: 12px 0; font-size: 16px; font-weight: 700; color: #175da0; cursor: pointer; }
.curriculum-product .units-lesson-options .phase-selectors { padding: 0; }
@media (max-width: 1050px) {
  /* Brand and page tools share the first row; the destinations take the second. */
  .ewl-course-nav__inner { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 6px 12px; }
  .ewl-course-menu { grid-column: 1 / -1; grid-row: 2; }
  .ewl-course-tools { grid-column: 2; grid-row: 1; }
  .course-unit-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 780px) {
  .curriculum-product #curriculum-navigator .cn-layout { grid-template-columns: minmax(0,1fr); }
  .curriculum-product #curriculum-navigator #nav-preview { margin-top: 0; }
  .ewl-course-nav__inner { padding: 12px 16px 8px; }
  .course-unit-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .course-unit-list a { min-height: 106px; padding: 12px; }
  .course-overview { padding: 20px 0; }
  .units-lesson-actions,.units-lesson-paging,.units-lesson-options { margin-left: 12px; margin-right: 12px; }
  .units-lesson-actions a { flex: 1 1 auto; justify-content: center; padding: 10px 12px; }
  .units-lesson-actions .units-open-lesson { flex-basis: 100%; }
  .units-lesson-paging span { flex-basis: 100%; }
  .units-lesson-paging button { flex: 1; }
  .curriculum-product .sheet { flex-wrap: wrap; }
  .curriculum-product .sheet-actions { flex-shrink: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .curriculum-product { scroll-behavior: auto; }
  .curriculum-product *, .curriculum-product *::before, .curriculum-product *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  .ewl-course-nav,.ewl-skip,.course-overview,.units-lesson-actions,.units-lesson-paging,.units-lesson-options { display: none !important; }
  .curriculum-product { background: #fff; }
}
/* Preserve the family's existing display preferences with the shared shell. */
.curriculum-product.large-text { font-size: 20px; }
.curriculum-product.high-contrast { --course-ink: #111; --course-muted: #222; --course-blue: #064842; --course-paper: #fff; --course-border: #555; color: #111; background: #fff; }

/* Editorial hierarchy shared by discovery pages. Activity models retain their
   own type and artwork; only the curriculum chrome uses this display system. */
.curriculum-product :is(h1,h2,h3,.section-label,.unit-title) {
  font-family: "Hanken Grotesk",system-ui,sans-serif; font-weight: 700;
  letter-spacing: -.025em; color: var(--course-ink);
}
.curriculum-product h1 { font-size: clamp(2rem,4vw,3rem); line-height: 1.1; }
.curriculum-product :is(.lede,.section-sub,.catalog-header>p) { color: var(--course-muted); }
.curriculum-product .ewl-course-brand { letter-spacing: -.025em; }
.ewl-course-nav li a { font-weight: 600; border-radius: 4px; }
.ewl-course-nav li a[aria-current="page"] { background: #edf3ef; color: #174e46; }
.curriculum-product :is(.wrap,.catalog-header,#catalog) { padding-inline: 32px; }
.curriculum-product :is(.catalog-header,.units-page-head) { border-bottom: 1px solid var(--course-border); }
.curriculum-product :is(.back,.crumbs) { margin-bottom: 12px; font-size: 16px; }
.curriculum-product :is(.eyebrow,.units-page-eyebrow) { color: var(--course-teal); font-weight: 600; }
.curriculum-product :is(.stats,.hero-actions) { gap: 10px 16px; }
.curriculum-product .stat { background: transparent; border: 0; padding: 0; color: var(--course-muted); border-radius: 0; }
.curriculum-product .section-label { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--course-border); font-size: 26px; }
.curriculum-product .card { padding: 24px; border: 1px solid var(--course-border); background: #fff; box-shadow: none; }
.curriculum-product .card { display: flex; flex-direction: column; }
.curriculum-product .card h3 { margin-block: 10px; font-size: 23px; }
.curriculum-product .card-cta { margin-top: auto; padding-top: 20px; color: var(--course-blue); font-weight: 700; }
.curriculum-product .card:hover { border-color: #64867f; background: #fafcf9; }
.curriculum-product .card.featured { border-top: 3px solid #316f62; background: #f0f5ee; }
.curriculum-product .card-kicker { color: var(--course-teal); font-size: 16px; text-transform: none; letter-spacing: 0; }
.curriculum-product .catalog-header { padding-top: 24px; padding-bottom: 28px; }
.curriculum-product .catalog-header h1 { margin-block: 8px 16px; }
.curriculum-product .catalog-header>p { max-width: 70ch; font-size: 17px; }
.curriculum-product .course-overview { padding-block: 32px; }
.curriculum-product .course-unit-number { color: var(--course-teal); font-weight: 600; }
.curriculum-product .course-unit-title { font-size: 18px; font-weight: 600; }
.curriculum-product .course-unit-count { font-size: 15px; }
.curriculum-product #curriculum-resources { font-family: inherit; border-top: 0; }
.curriculum-product #curriculum-resources h2 { font-family: inherit; font-size: 26px; }
.curriculum-product #cr-results h3 { font-family: inherit; font-size: 22px; }
.curriculum-product #cr-results>li { padding: 24px; border-radius: 8px; border-color: var(--course-border); }
.curriculum-product .hub-collection { border-inline: 0; border-radius: 0; border-color: var(--course-border); }
.curriculum-product .hub-collection[open]>summary { border-radius: 0; background: #f0f4ef; }
@media (max-width: 780px) {
  .curriculum-product :is(.wrap,.catalog-header,#catalog) { padding-inline: 16px; }
  .curriculum-product .card { padding: 20px; }
  .curriculum-product .catalog-header { padding-top: 16px; }
  .curriculum-product .section-label { margin-top: 28px; padding-top: 20px; }
}

.curriculum-product.light-theme::after { display: none; }
.curriculum-product .toolbar h1 { color: #fff; font-size: 30px; }
.curriculum-product.hub-readable-font :is(h1,h2,h3,button,input,select) { font-family: "Atkinson Hyperlegible",sans-serif !important; }
.curriculum-product.hub-high-contrast { --course-ink: #111; --course-muted: #222; --course-paper: #fff; --course-border: #555; }
.curriculum-product #udlFloatingLauncher { background: transparent; }


/* Progress uses the same quiet masthead as the other discovery pages. */
.curriculum-product > header:has(> .wrap) {
  background: var(--course-paper);
  color: var(--course-ink);
  border-bottom: 1px solid var(--course-border);
}

/* One accent per unit, shared by the dashboard course cards and the units
   page, so a unit reads as the same thing wherever it appears. Decorative
   only: text never relies on these colors. */
.curriculum-product {
  --unit-1: #316f62; --unit-2: #2f6fa3; --unit-3: #b5562b; --unit-4: #B3402A; --unit-5: #2f8a8a;
  --unit-6: #a8792a; --unit-7: #3f6db5; --unit-8: #a34a6b; --unit-9: #557a2f; --unit-10: #5b6470;
}
.course-unit-list li[data-unit="1"] { --unit-accent: var(--unit-1); }
.course-unit-list li[data-unit="2"] { --unit-accent: var(--unit-2); }
.course-unit-list li[data-unit="3"] { --unit-accent: var(--unit-3); }
.course-unit-list li[data-unit="4"] { --unit-accent: var(--unit-4); }
.course-unit-list li[data-unit="5"] { --unit-accent: var(--unit-5); }
.course-unit-list li[data-unit="6"] { --unit-accent: var(--unit-6); }
.course-unit-list li[data-unit="7"] { --unit-accent: var(--unit-7); }
.course-unit-list li[data-unit="8"] { --unit-accent: var(--unit-8); }
.course-unit-list li[data-unit="9"] { --unit-accent: var(--unit-9); }
.course-unit-list li[data-unit="10"] { --unit-accent: var(--unit-10); }
.course-unit-list a { position: relative; box-shadow: inset 0 4px 0 var(--unit-accent, transparent); padding-top: 18px; }
.course-unit-dates { margin-top: 2px; color: var(--course-muted); font-size: 14px; }
.course-unit-project { margin-top: 2px; color: var(--course-muted); font-size: 14px; font-weight: 700; }
.course-unit-list li.is-current a { background: #f3f8f4; box-shadow: inset 0 6px 0 var(--unit-accent, var(--course-teal)), inset 0 0 0 2px var(--unit-accent, var(--course-teal)); }
.course-unit-now { align-self: flex-start; margin-bottom: 6px; padding: 1px 10px; border-radius: 999px; background: var(--unit-accent, var(--course-teal)); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.6; }
.curriculum-units-page #unit-1 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-1); }
.curriculum-units-page #unit-2 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-2); }
.curriculum-units-page #unit-3 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-3); }
.curriculum-units-page #unit-4 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-4); }
.curriculum-units-page #unit-5 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-5); }
.curriculum-units-page #unit-6 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-6); }
.curriculum-units-page #unit-7 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-7); }
.curriculum-units-page #unit-8 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-8); }
.curriculum-units-page #unit-9 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-9); }
.curriculum-units-page #unit-10 .unit-card-header { box-shadow: inset 0 4px 0 var(--unit-10); }

/* Phones: the first destinations stay inline and the rest sit behind a native
   "More" disclosure (tools/lib/curriculum-shell.mjs renders both copies; CSS
   shows exactly one). This replaced a sideways-scrolling row whose last three
   links were off-screen at 390px with nothing but a fade to say so. */
.ewl-course-menu { display: flex; align-items: center; min-width: 0; }
.ewl-course-more { display: none; position: relative; }
.ewl-course-more > summary {
  display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 10px 12px;
  border-radius: 4px; color: var(--course-muted); font-weight: 600; cursor: pointer; list-style: none;
}
.ewl-course-more > summary::-webkit-details-marker { display: none; }
.ewl-course-more > summary::after { content: "▾"; font-size: .85em; }
.ewl-course-more[open] > summary::after { content: "▴"; }
.ewl-course-more > summary:hover,
.ewl-course-more[open] > summary { background: #edf3f9; color: var(--course-blue); }
.ewl-course-more--current > summary { color: #174e46; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.ewl-course-nav .ewl-course-more > ul {
  position: absolute; right: 0; top: calc(100% + 4px); z-index: 40;
  display: grid; gap: 2px; min-width: 210px; padding: 6px;
  background: #fff; border: 1px solid var(--course-border); border-radius: 8px;
  box-shadow: 0 12px 30px rgb(15 23 42 / 18%);
}
.ewl-course-nav .ewl-course-more li a { justify-content: flex-start; white-space: nowrap; }
.ewl-course-tools { flex-shrink: 0; }
@media (max-width: 780px) {
  .ewl-course-nav .ewl-course-links { flex-wrap: nowrap; gap: 2px; }
  .ewl-course-links > li:nth-child(n+5) { display: none; }
  .ewl-course-more { display: block; }
  .ewl-course-more > ul > li:first-child { display: none; }
  .ewl-course-nav .ewl-course-links li a,
  .ewl-course-more > summary { padding: 10px 8px; font-size: 15px; white-space: nowrap; }
}
/* Narrow phones: Games moves into More too. */
@media (max-width: 400px) {
  .ewl-course-links > li:nth-child(n+4) { display: none; }
  .ewl-course-more > ul > li:first-child { display: list-item; }
}
@media print { .ewl-course-more, .ewl-course-tools { display: none !important; } }

/* Type floor for the dashboard: nothing a student or teacher has to read is
   set below 13px. Tags, tile captions and the footer were 11-12px. The
   attribute selectors catch the tool-library cards whose sizes are inline. */
.curriculum-home :is(.ewl-preset-tag, .ewl-preset-badge, .mf-tag, .card-collapse-toggle, .ttb-label, small) {
  font-size: 13px;
}
.curriculum-home :is([style*="font-size: 11px"], [style*="font-size:11px"], [style*="font-size: 11.5px"],
  [style*="font-size: 12px"], [style*="font-size:12px"], [style*="font-size: 12.5px"]) {
  font-size: 13px !important;
}
.curriculum-home footer.hub { font-size: 14px; line-height: 1.6; }

/* One control language across the dashboard and the units page: 8px corners,
   44px+ targets, the same blue outline buttons. The units page had pill
   download buttons, 6px pathway buttons and 11px badges beside the
   dashboard's square-cornered controls. */
.curriculum-product #curriculum-navigator :is(.cn-button, #nav-saved, #nav-more, #nav-retry, #curr-search, #nav-unit, #nav-copy-url) {
  border-radius: 8px;
}
.curriculum-units-page .ntdl-trigger {
  min-height: 44px; padding: 9px 16px; border: 1px solid #9ab0c5; border-radius: 8px;
  background: #fff; color: var(--course-blue); font-size: 16px; line-height: 1.35;
}
.curriculum-units-page .ntdl-trigger:hover { border-color: var(--course-blue); background: #eaf2fa; }
.curriculum-units-page .units-lesson-pathways button,
.curriculum-units-page .units-result-actions a { border-radius: 8px; }
.curriculum-units-page .badge { font-size: 13px; border-radius: 4px; padding: 1px 8px; }

/* The shared course bar must hold its own layout on every page that carries
   the shell. /curriculum/practice-workbooks/ styles a bare `nav { display:
   flex }` for its breadcrumb, which also matched this bar: the inner row
   became a flex item sized to its content and the page scrolled sideways by
   240px on a 360px phone. */
.curriculum-product .ewl-course-nav { display: block; gap: 0; flex-wrap: nowrap; }
.curriculum-product .ewl-course-nav__inner { min-width: 0; }
.curriculum-product .ewl-course-nav ul { max-width: 100%; }

/* Breadcrumb rows and footer link lists are not inline text, so they get a
   44px target like every other control (they measured 19-22px tall). */
.curriculum-product footer a,
.curriculum-product .wrap > nav:not(.ewl-course-nav) a {
  display: inline-flex; align-items: center; min-height: 44px;
}
/* Desktop: brand, eight destinations and the page tools fit one row at the
   1180px course width. */
@media (min-width: 1051px) {
  .ewl-course-nav__inner { gap: 16px; }
  .ewl-course-nav .ewl-course-links li a { padding: 10px 8px; }
}

/* ===== /assets/dimension-surfaces.css ===== */
/* Dimensional surfaces for the Units, Arcade, Projects and teacher-tool hubs.
 *
 * Consumes assets/dimension.css (tokens, elevation, keycaps) and the generated
 * unit art at the end of this file. Page-level compositions only: the Units page
 * (stage, unit plates, raised lesson rows, resource disclosure) and the shared
 * "unit plate" pieces the Arcade cabinets reuse. Maths surfaces are untouched. */

/* ---------- Unit identity: one colour + one emblem per unit ---------- */
#unit-1, .dm-unit-1 { --uc: var(--unit-1); --uc-art: var(--unit-art-1); }
#unit-2, .dm-unit-2 { --uc: var(--unit-2); --uc-art: var(--unit-art-2); }
#unit-3, .dm-unit-3 { --uc: var(--unit-3); --uc-art: var(--unit-art-3); }
#unit-4, .dm-unit-4 { --uc: var(--unit-4); --uc-art: var(--unit-art-4); }
#unit-5, .dm-unit-5 { --uc: var(--unit-5); --uc-art: var(--unit-art-5); }
#unit-6, .dm-unit-6 { --uc: var(--unit-6); --uc-art: var(--unit-art-6); }
#unit-7, .dm-unit-7 { --uc: var(--unit-7); --uc-art: var(--unit-art-7); }
#unit-8, .dm-unit-8 { --uc: var(--unit-8); --uc-art: var(--unit-art-8); }
#unit-9, .dm-unit-9 { --uc: var(--unit-9); --uc-art: var(--unit-art-9); }
#unit-10, .dm-unit-10 { --uc: var(--unit-10); --uc-art: var(--unit-art-10); }

/* ---------- Units page: shell bar ---------- */
body.curriculum-units-page .curriculum-header {
  background: linear-gradient(180deg, #ffffff, #f4efe2);
  border-bottom: 1px solid var(--dm-line);
  box-shadow: var(--dm-lit), 0 8px 20px -10px rgb(13 39 61 / 0.45);
}
body.curriculum-units-page .curriculum-nav-link[aria-current="page"] {
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.2);
}

/* ---------- Units page: the stage ---------- */
body.curriculum-product.curriculum-units-page .units-page-head {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  max-width: var(--course-width, 1180px);
  margin: 22px auto 14px;
  padding: clamp(24px, 3.6vw, 40px) min(38%, 440px) clamp(22px, 3vw, 34px) clamp(20px, 4vw, 44px);
  border: 1px solid var(--dm-line);
  border-radius: 28px;
  background:
    radial-gradient(60% 120% at 86% 45%, rgb(31 166 162 / 0.2), transparent 62%),
    linear-gradient(135deg, #ffffff, #f6efde);
  box-shadow: var(--dm-e3);
}
body.curriculum-units-page .units-page-head::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: clamp(6px, 2.4vw, 36px);
  top: clamp(14px, 2.4vw, 30px);
  width: min(36%, 400px);
  aspect-ratio: 3 / 2;
  background: var(--dm-art-units) center / contain no-repeat;
  filter: drop-shadow(0 18px 16px rgb(13 39 61 / 0.22));
  pointer-events: none;
}
body.curriculum-units-page .units-page-title {
  font-size: clamp(2.1rem, 4.6vw, 3.5rem);
  line-height: 1.02;
  margin-top: 0;
}
body.curriculum-units-page .units-page-eyebrow {
  color: var(--dm-teal-ink);
  font-weight: 700;
}
body.curriculum-units-page .units-page-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid rgb(23 50 77 / 0.22);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.18);
  text-decoration: none;
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
body.curriculum-units-page .units-page-links a:hover {
  transform: translateY(-1px);
}
body.curriculum-units-page .units-page-links a:active {
  transform: translateY(2px);
  box-shadow: var(--dm-lit), 0 1px 0 rgb(23 50 77 / 0.2);
}
body.curriculum-units-page .units-page-links {
  gap: 10px 12px;
}
body.curriculum-product.curriculum-units-page .units-overview {
  border-top: 1px solid var(--dm-line);
  margin-top: 6px;
}
body.curriculum-units-page .units-overview .unit-jump-pill {
  border: 1px solid rgb(23 50 77 / 0.2);
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 2px 0 rgb(23 50 77 / 0.14);
}

/* ---------- Units page: today and discovery panels ---------- */
body.curriculum-units-page .units-today {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--dm-line);
  border-radius: var(--dm-radius);
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
  box-shadow: var(--dm-e2);
}
body.curriculum-units-page .units-today::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: linear-gradient(90deg, var(--dm-brass), #d9a73a);
  box-shadow: inset -1px 0 0 rgb(13 39 61 / 0.18);
}
body.curriculum-product.curriculum-units-page .units-discovery {
  border: 1px solid var(--dm-line);
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
  box-shadow: var(--dm-e2);
}
/* Fields are wells cut into the surface. */
body.curriculum-units-page :is(#curr-search, .select-control, #units-browser-select) {
  border: 1px solid rgb(23 50 77 / 0.3);
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: inset 0 2px 4px rgb(13 39 61 / 0.12), 0 1px 0 rgb(255 255 255 / 0.9);
}
body.curriculum-units-page .units-browser-paging button {
  border: 1px solid rgb(23 50 77 / 0.22);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.18);
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
body.curriculum-units-page .units-browser-paging button:active:not(:disabled) {
  transform: translateY(2px);
  box-shadow: var(--dm-lit), 0 1px 0 rgb(23 50 77 / 0.2);
}
body.curriculum-units-page .units-browser-paging button:disabled {
  box-shadow: none;
}

/* ---------- Unit plates ---------- */
body.curriculum-product.curriculum-units-page .unit-card {
  --uc: var(--dm-teal-ink);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--dm-line);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
  box-shadow: var(--dm-e2);
}
body.curriculum-units-page .unit-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 1;
  height: 8px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--uc) 70%, #ffffff), var(--uc));
  box-shadow: inset 0 -1px 0 rgb(13 39 61 / 0.25);
}
body.curriculum-product.curriculum-units-page .unit-card-header {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr) minmax(0, auto);
  align-items: center;
  gap: 8px 28px;
  padding: 34px 28px 24px;
  border: 0;
  border-bottom: 1px solid var(--dm-line);
  border-radius: 0;
  box-shadow: none;
  background:
    radial-gradient(70% 150% at 0% 0%, color-mix(in srgb, var(--uc) 18%, transparent), transparent 70%),
    linear-gradient(180deg, #ffffff, #fbf8f1);
}
body.curriculum-units-page .unit-card-header::before {
  content: "";
  grid-column: 1;
  width: 168px;
  aspect-ratio: 3 / 2;
  background: var(--uc-art, none) center / contain no-repeat;
}
body.curriculum-product.curriculum-units-page .unit-card-num {
  font-family: var(--dm-font-body);
  color: var(--dm-teal-ink);
}
body.curriculum-product.curriculum-units-page .unit-card-name {
  font-family: var(--dm-font-display);
  color: var(--dm-night);
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  line-height: 1.08;
}
body.curriculum-units-page .unit-progress-bar {
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgb(23 50 77 / 0.16), rgb(23 50 77 / 0.06));
  box-shadow: inset 0 2px 3px rgb(13 39 61 / 0.28);
  overflow: hidden;
}
body.curriculum-units-page .unit-progress-fill {
  background: linear-gradient(180deg, color-mix(in srgb, var(--uc) 60%, #ffffff), var(--uc));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.5);
}
body.curriculum-units-page .unit-card-now {
  box-shadow: 0 2px 0 rgb(0 0 0 / 0.25);
}

/* ---------- Disclosure keycaps (resources, more options, show more) ---------- */
body.curriculum-units-page :is(.units-resource-drawer, .units-lesson-options, .lesson-outline-rest) > summary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 12px 0;
  padding: 8px 16px;
  border: 1px solid rgb(23 50 77 / 0.22);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  color: var(--course-blue, #175da0);
  font-weight: 700;
  list-style: none;
  cursor: pointer;
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.18);
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
body.curriculum-units-page :is(.units-resource-drawer, .units-lesson-options, .lesson-outline-rest) > summary::-webkit-details-marker {
  display: none;
}
body.curriculum-units-page :is(.units-resource-drawer, .units-lesson-options, .lesson-outline-rest) > summary::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2.5px solid currentColor;
  border-bottom: 2.5px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.18s var(--dm-ease);
}
body.curriculum-units-page :is(.units-resource-drawer, .units-lesson-options, .lesson-outline-rest)[open] > summary::before {
  transform: rotate(45deg);
}
body.curriculum-units-page :is(.units-resource-drawer, .units-lesson-options, .lesson-outline-rest) > summary:active {
  transform: translateY(2px);
  box-shadow: var(--dm-lit), 0 1px 0 rgb(23 50 77 / 0.2);
}
body.curriculum-units-page .units-resource-drawer .unit-resources-row {
  padding: 14px;
  border-radius: 14px;
  background: rgb(23 50 77 / 0.04);
  box-shadow: inset 0 2px 4px rgb(13 39 61 / 0.08);
}
body.curriculum-units-page .lesson-outline-rest > summary {
  margin: 4px 0 0;
}
body.curriculum-units-page .lesson-outline-rest .less,
body.curriculum-units-page .lesson-outline-rest[open] .more {
  display: none;
}
body.curriculum-units-page .lesson-outline-rest[open] .less {
  display: inline;
}
body.curriculum-units-page .lesson-outline-rest > .lesson-outline-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

/* ---------- Lesson controls: segmented keycaps ---------- */
body.curriculum-units-page .units-lesson-heading {
  font-family: var(--dm-font-display);
  color: var(--dm-night);
}
body.curriculum-units-page .units-lesson-pathways button,
body.curriculum-units-page :is(.units-lesson-actions, .units-lesson-paging) a,
body.curriculum-units-page :is(.units-lesson-actions, .units-lesson-paging) button {
  border: 1px solid rgb(23 50 77 / 0.26);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.18);
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
body.curriculum-units-page .units-lesson-pathways button:active,
body.curriculum-units-page :is(.units-lesson-actions, .units-lesson-paging) :is(a, button):active {
  transform: translateY(2px);
  box-shadow: var(--dm-lit), 0 1px 0 rgb(23 50 77 / 0.2);
}
body.curriculum-units-page .units-lesson-pathways button[aria-pressed="true"] {
  background: linear-gradient(180deg, #17897f, var(--dm-teal-ink));
  border-color: #07514d;
  color: #ffffff;
  transform: translateY(2px);
  box-shadow: inset 0 2px 4px rgb(0 0 0 / 0.35), 0 1px 0 #07514d;
}
body.curriculum-units-page .units-lesson-actions .units-open-lesson {
  background: linear-gradient(180deg, #17897f, var(--dm-teal-ink));
  border-color: #07514d;
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.32), 0 3px 0 #07514d, 0 10px 16px -8px rgb(7 81 77 / 0.7);
}

/* ---------- Lesson resource rows: raised items in a recessed tray ---------- */
body.curriculum-units-page .lesson-outline-group {
  padding: 14px;
  border-radius: 16px;
  background: rgb(23 50 77 / 0.04);
  box-shadow: inset 0 2px 5px rgb(13 39 61 / 0.1);
}
body.curriculum-units-page .lesson-outline-item > a:not(.scorm-dl) {
  border: 1px solid var(--dm-line);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
  box-shadow: var(--dm-e1);
  transition: transform 0.16s var(--dm-ease), box-shadow 0.16s var(--dm-ease);
}
body.curriculum-units-page .lesson-outline-item > a:not(.scorm-dl):hover {
  transform: translateY(-2px);
  box-shadow: var(--dm-e2);
  background: linear-gradient(180deg, #ffffff, #f3f8fc);
}
body.curriculum-units-page .lesson-outline-item .progress-check {
  width: 44px;
  height: 44px;
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.2);
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
body.curriculum-units-page .lesson-outline-item .progress-check[aria-pressed="true"] {
  background: linear-gradient(180deg, #17897f, var(--dm-teal-ink));
  border-color: #07514d;
  color: #ffffff;
  transform: translateY(2px);
  box-shadow: inset 0 2px 3px rgb(0 0 0 / 0.35), 0 1px 0 #07514d;
}
body.curriculum-units-page .lesson-outline-item:has(.progress-check[aria-pressed="true"]) > a:not(.scorm-dl) {
  border-color: rgb(12 111 107 / 0.55);
  background: linear-gradient(180deg, #f3fbf9, #e4f4f1);
}
body.curriculum-units-page .lesson-outline-item .outline-more > summary,
body.curriculum-units-page .lesson-outline-item .btn-hw-quick-qr {
  box-shadow: var(--dm-lit), 0 2px 0 rgb(23 50 77 / 0.16);
}

/* ---------- Narrow screens ---------- */
@media (max-width: 760px) {
  body.curriculum-product.curriculum-units-page .units-page-head {
    margin-inline: 12px;
    padding-right: clamp(20px, 4vw, 44px);
  }
  body.curriculum-units-page .units-page-head::after {
    position: static;
    display: block;
    width: min(70%, 240px);
    margin: 14px auto 0;
    z-index: auto;
  }
  body.curriculum-product.curriculum-units-page .unit-card-header {
    grid-template-columns: 112px minmax(0, 1fr);
    padding: 30px 20px 20px;
    gap: 8px 16px;
  }
  body.curriculum-units-page .unit-card-header::before {
    width: 112px;
  }
  body.curriculum-units-page .unit-card-header > .unit-card-meta {
    grid-column: 1 / -1;
  }
}
@media (max-width: 420px) {
  body.curriculum-product.curriculum-units-page .unit-card-header {
    grid-template-columns: minmax(0, 1fr);
  }
  body.curriculum-units-page .unit-card-header::before {
    width: 140px;
  }
}

/* ---------- Motion, contrast ---------- */
@media (prefers-reduced-motion: reduce) {
  body.curriculum-units-page * {
    transition-duration: 0.01ms !important;
  }
  body.curriculum-units-page :is(a, button, summary):is(:hover, :active) {
    transform: none;
  }
}
@media (prefers-contrast: more), (forced-colors: active) {
  body.curriculum-units-page :is(.unit-card, .units-today, .units-discovery, .lesson-outline-item > a, .units-page-head) {
    box-shadow: none;
    border: 2px solid currentColor;
  }
  body.curriculum-units-page :is(.units-page-head::after, .unit-card-header::before) {
    display: none;
  }
}

/* ---------- Projects gallery (/curriculum/projects/, /math/projects/) ----------
   Ceramic tiles: a unit-lit band with the unit's isometric emblem, the family drawing
   lit from the upper left on its own plate, keycap actions. Markup and behaviour are
   generated (tools/lib/projects-gallery.mjs) and untouched; only presentation here. */
.pg-card[data-unit="1"] { --pg-emblem: var(--unit-art-1); }
.pg-card[data-unit="2"] { --pg-emblem: var(--unit-art-2); }
.pg-card[data-unit="3"] { --pg-emblem: var(--unit-art-3); }
.pg-card[data-unit="4"] { --pg-emblem: var(--unit-art-4); }
.pg-card[data-unit="5"] { --pg-emblem: var(--unit-art-5); }
.pg-card[data-unit="6"] { --pg-emblem: var(--unit-art-6); }
.pg-card[data-unit="7"] { --pg-emblem: var(--unit-art-7); }
.pg-card[data-unit="8"] { --pg-emblem: var(--unit-art-8); }
.pg-card[data-unit="9"] { --pg-emblem: var(--unit-art-9); }
.pg-card[data-unit="10"] { --pg-emblem: var(--unit-art-10); }
.pg-math {
  background:
    radial-gradient(1100px 520px at 8% -6%, rgb(31 166 162 / 0.11), transparent 62%),
    linear-gradient(var(--dm-paper), var(--dm-paper-2));
}
.pg-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(22px, 3.6vw, 40px) min(38%, 400px) clamp(18px, 3vw, 30px) clamp(20px, 4vw, 44px);
  border: 1px solid var(--dm-line);
  border-radius: 28px;
  background:
    radial-gradient(60% 120% at 88% 45%, rgb(31 166 162 / 0.2), transparent 62%),
    linear-gradient(135deg, #ffffff, #f6efde);
  box-shadow: var(--dm-e3);
}
.pg-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: clamp(6px, 2.4vw, 36px);
  top: clamp(14px, 2.4vw, 30px);
  width: min(34%, 380px);
  aspect-ratio: 3 / 2;
  background: var(--dm-art-projects) center / contain no-repeat;
  filter: drop-shadow(0 18px 16px rgb(13 39 61 / 0.22));
}
.pg-hero h1 {
  font-family: var(--dm-font-display);
  color: var(--dm-night);
  letter-spacing: -0.015em;
}
.pg-tools {
  border: 1px solid var(--dm-line);
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
  box-shadow: var(--dm-e2);
}
.pg-field :is(input, select) {
  border: 1px solid rgb(23 50 77 / 0.3);
  border-radius: 12px;
  box-shadow: inset 0 2px 4px rgb(13 39 61 / 0.12), 0 1px 0 rgb(255 255 255 / 0.9);
}
.pg-card {
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
  box-shadow: var(--dm-e2);
  transition: box-shadow 0.22s var(--dm-ease), transform 0.22s var(--dm-ease);
}
.pg-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--dm-e3);
}
.pg-card.has-saved {
  box-shadow: 0 0 0 3px #f0c4a8, var(--dm-e2);
}
.pg-card > article::before {
  content: "";
  flex: none;
  height: 84px;
  border-bottom: 1px solid var(--dm-line);
  background:
    var(--pg-emblem, none) 14px center / auto var(--pg-emblem-h, 0) no-repeat,
    radial-gradient(50% 150% at 8% 50%, color-mix(in srgb, var(--pg-unit) var(--pg-glow, 0%), transparent), transparent 75%),
    repeating-linear-gradient(90deg, rgb(23 50 77 / 0.05) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(0deg, rgb(23 50 77 / 0.05) 0 1px, transparent 1px 24px),
    linear-gradient(180deg, #ffffff, #fbf8f1);
}
.pg-card:is([data-unit="1"], [data-unit="2"], [data-unit="3"], [data-unit="4"], [data-unit="5"], [data-unit="6"], [data-unit="7"], [data-unit="8"], [data-unit="9"], [data-unit="10"]) {
  --pg-emblem-h: 72px;
  --pg-glow: 22%;
}
.pg-art {
  position: relative;
  margin: 14px 14px 0;
  border: 1px solid var(--dm-line);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--dm-e1);
}
.pg-art::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgb(255 255 255 / 0.5), transparent 42%, rgb(13 39 61 / 0.08));
}
.pg-chip {
  box-shadow: var(--dm-lit), 0 2px 0 rgb(23 50 77 / 0.1);
}
.pg .pg-btn,
.pg-dialog .pg-btn {
  border: 1px solid rgb(23 50 77 / 0.26);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.18);
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
.pg .pg-btn:hover,
.pg-dialog .pg-btn:hover {
  transform: translateY(-1px);
}
.pg .pg-btn:active,
.pg-dialog .pg-btn:active {
  transform: translateY(2px);
  box-shadow: var(--dm-lit), 0 1px 0 rgb(23 50 77 / 0.2);
}
.pg a.pg-primary,
.pg-dialog a.pg-primary {
  background: linear-gradient(180deg, #17897f, var(--dm-teal-ink));
  border-color: #07514d;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.32), 0 3px 0 #07514d;
}
.pg a.pg-primary:hover,
.pg-dialog a.pg-primary:hover {
  background: linear-gradient(180deg, #1b9a8f, #0f7e78);
}
.pg a.pg-continue,
.pg-dialog a.pg-continue {
  background: linear-gradient(180deg, #c9532f, var(--pg-orange));
  border-color: #7d2610;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.28), 0 3px 0 #7d2610;
}
.pg-ver,
.pg-ver-this {
  border-radius: 12px;
}
.pg-dialog {
  border-radius: 24px;
  box-shadow: var(--dm-e3);
}

@media (max-width: 760px) {
  .pg-hero {
    padding-right: clamp(20px, 4vw, 44px);
  }
  :is(.pg-hero, .tools-page .tools-hero)::after {
    position: static;
    display: block;
    width: min(70%, 240px);
    margin: 14px auto 0;
    z-index: auto;
  }
}

/* ---------- Arcade (/curriculum/arcade/): unit cabinets ---------- */
.arcade-discovery .adventure-hero {
  border: 1px solid rgb(255 255 255 / 0.16);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 4px 8px rgb(13 39 61 / 0.12), 0 36px 60px -22px rgb(13 39 61 / 0.55);
}
.arcade-discovery .adventure-hero-actions a {
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.5), 0 3px 0 rgb(0 0 0 / 0.32);
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
.arcade-discovery .adventure-hero-actions a:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.3), 0 1px 0 rgb(0 0 0 / 0.32);
}
.arcade-discovery :is(.start-here, .finder, .citadel-card) {
  border: 1px solid var(--dm-line);
  border-radius: 20px;
  box-shadow: var(--dm-e2);
}
.arcade-discovery .start-here {
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
}
.arcade-discovery :is(.unit-filter, .unit-tools button) {
  border-radius: 12px;
  border-width: 1px;
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.18);
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
.arcade-discovery .unit-filter[aria-pressed="true"] {
  background: linear-gradient(180deg, #1f5b8f, #15487f);
  transform: translateY(2px);
  box-shadow: inset 0 2px 4px rgb(0 0 0 / 0.35), 0 1px 0 #0d2f52;
}
.arcade-discovery #arcade-find {
  border-radius: 12px;
  box-shadow: inset 0 2px 4px rgb(13 39 61 / 0.12), 0 1px 0 rgb(255 255 255 / 0.9);
}
/* Each unit is a cabinet: a lit marquee with the unit's emblem, then the games on a tray. */
.arcade-discovery .unit-block {
  margin: 14px 0 8px;
}
.arcade-discovery .unit-toggle {
  min-height: 78px;
  padding: 10px 16px 10px 122px;
  border: 1px solid var(--dm-line);
  border-left: 8px solid var(--uc, var(--dm-teal-ink));
  border-radius: 18px;
  background:
    var(--uc-art, none) 14px center / auto 60px no-repeat,
    radial-gradient(40% 160% at 6% 50%, color-mix(in srgb, var(--uc, var(--dm-teal)) 20%, transparent), transparent 75%),
    linear-gradient(180deg, #ffffff, #fbf8f1);
  box-shadow: var(--dm-e2);
  transition: transform 0.2s var(--dm-ease), box-shadow 0.2s var(--dm-ease);
}
.arcade-discovery .unit-toggle:hover {
  transform: translateY(-3px);
  box-shadow: var(--dm-e3);
}
.arcade-discovery .unit-toggle:active {
  transform: translateY(-1px);
  box-shadow: var(--dm-e2);
}
.arcade-discovery .unit-toggle[aria-expanded="true"] {
  border-radius: 18px 18px 0 0;
}
.arcade-discovery .unit-head {
  font-family: var(--dm-font-display);
  color: var(--dm-night);
}
.arcade-discovery .unit-block > .grid {
  border: 1px solid var(--dm-line);
  border-left: 8px solid var(--uc, var(--dm-teal-ink));
  border-radius: 0 0 18px 18px;
  background: rgb(23 50 77 / 0.04);
  box-shadow: inset 0 3px 6px rgb(13 39 61 / 0.1);
}
.arcade-discovery .unit-block .card {
  border-top: 5px solid var(--uc, var(--dm-teal-ink));
}
/* The card art bleeds to the card edges; a global img max-width kept it 44px short. */
.arcade-discovery .card .adventure-card-art {
  max-width: none;
}
.arcade-discovery :is(.unit-count, .unit-chip) {
  font-family: var(--dm-font-body);
}
.arcade-discovery .arcade-world-label {
  color: var(--dm-teal-ink);
}
@media (max-width: 560px) {
  .arcade-discovery .unit-toggle {
    flex-wrap: wrap;
    min-height: 64px;
    gap: 4px 8px;
    padding: 8px 12px 8px 62px;
    background-position: 8px center, 0 0, 0 0;
    background-size: auto 40px, auto, auto;
  }
  .arcade-discovery .unit-toggle :is(.unit-chip, .unit-count) {
    white-space: nowrap;
  }
  .arcade-discovery .unit-toggle .unit-count {
    margin-left: 0;
    font-size: 0.8rem;
  }
  .arcade-discovery .unit-toggle .unit-caret {
    margin-left: auto;
  }
}

/* ---------- Pacing Planner chrome (/curriculum/planning/): header, desk and keycaps only ---------- */
body:has(> .planning-wrap) {
  background-color: var(--dm-paper-2);
  background-image:
    radial-gradient(1100px 520px at 8% -6%, rgb(31 166 162 / 0.11), transparent 62%),
    linear-gradient(var(--dm-paper), var(--dm-paper-2));
  background-attachment: fixed;
}
.planning-wrap .pp-header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--dm-line);
  border-radius: 24px;
  background:
    radial-gradient(50% 130% at 92% 40%, rgb(31 166 162 / 0.16), transparent 62%),
    linear-gradient(135deg, #ffffff, #f6efde);
  box-shadow: var(--dm-e2);
}
.planning-wrap .pp-title h1 {
  font-family: var(--dm-font-display);
  color: var(--dm-night);
}
.planning-wrap .pp-btn {
  border: 1px solid rgb(23 50 77 / 0.26);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f1ece0);
  box-shadow: var(--dm-lit), 0 3px 0 rgb(23 50 77 / 0.18);
  transition: transform 0.12s var(--dm-ease), box-shadow 0.12s var(--dm-ease);
}
.planning-wrap .pp-btn:active:not([disabled]) {
  transform: translateY(2px);
  box-shadow: var(--dm-lit), 0 1px 0 rgb(23 50 77 / 0.2);
}
.planning-wrap .pp-btn-primary {
  border-color: #07514d;
  background: linear-gradient(180deg, #17897f, var(--dm-teal-ink));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.32), 0 3px 0 #07514d;
}
.planning-wrap .pp-btn[disabled] {
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .planning-wrap .pp-btn:active {
    transform: none;
  }
}

/* ---------- Reality Lab: its title sits on the dark brand band ----------
   The shared headline colour (dimension.css) is navy ink, which vanishes on that band. */
body.curriculum-product .lab-header :is(h1, h2) {
  color: var(--ewl-brand-ink, #ffffff);
}

/* ---------- Motion and contrast for the surfaces above ---------- */
@media (prefers-reduced-motion: reduce) {
  :is(.pg-card, .pg-btn, .unit-toggle, .unit-filter) {
    transition-duration: 0.01ms !important;
  }
  :is(.pg-card, .pg .pg-btn, .unit-toggle):is(:hover, :active) {
    transform: none;
  }
}
@media (prefers-contrast: more), (forced-colors: active) {
  :is(.pg-card, .pg-tools, .pg-hero, .arcade-discovery .unit-toggle, .arcade-discovery .unit-block > .grid) {
    box-shadow: none;
    border: 2px solid currentColor;
  }
  :is(.pg-hero::after, .pg-card > article::before) {
    display: none;
  }
}

/* unit-art:begin (generated by tools/generate-unit-art.mjs; do not hand-edit) */
:root {
  --unit-art-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='70.4,39 143.8,81.3 97.6,108 24.2,65.6'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='70.4,42.7 137.3,81.3 97.6,104.3 30.7,65.6'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='70.4,46.2 131.2,81.3 97.6,100.8 36.8,65.6'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='43.2,69.1 97.6,100.5 97.6,97 43.2,65.6'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='124.8,84.8 97.6,100.5 97.6,97 124.8,81.3'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='70.4,50 124.8,81.3 97.6,97 43.2,65.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23316f62' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='52.8,63.3 66.3,71.1 66.3,55.4 52.8,47.6'/%3E%3Cpolygon fill='%232a544a' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='79.9,63.3 66.3,71.1 66.3,55.4 79.9,47.6'/%3E%3Cpolygon fill='%238caea7' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='66.3,39.8 79.9,47.6 66.3,55.4 52.8,47.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='52.8,47.6 66.3,55.4 66.3,39.8 52.8,31.9'/%3E%3Cpolygon fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='79.9,47.6 66.3,55.4 66.3,39.8 79.9,31.9'/%3E%3Cpolygon fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='66.3,24.1 79.9,31.9 66.3,39.8 52.8,31.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='52.8,31.9 66.3,39.8 66.3,24.1 52.8,16.2'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='79.9,31.9 66.3,39.8 66.3,24.1 79.9,16.2'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='66.3,8.4 79.9,16.2 66.3,24.1 52.8,16.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23316f62' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='66.3,71.1 79.9,79 79.9,63.3 66.3,55.4'/%3E%3Cpolygon fill='%232a544a' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='93.5,71.1 79.9,79 79.9,63.3 93.5,55.4'/%3E%3Cpolygon fill='%238caea7' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='79.9,47.6 93.5,55.4 79.9,63.3 66.3,55.4'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='66.3,55.4 79.9,63.3 79.9,47.6 66.3,39.8'/%3E%3Cpolygon fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='93.5,55.4 79.9,63.3 79.9,47.6 93.5,39.8'/%3E%3Cpolygon fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='79.9,31.9 93.5,39.8 79.9,47.6 66.3,39.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23316f62' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='79.9,79 93.5,86.8 93.5,71.1 79.9,63.3'/%3E%3Cpolygon fill='%232a544a' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='107.1,79 93.5,86.8 93.5,71.1 107.1,63.3'/%3E%3Cpolygon fill='%238caea7' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='93.5,55.4 107.1,63.3 93.5,71.1 79.9,63.3'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='66.3' cy='10.3' r='6.3'/%3E%3Ccircle fill='%23e8b23f' cx='65.7' cy='9.5' r='5.4'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='64.6' cy='8.3' r='2.6'/%3E%3C/g%3E%3C/svg%3E");
  --unit-art-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='60.8,24.1 156.6,79.5 107.2,108 11.4,52.6'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='60.8,28.1 149.7,79.5 107.2,104 18.3,52.6'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='60.8,31.9 143.2,79.5 107.2,100.3 24.8,52.6'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='31.7,56.3 107.2,99.9 107.2,96.3 31.7,52.6'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='136.3,83.2 107.2,99.9 107.2,96.3 136.3,79.5'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='60.8,35.9 136.3,79.5 107.2,96.3 31.7,52.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f6fa3' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='40.4,51 52,57.7 52,40.9 40.4,34.2'/%3E%3Cpolygon fill='%23295478' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='69.5,47.6 52,57.7 52,40.9 69.5,30.8'/%3E%3Cpolygon fill='%238baecb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='57.9,24.1 69.5,30.8 52,40.9 40.4,34.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f6fa3' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='54.9,59.4 66.6,66.1 66.6,32.5 54.9,25.8'/%3E%3Cpolygon fill='%23295478' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='84,56 66.6,66.1 66.6,32.5 84,22.5'/%3E%3Cpolygon fill='%238baecb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='72.4,15.7 84,22.5 66.6,32.5 54.9,25.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='69.5,67.7 81.1,74.5 81.1,20.8 69.5,14.1'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='98.5,64.4 81.1,74.5 81.1,20.8 98.5,10.7'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='86.9,4 98.5,10.7 81.1,20.8 69.5,14.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f6fa3' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='84,76.1 95.6,82.8 95.6,45.9 84,39.2'/%3E%3Cpolygon fill='%23295478' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='113.1,72.8 95.6,82.8 95.6,45.9 113.1,35.9'/%3E%3Cpolygon fill='%238baecb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='101.4,29.2 113.1,35.9 95.6,45.9 84,39.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f6fa3' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='98.5,84.5 110.1,91.2 110.1,67.7 98.5,61'/%3E%3Cpolygon fill='%23295478' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='127.6,81.2 110.1,91.2 110.1,67.7 127.6,57.7'/%3E%3Cpolygon fill='%238baecb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='116,51 127.6,57.7 110.1,67.7 98.5,61'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='57.9,39.2 130.5,81.2 130.5,80.2 57.9,38.2'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='131.9,80.3 130.5,81.2 130.5,80.2 131.9,79.3'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='59.3,37.4 131.9,79.3 130.5,80.2 57.9,38.2'/%3E%3C/g%3E%3C/svg%3E");
  --unit-art-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='65.8,9.8 164,66.5 102.2,102.2 4,45.5'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='65.8,13.7 157.3,66.5 102.2,98.3 10.7,45.5'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='65.8,17.3 151,66.5 102.2,94.7 17,45.5'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='23.6,49 102.2,94.4 102.2,90.8 23.6,45.5'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='144.4,70.1 102.2,94.4 102.2,90.8 144.4,66.5'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='65.8,21.2 144.4,66.5 102.2,90.8 23.6,45.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23b5562b' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='51,32.9 65.8,41.4 65.8,30.1 51,21.6'/%3E%3Cpolygon fill='%23874324' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='80.5,32.9 65.8,41.4 65.8,30.1 80.5,21.6'/%3E%3Cpolygon fill='%23d6a088' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='65.8,13.1 80.5,21.6 65.8,30.1 51,21.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23b5562b' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='67.9,42.6 82.6,51.1 82.6,39.8 67.9,31.3'/%3E%3Cpolygon fill='%23874324' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='97.3,42.6 82.6,51.1 82.6,39.8 97.3,31.3'/%3E%3Cpolygon fill='%23d6a088' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='82.6,22.8 97.3,31.3 82.6,39.8 67.9,31.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='32.8,43.4 47.5,51.9 47.5,40.6 32.8,32.1'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='62.2,43.4 47.5,51.9 47.5,40.6 62.2,32.1'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='47.5,23.6 62.2,32.1 47.5,40.6 32.8,32.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='49.6,53.2 64.4,61.7 64.4,50.3 49.6,41.8'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='79.1,53.2 64.4,61.7 64.4,50.3 79.1,41.8'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='64.4,33.3 79.1,41.8 64.4,50.3 49.6,41.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='66.5,62.9 81.2,71.4 81.2,60.1 66.5,51.5'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='95.9,62.9 81.2,71.4 81.2,60.1 95.9,51.5'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='81.2,43 95.9,51.5 81.2,60.1 66.5,51.5'/%3E%3C/g%3E%3C/svg%3E");
  --unit-art-4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='84,10.7 164,56.9 84,103.1 4,56.9'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='84,14.5 157.4,56.9 84,99.3 10.6,56.9'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='84,18 151.3,56.9 84,95.7 16.7,56.9'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='23.3,60.4 84,95.4 84,91.9 23.3,56.9'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='144.7,60.4 84,95.4 84,91.9 144.7,56.9'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='84,21.8 144.7,56.9 84,91.9 23.3,56.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='23.3,56.9 84,91.9 84,87.8 23.3,52.7'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='144.7,56.9 84,91.9 84,87.8 144.7,52.7'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='84,17.7 144.7,52.7 84,87.8 23.3,52.7'/%3E%3C/g%3E%3Cg%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='84,17.7 23.3,52.7'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='90.1,21.2 29.4,56.2'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='96.1,24.7 35.4,59.7'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='102.2,28.2 41.5,63.2'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='108.3,31.7 47.6,66.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='114.3,35.2 53.7,70.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='120.4,38.7 59.7,73.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='126.5,42.2 65.8,77.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='132.6,45.7 71.9,80.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='138.6,49.2 77.9,84.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='144.7,52.7 84,87.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='84,17.7 144.7,52.7'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='77.9,21.2 138.6,56.2'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='71.9,24.7 132.6,59.7'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='65.8,28.2 126.5,63.2'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='59.7,31.7 120.4,66.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='53.7,35.2 114.3,70.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='47.6,38.7 108.3,73.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='41.5,42.2 102.2,77.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='35.4,45.7 96.1,80.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='29.4,49.2 90.1,84.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='23.3,52.7 84,87.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23b3402a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='53.7,35.2 84,52.7 84,44 53.7,26.5'/%3E%3Cpolygon fill='%23853323' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='114.3,35.2 84,52.7 84,44 114.3,26.5'/%3E%3Cpolygon fill='%23d49488' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='84,8.9 114.3,26.5 84,44 53.7,26.5'/%3E%3C/g%3E%3Ctext fill='%230d273d' fill-opacity='.82' font-family='Georgia,serif' font-weight='700' text-anchor='middle' transform='matrix(8.55 4.94 -8.55 4.94 79.17 29.24)' font-size='1'%3E25%25%3C/text%3E%3C/svg%3E");
  --unit-art-5: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='76.9,20.5 159.8,68.4 91.1,108 8.2,60.1'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='76.9,24.4 153,68.4 91.1,104.1 15,60.1'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='76.9,28.1 146.6,68.4 91.1,100.4 21.4,60.1'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='28.2,63.8 91.1,100.1 91.1,96.4 28.2,60.1'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='139.8,72 91.1,100.1 91.1,96.4 139.8,68.4'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='76.9,32.1 139.8,68.4 91.1,96.4 28.2,60.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='59.7,45.3 74,53.5 74,37 59.7,28.8'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='88.3,45.3 74,53.5 74,37 88.3,28.8'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='74,20.5 88.3,28.8 74,37 59.7,28.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='59.7,28.8 74,37 74,20.5 59.7,12.3'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='88.3,28.8 74,37 74,20.5 88.3,12.3'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='74,4 88.3,12.3 74,20.5 59.7,12.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='45.4,53.5 59.7,61.8 59.7,45.3 45.4,37'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='74,53.5 59.7,61.8 59.7,45.3 74,37'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='59.7,28.8 74,37 59.7,45.3 45.4,37'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='45.4,37 59.7,45.3 59.7,28.8 45.4,20.5'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='74,37 59.7,45.3 59.7,28.8 74,20.5'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='59.7,12.3 74,20.5 59.7,28.8 45.4,20.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='74,53.5 88.3,61.8 88.3,45.3 74,37'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='102.6,53.5 88.3,61.8 88.3,45.3 102.6,37'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='88.3,28.8 102.6,37 88.3,45.3 74,37'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='74,37 88.3,45.3 88.3,28.8 74,20.5'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='102.6,37 88.3,45.3 88.3,28.8 102.6,20.5'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='88.3,12.3 102.6,20.5 88.3,28.8 74,20.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='59.7,61.8 74,70 74,53.5 59.7,45.3'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='88.3,61.8 74,70 74,53.5 88.3,45.3'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='74,37 88.3,45.3 74,53.5 59.7,45.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='88.3,61.8 102.6,70 102.6,53.5 88.3,45.3'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='116.9,61.8 102.6,70 102.6,53.5 116.9,45.3'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='102.6,37 116.9,45.3 102.6,53.5 88.3,45.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='59.7,45.3 74,53.5 74,37 59.7,28.8'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='88.3,45.3 74,53.5 74,37 88.3,28.8'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='74,20.5 88.3,28.8 74,37 59.7,28.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='88.3,45.3 102.6,53.5 102.6,37 88.3,28.8'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='116.9,45.3 102.6,53.5 102.6,37 116.9,28.8'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='102.6,20.5 116.9,28.8 102.6,37 88.3,28.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='74,70 88.3,78.3 88.3,61.8 74,53.5'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='102.6,70 88.3,78.3 88.3,61.8 102.6,53.5'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='88.3,45.3 102.6,53.5 88.3,61.8 74,53.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='74,53.5 88.3,61.8 88.3,45.3 74,37'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='102.6,53.5 88.3,61.8 88.3,45.3 102.6,37'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='88.3,28.8 102.6,37 88.3,45.3 74,37'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='82.6,84.9 94,91.5 94,78.3 82.6,71.7'/%3E%3Cpolygon fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='105.4,84.9 94,91.5 94,78.3 105.4,71.7'/%3E%3Cpolygon fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='94,65.1 105.4,71.7 94,78.3 82.6,71.7'/%3E%3C/g%3E%3C/svg%3E");
  --unit-art-6: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='66.9,9.8 164,65.9 101.1,102.2 4,46.1'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='66.9,13.7 157.2,65.9 101.1,98.3 10.8,46.1'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='66.9,17.4 150.8,65.9 101.1,94.6 17.2,46.1'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='24,49.7 101.1,94.3 101.1,90.6 24,46.1'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='144,69.5 101.1,94.3 101.1,90.6 144,65.9'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='66.9,21.4 144,65.9 101.1,90.6 24,46.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23a8792a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='49.7,34.6 101.1,64.2 101.1,57.6 49.7,28'/%3E%3Cpolygon fill='%237d5b23' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='116.9,55.2 101.1,64.2 101.1,57.6 116.9,48.6'/%3E%3Cpolygon fill='%23ceb488' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='65.4,18.9 116.9,48.6 101.1,57.6 49.7,28'/%3E%3C/g%3E%3Ctext fill='%230d273d' fill-opacity='.82' font-family='Georgia,serif' font-weight='700' text-anchor='middle' transform='matrix(12.86 7.42 -12.86 7.42 80.86 39.67)' font-size='1'%3Ex%3C/text%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='30.4,45.7 45.4,54.4 45.4,47.8 30.4,39.1'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='60.4,45.7 45.4,54.4 45.4,47.8 60.4,39.1'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='45.4,30.4 60.4,39.1 45.4,47.8 30.4,39.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='47.6,55.6 62.6,64.2 62.6,57.6 47.6,49'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='77.6,55.6 62.6,64.2 62.6,57.6 77.6,49'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='62.6,40.3 77.6,49 62.6,57.6 47.6,49'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='64.7,65.5 79.7,74.1 79.7,67.5 64.7,58.9'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='94.7,65.5 79.7,74.1 79.7,67.5 94.7,58.9'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='79.7,50.2 94.7,58.9 79.7,67.5 64.7,58.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='107.6,67.1 122.6,75.8 122.6,69.2 107.6,60.5'/%3E%3Cpolygon fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='137.6,67.1 122.6,75.8 122.6,69.2 137.6,60.5'/%3E%3Cpolygon fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='122.6,51.9 137.6,60.5 122.6,69.2 107.6,60.5'/%3E%3C/g%3E%3C/svg%3E");
  --unit-art-7: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='84,9.8 164,56 84,102.2 4,56'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='84,13.2 158,56 84,98.8 10,56'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='84,16.5 152.5,56 84,95.5 15.6,56'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='21.5,59.2 84,95.3 84,92.1 21.5,56'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='146.5,59.2 84,95.3 84,92.1 146.5,56'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='84,19.9 146.5,56 84,92.1 21.5,56'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='21.5,56 84,92.1 84,88.9 21.5,52.8'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='146.5,56 84,92.1 84,88.9 146.5,52.8'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='84,16.7 146.5,52.8 84,88.9 21.5,52.8'/%3E%3C/g%3E%3Cg%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='84,16.7 21.5,52.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='91.8,21.3 29.3,57.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='99.6,25.8 37.1,61.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='107.4,30.3 44.9,66.4'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='115.3,34.8 52.8,70.9'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='123.1,39.3 60.6,75.4'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='130.9,43.8 68.4,79.9'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='138.7,48.3 76.2,84.4'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='146.5,52.8 84,88.9'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='84,16.7 146.5,52.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='76.2,21.3 138.7,57.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='68.4,25.8 130.9,61.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='60.6,30.3 123.1,66.4'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='52.8,34.8 115.3,70.9'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='44.9,39.3 107.4,75.4'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='37.1,43.8 99.6,79.9'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='29.3,48.3 91.8,84.4'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='21.5,52.8 84,88.9'/%3E%3C/g%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.2' stroke-width='.4' points='55.3,34.6 115.3,69.3 112.7,70.7 52.8,36.1'/%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.2' stroke-width='.4' points='112.8,34.6 115.3,36.1 55.3,70.7 52.8,69.3'/%3E%3Cg%3E%3Ccircle fill='%23345384' cx='110.3' cy='45.8' r='5.2'/%3E%3Ccircle fill='%233f6db5' cx='109.7' cy='45.1' r='4.4'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='108.8' cy='44.1' r='2.2'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='52.8' cy='44.3' r='5.2'/%3E%3Ccircle fill='%23e8b23f' cx='52.2' cy='43.7' r='4.4'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='51.3' cy='42.7' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
  --unit-art-8: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='64.2,30.8 150.9,80.8 103.8,108 17.1,57.9'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='64.2,34.2 145,80.8 103.8,104.6 23,57.9'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='64.2,37.4 139.5,80.8 103.8,101.4 28.5,57.9'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='34.4,61.1 103.8,101.1 103.8,98 34.4,57.9'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='133.6,84 103.8,101.1 103.8,98 133.6,80.8'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='64.2,40.8 133.6,80.8 103.8,98 34.4,57.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='70.4,68.7 85.2,77.2 85.2,57.2 70.4,48.6'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='97.6,70.1 85.2,77.2 85.2,57.2 97.6,50.1'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='82.8,41.5 97.6,50.1 85.2,57.2 70.4,48.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='45.6,22.9 112.5,61.5 112.5,58.4 45.6,19.7'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='122.4,55.8 112.5,61.5 112.5,58.4 122.4,52.6'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='55.5,14 122.4,52.6 112.5,58.4 45.6,19.7'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23a34a6b' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='50.6,21.2 61.7,27.6 61.7,14.7 50.6,8.3'/%3E%3Cpolygon fill='%237a3a50' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='69.1,23.3 61.7,27.6 61.7,14.7 69.1,10.4'/%3E%3Cpolygon fill='%23cb9aac' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='58,4 69.1,10.4 61.7,14.7 50.6,8.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23a34a6b' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='61.7,27.6 72.9,34 72.9,21.2 61.7,14.7'/%3E%3Cpolygon fill='%237a3a50' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='80.3,29.7 72.9,34 72.9,21.2 80.3,16.9'/%3E%3Cpolygon fill='%23cb9aac' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='69.1,10.4 80.3,16.9 72.9,21.2 61.7,14.7'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='97.6,48.3 111.3,56.2 111.3,30.5 97.6,22.6'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='118.7,51.9 111.3,56.2 111.3,30.5 118.7,26.2'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='105.1,18.3 118.7,26.2 111.3,30.5 97.6,22.6'/%3E%3C/g%3E%3C/svg%3E");
  --unit-art-9: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='58.4,12 164,72.9 109.6,104.3 4,43.4'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='58.4,16.4 156.4,72.9 109.6,99.9 11.6,43.4'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='58.4,20.5 149.2,72.9 109.6,95.8 18.8,43.4'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='26.4,47.4 109.6,95.5 109.6,91.4 26.4,43.4'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='141.6,77 109.6,95.5 109.6,91.4 141.6,72.9'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='58.4,24.9 141.6,72.9 109.6,91.4 26.4,43.4'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23557a2f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='37.6,40.6 55.2,50.8 55.2,37.8 37.6,27.7'/%3E%3Cpolygon fill='%23435c26' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='71.2,41.5 55.2,50.8 55.2,37.8 71.2,28.6'/%3E%3Cpolygon fill='%23a0b58b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='53.6,18.4 71.2,28.6 55.2,37.8 37.6,27.7'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23557a2f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='56.8,51.7 74.4,61.8 74.4,36 56.8,25.8'/%3E%3Cpolygon fill='%23435c26' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='90.4,52.6 74.4,61.8 74.4,36 90.4,26.7'/%3E%3Cpolygon fill='%23a0b58b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='72.8,16.6 90.4,26.7 74.4,36 56.8,25.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23557a2f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='76,62.8 93.6,72.9 93.6,34.1 76,24'/%3E%3Cpolygon fill='%23435c26' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='109.6,63.7 93.6,72.9 93.6,34.1 109.6,24.9'/%3E%3Cpolygon fill='%23a0b58b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='92,14.7 109.6,24.9 93.6,34.1 76,24'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23557a2f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='95.2,73.9 112.8,84 112.8,32.3 95.2,22.1'/%3E%3Cpolygon fill='%23435c26' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='128.8,74.8 112.8,84 112.8,32.3 128.8,23'/%3E%3Cpolygon fill='%23a0b58b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='111.2,12.9 128.8,23 112.8,32.3 95.2,22.1'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='53.6' cy='18.2' r='5'/%3E%3Ccircle fill='%23e8b23f' cx='53.1' cy='17.6' r='4.3'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='52.2' cy='16.6' r='2.1'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='72.8' cy='16.4' r='5'/%3E%3Ccircle fill='%23e8b23f' cx='72.3' cy='15.8' r='4.3'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='71.4' cy='14.8' r='2.1'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='92' cy='14.6' r='5'/%3E%3Ccircle fill='%23e8b23f' cx='91.5' cy='13.9' r='4.3'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='90.6' cy='12.9' r='2.1'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='111.2' cy='12.7' r='5'/%3E%3Ccircle fill='%23e8b23f' cx='110.7' cy='12.1' r='4.3'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='109.8' cy='11.1' r='2.1'/%3E%3C/g%3E%3C/svg%3E");
  --unit-art-10: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 112' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='71.4,15.7 163.9,69.2 96.6,108 4.1,54.6'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='71.4,19.6 157.2,69.2 96.6,104.1 10.8,54.6'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='71.4,23.2 151,69.2 96.6,100.5 17,54.6'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='23.7,58.1 96.6,100.2 96.6,96.7 23.7,54.6'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='144.3,72.7 96.6,100.2 96.6,96.7 144.3,69.2'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='71.4,27.1 144.3,69.2 96.6,96.7 23.7,54.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%235b6470' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='43.3,46.5 65.8,59.4 65.8,33.5 43.3,20.6'/%3E%3Cpolygon fill='%23484d54' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='88.2,46.5 65.8,59.4 65.8,33.5 88.2,20.6'/%3E%3Cpolygon fill='%23a3a8af' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='65.8,7.6 88.2,20.6 65.8,33.5 43.3,20.6'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' d='M80.8 44.9V64.3A15.9 9.2 0 0 0 96.6 73.5V44.9Z'/%3E%3Cpath fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' d='M96.6 44.9V73.5A15.9 9.2 0 0 0 112.5 64.3V44.9Z'/%3E%3Cellipse fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' cx='96.6' cy='44.9' rx='15.9' ry='9.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='58.8,68.3 92.4,87.8 92.4,79.7 58.8,60.2'/%3E%3Cpolygon fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='105,80.5 92.4,87.8 92.4,79.7 105,72.4'/%3E%3Cpolygon fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='71.4,53 105,72.4 92.4,79.7 58.8,60.2'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23182a3b' cx='65.8' cy='12.5' r='8.5'/%3E%3Ccircle fill='%2317324d' cx='64.9' cy='11.5' r='7.3'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='63.4' cy='9.8' r='3.6'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-units: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='108.9,19.5 354,161 251.1,220.5 6,79'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='108.9,27.2 340.7,161 251.1,212.8 19.3,79'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='108.9,34.5 328.1,161 251.1,205.5 31.9,79'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='45.2,79 251.1,197.8 251.1,190.7 45.2,71.9'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='314.8,161 251.1,197.8 251.1,190.7 314.8,154'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='108.9,35.1 314.8,154 251.1,190.7 45.2,71.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23316f62' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='64.8,67.6 82,77.6 82,60.6 64.8,50.7'/%3E%3Cpolygon fill='%232a544a' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='118.7,56.3 82,77.6 82,60.6 118.7,39.3'/%3E%3Cpolygon fill='%238caea7' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='101.6,29.4 118.7,39.3 82,60.6 64.8,50.7'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f6fa3' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='83.9,78.7 101.1,88.6 101.1,63.7 83.9,53.8'/%3E%3Cpolygon fill='%23295478' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='137.8,67.4 101.1,88.6 101.1,63.7 137.8,42.5'/%3E%3Cpolygon fill='%238baecb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='120.7,32.6 137.8,42.5 101.1,63.7 83.9,53.8'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23b5562b' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='103,89.7 120.2,99.6 120.2,66.8 103,56.9'/%3E%3Cpolygon fill='%23874324' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='157,78.4 120.2,99.6 120.2,66.8 157,45.6'/%3E%3Cpolygon fill='%23d6a088' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='139.8,35.7 157,45.6 120.2,66.8 103,56.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23b3402a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='122.2,100.8 139.3,110.7 139.3,69.9 122.2,60'/%3E%3Cpolygon fill='%23853323' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='176.1,89.4 139.3,110.7 139.3,69.9 176.1,48.7'/%3E%3Cpolygon fill='%23d49488' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='158.9,38.8 176.1,48.7 139.3,69.9 122.2,60'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f8a8a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='141.3,111.8 158.4,121.7 158.4,73 141.3,63.1'/%3E%3Cpolygon fill='%23296766' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='195.2,100.5 158.4,121.7 158.4,73 195.2,51.8'/%3E%3Cpolygon fill='%238bbdbd' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='178,41.9 195.2,51.8 158.4,73 141.3,63.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23a8792a' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='160.4,122.8 177.5,132.7 177.5,76.1 160.4,66.2'/%3E%3Cpolygon fill='%237d5b23' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='214.3,111.5 177.5,132.7 177.5,76.1 214.3,54.9'/%3E%3Cpolygon fill='%23ceb488' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='197.2,45 214.3,54.9 177.5,76.1 160.4,66.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%233f6db5' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='179.5,133.9 196.7,143.8 196.7,79.3 179.5,69.3'/%3E%3Cpolygon fill='%23345384' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='233.4,122.5 196.7,143.8 196.7,79.3 233.4,58'/%3E%3Cpolygon fill='%2393add6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='216.3,48.1 233.4,58 196.7,79.3 179.5,69.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23a34a6b' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='198.6,144.9 215.8,154.8 215.8,82.4 198.6,72.5'/%3E%3Cpolygon fill='%237a3a50' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='252.5,133.6 215.8,154.8 215.8,82.4 252.5,61.1'/%3E%3Cpolygon fill='%23cb9aac' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='235.4,51.2 252.5,61.1 215.8,82.4 198.6,72.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23557a2f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='217.7,155.9 234.9,165.8 234.9,85.5 217.7,75.6'/%3E%3Cpolygon fill='%23435c26' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='271.7,144.6 234.9,165.8 234.9,85.5 271.7,64.3'/%3E%3Cpolygon fill='%23a0b58b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='254.5,54.3 271.7,64.3 234.9,85.5 217.7,75.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%235b6470' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='236.9,167 254,176.9 254,88.6 236.9,78.7'/%3E%3Cpolygon fill='%23484d54' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='290.8,155.7 254,176.9 254,88.6 290.8,67.4'/%3E%3Cpolygon fill='%23a3a8af' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='273.6,57.5 290.8,67.4 254,88.6 236.9,78.7'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='270.7' cy='62.8' r='8.9'/%3E%3Ccircle fill='%23e8b23f' cx='269.8' cy='61.8' r='7.7'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='268.2' cy='60' r='3.7'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-projects: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='163.2,19.5 354,129.7 196.8,220.5 6,110.3'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='163.2,28.4 338.7,129.7 196.8,211.6 21.3,110.3'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='163.2,36.7 324.4,129.7 196.8,203.3 35.6,110.3'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='50.9,110.3 196.8,194.5 196.8,186.4 50.9,102.2'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='309.1,129.7 196.8,194.5 196.8,186.4 309.1,121.6'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='163.2,37.4 309.1,121.6 196.8,186.4 50.9,102.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='90.2,89.2 174.4,137.8 174.4,134.6 90.2,86'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='247.4,95.7 174.4,137.8 174.4,134.6 247.4,92.5'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='163.2,43.8 247.4,92.5 174.4,134.6 90.2,86'/%3E%3C/g%3E%3Cg%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='163.2,43.8 90.2,86'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='177.2,51.9 104.2,94.1'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='191.2,60 118.3,102.2'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='205.3,68.2 132.3,110.3'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='219.3,76.3 146.3,118.4'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='233.3,84.4 160.4,126.5'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='247.4,92.5 174.4,134.6'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='163.2,43.8 247.4,92.5'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='149.1,51.9 233.3,100.6'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='135.1,60 219.3,108.7'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='121.1,68.2 205.3,116.8'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='107,76.3 191.2,124.9'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='93,84.4 177.2,133'/%3E%3C/g%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.2' stroke-width='.4' points='157.5,59.7 208.1,88.9 204.7,90.8 154.2,61.7'/%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.2' stroke-width='.4' points='140.7,69.4 174.4,88.9 171,90.8 137.3,71.4'/%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='208.1,124.9 244.5,145.9 244.5,103.8 208.1,82.7'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='281,124.9 244.5,145.9 244.5,103.8 281,82.7'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='244.5,61.7 281,82.7 244.5,103.8 208.1,82.7'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='222.1,82.7 244.5,95.7 244.5,69.8 222.1,56.8'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='267,82.7 244.5,95.7 244.5,69.8 267,56.8'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='244.5,43.8 267,56.8 244.5,69.8 222.1,56.8'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' d='M174.2 120V155.6A19.8 11.5 0 0 0 194 167.1V120Z'/%3E%3Cpath fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' d='M194 120V167.1A19.8 11.5 0 0 0 213.9 155.6V120Z'/%3E%3Cellipse fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' cx='194' cy='120' rx='19.8' ry='11.5'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='81.8,103.8 154.7,145.9 154.7,136.2 81.8,94.1'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='163.2,141.1 154.7,145.9 154.7,136.2 163.2,131.3'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='90.2,89.2 163.2,131.3 154.7,136.2 81.8,94.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='154.7,145.9 166,152.4 166,142.7 154.7,136.2'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='174.4,147.5 166,152.4 166,142.7 174.4,137.8'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='163.2,131.3 174.4,137.8 166,142.7 154.7,136.2'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-arcade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='157.4,45.1 343.6,152.6 202.6,234 16.4,126.5'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='157.4,53.9 328.3,152.6 202.6,225.1 31.7,126.5'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='157.4,62.3 313.8,152.6 202.6,216.8 46.2,126.5'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='61.5,126.5 202.6,207.9 202.6,199.8 61.5,118.4'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='298.5,152.6 202.6,207.9 202.6,199.8 298.5,144.4'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='157.4,63 298.5,144.4 202.6,199.8 61.5,118.4'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='132,123.3 194.1,159.1 194.1,87.4 132,51.6'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='244.9,129.8 194.1,159.1 194.1,87.4 244.9,58.1'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='182.8,22.3 244.9,58.1 194.1,87.4 132,51.6'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='132,51.6 194.1,87.4 194.1,71.1 132,35.3'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='244.9,58.1 194.1,87.4 194.1,71.1 244.9,41.8'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='182.8,6 244.9,41.8 194.1,71.1 132,35.3'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='120.8,107 171.5,136.3 171.5,129.8 120.8,100.5'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='188.5,126.5 171.5,136.3 171.5,129.8 188.5,120'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='137.7,90.7 188.5,120 171.5,129.8 120.8,100.5'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='141.9' cy='94.1' r='7.5'/%3E%3Ccircle fill='%23e8b23f' cx='141.2' cy='93.2' r='6.5'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='139.8' cy='91.7' r='3.2'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%231e7b77' cx='161.7' cy='107.1' r='5.8'/%3E%3Ccircle fill='%231fa6a2' cx='161.1' cy='106.4' r='5'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='160' cy='105.3' r='2.4'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23296385' cx='172.9' cy='113.6' r='5.8'/%3E%3Ccircle fill='%232f84b6' cx='172.4' cy='113' r='5'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='171.3' cy='111.8' r='2.4'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='81.3,113.5 106.7,128.1 106.7,98.8 81.3,84.2'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='132,113.5 106.7,128.1 106.7,98.8 132,84.2'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='106.7,69.5 132,84.2 106.7,98.8 81.3,84.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='194.1,172.1 216.7,185.1 216.7,159.1 194.1,146.1'/%3E%3Cpolygon fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='239.2,172.1 216.7,185.1 216.7,159.1 239.2,146.1'/%3E%3Cpolygon fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='216.7,133 239.2,146.1 216.7,159.1 194.1,146.1'/%3E%3C/g%3E%3C/svg%3E");
  --dm-art-teacher: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' aria-hidden='true'%3E%3Cpolygon fill='%230d273d' fill-opacity='0.07' points='156.8,19.5 354,133.4 203.2,220.5 6,106.6'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.08' points='156.8,28.6 338.2,133.4 203.2,211.4 21.8,106.6'/%3E%3Cpolygon fill='%230d273d' fill-opacity='0.1' points='156.8,37.2 323.4,133.4 203.2,202.8 36.6,106.6'/%3E%3Cg%3E%3Cpolygon fill='%23ece6d6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='52.4,106.6 203.2,193.7 203.2,185.3 52.4,98.2'/%3E%3Cpolygon fill='%23ada89b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='307.6,133.4 203.2,193.7 203.2,185.3 307.6,125'/%3E%3Cpolygon fill='%23f4f1e8' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='156.8,38 307.6,125 203.2,185.3 52.4,98.2'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%2317324d' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='69.8,98.2 139.4,138.4 139.4,133.7 69.8,93.5'/%3E%3Cpolygon fill='%23182a3b' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='226.4,88.2 139.4,138.4 139.4,133.7 226.4,83.5'/%3E%3Cpolygon fill='%237d8c9b' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='156.8,43.3 226.4,83.5 139.4,133.7 69.8,93.5'/%3E%3C/g%3E%3Cg%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='156.8,48.3 78.5,93.5'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='169.9,55.9 91.6,101.1'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='182.9,63.4 104.6,108.6'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='196,70.9 117.7,116.1'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='209,78.5 130.7,123.7'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='156.8,48.3 217.7,83.5'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='143.8,55.9 204.7,91'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='130.7,63.4 191.6,98.6'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='117.7,70.9 178.6,106.1'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='104.6,78.5 165.5,113.6'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='91.6,86 152.5,121.2'/%3E%3Cpolyline fill='none' stroke='%2317324d' stroke-opacity='.2' stroke-width='.45' points='78.5,93.5 139.4,128.7'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='194.5,116.7 210.5,125.9 210.5,99.1 194.5,89.9'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='245.3,105.8 210.5,125.9 210.5,99.1 245.3,79'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='229.3,69.8 245.3,79 210.5,99.1 194.5,89.9'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%232f84b6' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='214.8,128.4 230.8,137.6 230.8,87.4 214.8,78.1'/%3E%3Cpolygon fill='%23296385' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='265.6,117.5 230.8,137.6 230.8,87.4 265.6,67.3'/%3E%3Cpolygon fill='%238bbad6' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='249.6,58.1 265.6,67.3 230.8,87.4 214.8,78.1'/%3E%3C/g%3E%3Cg%3E%3Cpolygon fill='%23e8b23f' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' points='235.1,140.1 251.1,149.3 251.1,75.6 235.1,66.4'/%3E%3Cpolygon fill='%23aa8331' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' points='285.9,129.2 251.1,149.3 251.1,75.6 285.9,55.5'/%3E%3Cpolygon fill='%23f2d493' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' points='269.9,46.3 285.9,55.5 251.1,75.6 235.1,66.4'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%231fa6a2' stroke='%230d273d' stroke-opacity='.16' stroke-width='.5' stroke-linejoin='round' d='M158.6 110V140.1A18.5 10.7 0 0 0 177.1 150.7V110Z'/%3E%3Cpath fill='%231e7b77' stroke='%230d273d' stroke-opacity='.2' stroke-width='.5' stroke-linejoin='round' d='M177.1 110V150.7A18.5 10.7 0 0 0 195.6 140.1V110Z'/%3E%3Cellipse fill='%2382cdcb' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round' cx='177.1' cy='110' rx='18.5' ry='10.7'/%3E%3C/g%3E%3Cg%3E%3Ccircle fill='%23aa8331' cx='211.9' cy='143.4' r='14.1'/%3E%3Ccircle fill='%23e8b23f' cx='210.5' cy='141.8' r='12.1'/%3E%3Ccircle fill='%23ffffff' fill-opacity='.55' cx='208' cy='138.9' r='5.9'/%3E%3C/g%3E%3C/svg%3E");
}
/* unit-art:end */