/* Site-owned shared stylesheet. Used by public pages and Learn. */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/learn/fonts/plus-jakarta-sans-400.woff2") format("woff2");}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/learn/fonts/plus-jakarta-sans-500.woff2") format("woff2");}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/learn/fonts/plus-jakarta-sans-600.woff2") format("woff2");}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/learn/fonts/plus-jakarta-sans-700.woff2") format("woff2");}
@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url("/learn/fonts/newsreader-400.woff2") format("woff2");}
@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url("/learn/fonts/newsreader-600.woff2") format("woff2");}
@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url("/learn/fonts/newsreader-400-italic.woff2") format("woff2");}

:root {
  --sc-font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --sc-font-serif: Newsreader, Georgia, serif;
  --sc-colour-ink: #1C1917;
  --sc-colour-purple: #3E2360;
  --sc-colour-surface: #FAF9F7;
  --sc-colour-border: #E5E0D8;
}
body { font-family: var(--sc-font-sans); background: var(--sc-colour-surface); color: var(--sc-colour-ink); }
html[data-site-chrome] #scRemix, html[data-site-chrome] #scRemix .font-sans { font-family: var(--sc-font-sans) !important; color: var(--sc-colour-ink); }
html[data-site-chrome] #scRemix .font-serif, html[data-site-chrome] #scRemix .font-serif-title { font-family: var(--sc-font-serif) !important; }
html[data-site-chrome] #scRemix [data-sc-live="learning"] { font-family: var(--sc-font-sans); font-size: 1rem; line-height: 1.6; }
html[data-site-chrome] #scRemix [data-sc-live="learning"] .ux3-card { padding: 1.5rem; border-color: var(--sc-colour-border); border-radius: 1rem; box-shadow: none; }
html[data-site-chrome] #scRemix [data-sc-live="learning"] .ux3-card h3 { font-family: var(--sc-font-sans); font-size: 1.125rem; line-height: 1.5; font-weight: 600; color: var(--sc-colour-purple); margin: 0 0 .75rem; }
html[data-site-chrome] #scRemix [data-sc-live="learning"] .ux3-card h3:not(:first-child) { margin-top: 2rem; }
html[data-site-chrome] #scRemix [data-sc-live="learning"] .ux3-learn { gap: 1.5rem; }
html[data-site-chrome] #scRemix [data-sc-live="learning"] p { font-family: inherit; line-height: 1.6; }
/* Shared page typography for the site and its Learn application frame. */
.sc-page-frame,
html[data-site-chrome] #scRemix .sc-page-frame {
  box-sizing: border-box;
  width: 100%;
  max-width: 80rem;
  margin-inline: auto;
  padding: 2.5rem 1rem;
}
.sc-page-header,
html[data-site-chrome] #scRemix .sc-page-header {
  margin: 0 0 2rem;
  padding: 0;
  border: 0;
  background: transparent;
}
.sc-page-title,
html[data-site-chrome] #scRemix .sc-page-title {
  font-family: var(--sc-font-serif) !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em;
  color: #1A1A1A;
  margin: 0;
}
.sc-page-title--inverse { color: #fff; }
.sc-page-lead,
html[data-site-chrome] #scRemix .sc-page-lead {
  font-family: var(--sc-font-sans);
  font-size: 16px !important;
  font-weight: 400;
  line-height: 24px !important;
  color: #4F5459;
  max-width: 48rem;
  margin: .75rem 0 0;
}
@media (min-width:640px) {
  .sc-page-frame, html[data-site-chrome] #scRemix .sc-page-frame { padding-inline: 1.5rem; }
  .sc-page-title, html[data-site-chrome] #scRemix .sc-page-title { font-size: 38px !important; }
}
@media (min-width:1024px) {
  .sc-page-frame, html[data-site-chrome] #scRemix .sc-page-frame { padding-inline: 2rem; }
}

/* Readability scale shared by public pages, app views, and shadow-root chrome. */
:root, :host {
  --sc-text-body: 1rem;
  --sc-text-caption: .875rem;
}
body, .sc-chrome-root { font-size: var(--sc-text-body); line-height: 1.6; }
.text-xs, .text-sm,
html[data-site-chrome] #scRemix .text-xs,
html[data-site-chrome] #scRemix .text-sm {
  font-size: var(--sc-text-body) !important;
  line-height: 1.6 !important;
}
[class~="text-[9px]"], [class~="text-[10px]"], [class~="text-[11px]"],
[class~="text-[12px]"], [class~="text-[13px]"] {
  font-size: var(--sc-text-caption) !important;
  line-height: 1.5 !important;
}
html[data-site-chrome] #scRemix :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, button),
input:not([type="checkbox"]):not([type="radio"]), textarea, select, button {
  font-family: var(--sc-font-sans);
  font-size: max(1rem, 1em) !important;
  line-height: 1.5 !important;
}
html[data-site-chrome] #scRemix label, label { font-size: 1rem !important; line-height: 1.5 !important; }
html[data-site-chrome] #scRemix { font-size: 1rem !important; line-height: 1.6; }
html[data-site-chrome] #scRemix :is(.hint, .small, .tiny, .sc-netlabel, small) {
  font-size: var(--sc-text-caption) !important;
  line-height: 1.5 !important;
}
html[data-site-chrome] #scRemix [style*="font-size:9px"],
html[data-site-chrome] #scRemix [style*="font-size: 9px"],
html[data-site-chrome] #scRemix [style*="font-size:10px"],
html[data-site-chrome] #scRemix [style*="font-size: 10px"],
html[data-site-chrome] #scRemix [style*="font-size:11px"],
html[data-site-chrome] #scRemix [style*="font-size: 11px"],
html[data-site-chrome] #scRemix [style*="font-size:12px"],
html[data-site-chrome] #scRemix [style*="font-size: 12px"],
html[data-site-chrome] #scRemix [style*="font-size:13px"],
html[data-site-chrome] #scRemix [style*="font-size: 13px"],
html[data-site-chrome] #scRemix [style*="font-size:14px"],
html[data-site-chrome] #scRemix [style*="font-size: 14px"],
html[data-site-chrome] #scRemix [style*="font-size:15px"],
html[data-site-chrome] #scRemix [style*="font-size: 15px"] { font-size: 1rem !important; line-height: 1.6 !important; }