:root {
  
  --pc-radius: 10px;
  --pc-gap: 22px;
  --pc-pad: clamp(18px, 3vw, 30px);

  
  --pc-fill-a: #101216;
  --pc-fill-b: #14171C;
  --pc-edge: rgba(var(--i-accent-rgb, 225, 173, 102), 0.30);
  --pc-edge-strong: rgba(var(--i-accent-rgb, 225, 173, 102), 0.45);
  --pc-ground-a: #08080A;
  --pc-ground-b: #0D0E12;
}

:root[data-theme="light"] {
  --pc-fill-a: #FFFFFF;
  --pc-fill-b: #FCFAF6;
  --pc-ground-a: #EDE8DE;
  --pc-ground-b: #F4F1EA;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --pc-fill-a: #FFFFFF;
    --pc-fill-b: #FCFAF6;
    --pc-ground-a: #EDE8DE;
    --pc-ground-b: #F4F1EA;
  }
}


#page-root {
  background-image: linear-gradient(180deg, var(--pc-ground-a) 0%, var(--pc-ground-b) 100%) !important;
  background-attachment: fixed;
}


#page-root .pk-section,
#page-root .pk-panel,
#page-root .pmtSection,
#page-root .lndSection {
  background-image: linear-gradient(180deg, var(--pc-fill-a) 0%, var(--pc-fill-b) 100%) !important;
  border: 1px solid var(--pc-edge) !important;
  border-radius: var(--pc-radius) !important;
  padding: var(--pc-pad) !important;
  margin: 0 0 var(--pc-gap) !important;
  overflow: hidden;
}

#page-root .pk-section:last-child,
#page-root .pmtSection:last-child,
#page-root .lndSection:last-child {
  margin-bottom: 0 !important;
}


#page-root .pk-section .pk-panel,
#page-root .pk-section .pk-card {
  border: 1px solid rgba(var(--i-accent-rgb, 225, 173, 102), 0.18) !important;
  border-radius: 7px !important;
  padding: 16px 18px !important;
  margin: 0 !important;
}


#page-root .pk-masthead {
  border-bottom: 2px solid var(--pc-edge-strong) !important;
  border-radius: 0 !important;
}

#page-root .pk-footer {
  border-top: 2px solid var(--pc-edge-strong) !important;
  border-radius: 0 !important;
  margin-top: var(--pc-gap) !important;
}


#page-root .pk-section {
  position: relative;
}

#page-root .pk-section + .pk-section::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: calc(var(--pc-gap) / -2 - 1px);
  height: 1px;
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    var(--pc-edge) 22%,
    var(--pc-edge) 78%,
    transparent 100%) !important;
  pointer-events: none;
}


#page-root .pk-grid > *,
#page-root .pk-cardgrid > * {
  border-radius: 8px !important;
}


#page-root .acc-devdoor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 18px;
  padding: 16px 20px;
  background-image: linear-gradient(180deg, var(--pc-fill-a) 0%, var(--pc-fill-b) 100%) !important;
  border: 1px solid var(--pc-edge) !important;
  border-radius: var(--pc-radius) !important;
}

#page-root .acc-devdoor-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1 1 260px;
}

#page-root .acc-devdoor-text span {
  font-size: 12px;
  line-height: 1.5;
  color: var(--i-ink-3, #8D8781);
}

#page-root a.acc-devdoor-cta {
  flex: 0 0 auto;
  padding: 9px 16px;
  border: 1px solid var(--pc-edge-strong) !important;
  border-radius: 7px !important;
  text-decoration: none;
  white-space: nowrap;
}

#page-root a.acc-devdoor-cta:hover,
#page-root a.acc-devdoor-cta:focus-visible {
  background-image: linear-gradient(
    180deg,
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.14),
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.14)) !important;
}


@media (max-width: 767px) {
  :root {
    --pc-gap: 14px;
    --pc-pad: 16px;
  }

  #page-root .pk-section + .pk-section::before {
    left: 6%;
    right: 6%;
  }
}



:root {
  --pc-fill-a: #141B26;
  --pc-fill-b: #1B2431;
  --pc-edge: rgba(var(--i-accent-rgb, 225, 173, 102), 0.32);
  --pc-edge-strong: rgba(var(--i-accent-rgb, 225, 173, 102), 0.48);
  --pc-ground-a: #080C12;
  --pc-ground-b: #0F1620;
}

:root[data-theme="light"] {
  --pc-fill-a: #FFFFFF;
  --pc-fill-b: #FBF7F0;
  --pc-ground-a: #E8E1D4;
  --pc-ground-b: #F2EDE3;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --pc-fill-a: #FFFFFF;
    --pc-fill-b: #FBF7F0;
    --pc-ground-a: #E8E1D4;
    --pc-ground-b: #F2EDE3;
  }
}


#page-root .pk-section,
#page-root .pmtSection,
#page-root .lndSection {
  background-image: linear-gradient(
    180deg,
    var(--pc-fill-a) 0%,
    var(--pc-fill-a) 82%,
    var(--pc-fill-b) 100%) !important;
}


#page-root .pk-section > .pk-section-head,
#page-root .pk-panel > .pk-panel-head {
  background-image: linear-gradient(
    180deg,
    var(--pc-fill-b) 0%,
    var(--pc-fill-a) 100%) !important;
  border-bottom: 1px solid var(--pc-edge) !important;
  border-radius: var(--pc-radius) var(--pc-radius) 0 0;
}


#page-root .acc-devdoor {
  display: block;
  margin-top: 20px;
  padding: 0;
  background-image: none !important;
  border: 0 !important;
}

#page-root a.acc-devdoor-cta {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 13px 18px;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: 2px solid var(--pc-edge-strong) !important;
  border-radius: 9px !important;
  background-image: linear-gradient(
    180deg,
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.20),
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.12)) !important;
}

#page-root a.acc-devdoor-cta:hover,
#page-root a.acc-devdoor-cta:focus-visible {
  background-image: linear-gradient(
    180deg,
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.32),
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.22)) !important;
}

#page-root .acc-devdoor-why {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.55;
  color: var(--i-ink-3, #8D8781);
  text-align: center;
}




:root,
:root[data-theme="dark"],
:root[data-theme="dark"] #page-root {
  --mi-ink-2: #BAB3A9;
  --mi-ink-3: #9C968E;
  --mi-ink-4: #948E85;
  --i-ink-2:  #BAB3A9;
  --i-ink-3:  #9C968E;
  --i-ink-4:  #948E85;
  --pl-rule:      rgba(158, 176, 202, 0.22);
  --pl-rule-soft: rgba(158, 176, 202, 0.13);
  --pl-rule-loud: rgba(158, 176, 202, 0.34);
  --pl-r-panel: 8px;
  --pl-r-inner: 4px;
  --pl-s1: 6px;
  --pl-s2: 10px;
  --pl-s3: 16px;
  --pl-s4: 24px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mi-ink-2: #BAB3A9;
    --mi-ink-3: #9C968E;
    --mi-ink-4: #948E85;
    --i-ink-2:  #BAB3A9;
    --i-ink-3:  #9C968E;
    --i-ink-4:  #948E85;
  }
}

:root[data-theme="light"],
:root[data-theme="light"] #page-root {
  --mi-ink-2: #3E3830;
  --mi-ink-3: #5A5344;
  --mi-ink-4: #6A6252;
  --i-ink-2:  #3E3830;
  --i-ink-3:  #5A5344;
  --i-ink-4:  #6A6252;
  --pl-rule:      rgba(58, 46, 28, 0.24);
  --pl-rule-soft: rgba(58, 46, 28, 0.13);
  --pl-rule-loud: rgba(58, 46, 28, 0.38);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --mi-ink-2: #3E3830;
    --mi-ink-3: #5A5344;
    --mi-ink-4: #6A6252;
    --i-ink-2:  #3E3830;
    --i-ink-3:  #5A5344;
    --i-ink-4:  #6A6252;
    --pl-rule:      rgba(58, 46, 28, 0.24);
    --pl-rule-soft: rgba(58, 46, 28, 0.13);
    --pl-rule-loud: rgba(58, 46, 28, 0.38);
  }
}


#page-root [class][class].pk-eyebrow,
#page-root [class][class].pk-kick,
#page-root [class][class][class$="-eyebrow"] {
  font-size: calc(11px * var(--i-t-scale)) !important;   
  letter-spacing: 0.16em !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

#page-root [class][class].pk-badge,
#page-root [class][class].pk-chip {
  font-size: calc(11px * var(--i-t-scale)) !important;   
  letter-spacing: 0.04em !important;
  opacity: 1 !important;
}

#page-root [class][class].pk-footer-label {
  font-size: calc(11px * var(--i-t-scale)) !important;   
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  color: var(--i-ink-3) !important;
  opacity: 1 !important;
}

#page-root [class][class].pk-footer-link {
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
}


#page-root a:focus-visible,
#page-root button:focus-visible,
#page-root input:focus-visible,
#page-root select:focus-visible,
#page-root textarea:focus-visible,
#page-root summary:focus-visible,
#page-root [tabindex]:focus-visible,
#page-root [role="button"]:focus-visible,
#page-root [role="tab"]:focus-visible {
  outline: 2px solid var(--i-accent, #E1AD66) !important;
  outline-offset: 2px !important;
  border-radius: var(--pl-r-inner, 4px);
}

#page-root a,
#page-root button,
#page-root summary,
#page-root [tabindex] {
  scroll-margin-block: 96px;
}

#page-root ::selection {
  background: rgba(var(--i-accent-rgb, 225, 173, 102), 0.26);
  color: inherit;
}

#page-root input,
#page-root textarea,
#page-root [contenteditable] {
  caret-color: var(--i-accent, #E1AD66);
}

#page-root {
  accent-color: var(--i-accent, #E1AD66);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

:root[data-theme="dark"] #page-root { color-scheme: dark; }
:root[data-theme="light"] #page-root { color-scheme: light; }

#page-root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]),
#page-root select,
#page-root textarea {
  border: 1px solid var(--pl-rule, rgba(158, 176, 202, 0.22));
  border-radius: var(--pl-r-inner, 4px);
  padding: 9px 11px;
  min-height: 36px;
  font-family: inherit;
  font-size: 14px;
  color: var(--i-ink-1);
}

#page-root input:hover:not(:disabled),
#page-root select:hover:not(:disabled),
#page-root textarea:hover:not(:disabled) {
  border-color: var(--pl-rule-loud, rgba(158, 176, 202, 0.34));
}

#page-root input:focus,
#page-root select:focus,
#page-root textarea:focus {
  border-color: var(--i-accent, #E1AD66);
}

#page-root ::placeholder {
  color: var(--i-ink-3);
  opacity: 0.75;
}

#page-root input:-webkit-autofill {
  -webkit-text-fill-color: var(--i-ink-1) !important;
  caret-color: var(--i-accent, #E1AD66) !important;
}


#page-root button:not(:disabled),
#page-root [role="button"]:not([aria-disabled="true"]),
#page-root summary {
  cursor: pointer;
}

#page-root button:disabled,
#page-root [aria-disabled="true"],
#page-root [disabled] {
  cursor: not-allowed !important;
  opacity: 0.75 !important;
  filter: saturate(0.4);
}

#page-root ::-webkit-scrollbar { width: 11px; height: 11px; }
#page-root ::-webkit-scrollbar-track { background: transparent; }
#page-root ::-webkit-scrollbar-thumb {
  background: var(--pl-rule, rgba(158, 176, 202, 0.22));
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
#page-root ::-webkit-scrollbar-thumb:hover {
  background: var(--pl-rule-loud, rgba(158, 176, 202, 0.34));
  background-clip: padding-box;
}


#page-root .prose,
#page-root .pk-prose,
#page-root .pk-card > p,
#page-root article > p,
#page-root article > ul,
#page-root article > ol {
  max-width: 74ch;
}

#page-root p,
#page-root li {
  text-wrap: pretty;
}

#page-root h1,
#page-root h2,
#page-root h3,
#page-root h4 {
  text-wrap: balance;
}

#page-root h2,
#page-root h3 {
  margin-top: var(--pl-s4, 24px);
  margin-bottom: var(--pl-s2, 10px);
}

#page-root h2 + p,
#page-root h3 + p,
#page-root h2 + ul,
#page-root h3 + ul {
  margin-top: 0;
}

#page-root [id] {
  scroll-margin-top: 84px;
}


#page-root p > a,
#page-root li > a,
#page-root td > a,
#page-root dd > a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2.5px;
  text-decoration-color: rgba(var(--i-accent-rgb, 225, 173, 102), 0.45);
}

#page-root p > a:hover,
#page-root li > a:hover,
#page-root td > a:hover {
  text-decoration-color: var(--i-accent, #E1AD66);
}

#page-root a[class*="btn"],
#page-root a[class*="Btn"],
#page-root a[class*="card"],
#page-root a[class*="Card"],
#page-root a[role="button"],
#page-root nav a,
#page-root footer a[class*="footer-link"] {
  text-decoration: none !important;
}

#page-root p > a[href^="http"]::after,
#page-root li > a[href^="http"]::after {
  content: " ↗";
  font-size: 0.85em;
  opacity: 0.6;
  display: inline-block;
}


#page-root dl {
  display: grid;
  grid-template-columns: minmax(140px, 22%) 1fr;
  gap: var(--pl-s1, 6px) var(--pl-s3, 16px);
  align-items: baseline;
}

#page-root dl > dt { font-weight: 600; color: var(--i-ink-1); }
#page-root dl > dd { margin: 0; color: var(--i-ink-2); }

@media (max-width: 640px) {
  #page-root dl { grid-template-columns: minmax(0, 1fr); gap: 2px var(--pl-s3, 16px); }
  #page-root dl > dd { margin-bottom: var(--pl-s2, 10px); }
}


#page-root code,
#page-root kbd {
  font-family: var(--mi-fig, ui-monospace, monospace);
  font-size: 0.92em;
  padding: 0.12em 0.38em;
  border-radius: 3px;
  border: 1px solid var(--pl-rule-soft, rgba(158, 176, 202, 0.13));
  background-image: linear-gradient(
    rgba(158, 176, 202, 0.070), rgba(158, 176, 202, 0.070));
}

#page-root kbd { border-bottom-width: 2px; font-weight: 600; white-space: nowrap; }

#page-root pre {
  overflow-x: auto;
  padding: var(--pl-s3, 16px);
  border-radius: var(--pl-r-panel, 8px);
  border: 1px solid var(--pl-rule-soft, rgba(158, 176, 202, 0.13));
  background-image: linear-gradient(
    rgba(158, 176, 202, 0.055), rgba(158, 176, 202, 0.055));
  line-height: 1.55;
}

#page-root pre code {
  border: 0;
  padding: 0;
  background-image: none;
  font-size: 1em;
}


#page-root table {
  width: 100%;
  border-collapse: collapse;
}

#page-root td,
#page-root th {
  font-variant-numeric: tabular-nums lining-nums;
}


#page-root .pl-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 9999;
  padding: 10px 16px;
  border-radius: var(--pl-r-inner, 4px);
  font-weight: 600;
  text-decoration: none;
}

#page-root .pl-skip:focus {
  left: 12px;
  top: 12px;
  color: var(--i-ink-1) !important;
  background-image: linear-gradient(var(--mi-float-bg, #1B2431), var(--mi-float-bg, #1B2431)) !important;
  outline: 2px solid var(--i-accent, #E1AD66) !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

@media (prefers-reduced-motion: reduce) {
  #page-root *,
  #page-root *::before,
  #page-root *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

@media (forced-colors: active) {
  #page-root a:focus-visible,
  #page-root button:focus-visible {
    outline: 3px solid Highlight !important;
  }
}

@media print {
  #page-root nav,
  #page-root .pageNav,
  #page-root footer nav {
    display: none !important;
  }

  #page-root {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  #page-root .pk-card {
    break-inside: avoid;
  }

  
  #page-root .prose a[href^="http"]::after,
  #page-root p > a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.85em;
    word-break: break-all;
  }
}


:root,
:root #page-root {
  --i-t-xs: calc(11px * var(--i-t-scale));   
  --i-t-sm: calc(12px * var(--i-t-scale));   
}


#page-root a.lndBtn.primary,
#page-root .lndBtn.primary,
#page-root a[class][class].lndBtn.primary {
  border-width: 2px !important;
  border-color: var(--i-accent, #E1AD66) !important;
  color: var(--i-accent, #E1AD66) !important;
  font-weight: 600 !important;
  background-image: linear-gradient(140deg,
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.22) 0%,
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.12) 100%) !important;
}

#page-root a.lndBtn.primary:hover,
#page-root .lndBtn.primary:hover {
  background-image: linear-gradient(140deg,
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.32) 0%,
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.20) 100%) !important;
  outline: 1px solid rgba(var(--i-accent-rgb, 225, 173, 102), 0.45);
  outline-offset: 1px;
}


#page-root a.lndBtn:not(.primary),
#page-root .lndBtn:not(.primary) {
  color: var(--i-ink-2) !important;
  font-weight: 500 !important;
}

#page-root a.lndBtn:not(.primary):hover,
#page-root .lndBtn:not(.primary):hover {
  color: var(--i-ink-1) !important;
}


#page-root .lndHeroHint {
  font-size: calc(12.5px * var(--i-t-scale)) !important;   
  line-height: 1.6 !important;
  color: var(--i-ink-2) !important;
  max-width: 58ch;
  padding: 8px 12px;
  margin-left: -12px;
  border-radius: var(--pl-r-inner, 4px);
  backdrop-filter: brightness(0.55) saturate(0.9);
  -webkit-backdrop-filter: brightness(0.55) saturate(0.9);
}


#page-root .lndHeroLede,
#page-root .lndHero p:not(.lndHeroHint) {
  color: var(--i-ink-1) !important;
}


#page-root .lndHero {
  position: relative;
}

#page-root .lndHero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 96px;
  pointer-events: none;
  background-image: linear-gradient(
    to bottom,
    rgba(11, 15, 22, 0) 0%,
    rgba(11, 15, 22, 0.55) 55%,
    rgba(11, 15, 22, 0.92) 100%);
}

:root[data-theme="light"] #page-root .lndHero::after {
  background-image: linear-gradient(
    to bottom,
    rgba(242, 237, 227, 0) 0%,
    rgba(242, 237, 227, 0.55) 55%,
    rgba(242, 237, 227, 0.92) 100%);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) #page-root .lndHero::after {
    background-image: linear-gradient(
      to bottom,
      rgba(242, 237, 227, 0) 0%,
      rgba(242, 237, 227, 0.55) 55%,
      rgba(242, 237, 227, 0.92) 100%);
  }
}


#page-root .lndHeroHint {
  position: relative;
  isolation: isolate;
  
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 10px 18px;
  margin-left: -18px;
}

#page-root .lndHeroHint::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 10px;
  backdrop-filter: brightness(0.5) saturate(0.85);
  -webkit-backdrop-filter: brightness(0.5) saturate(0.85);
  
  mask-image:
    linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, black 22%, black 78%, transparent 100%);
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, black 22%, black 78%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-composite: source-in;
}


:root[data-theme="light"] #page-root .lndHeroHint::before {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) #page-root .lndHeroHint::before {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}


#page-root .lndHeroLede,
#page-root .lndHero > div > p,
#page-root .lndLede {
  text-wrap: balance;
  max-width: 52ch;
}


#page-root .pk-loading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  min-height: 116px;
}




#page-root .pk-empty:not(.is-empty) {
  border: 1px dashed var(--pl-rule, rgba(158, 176, 202, 0.22));
  border-radius: var(--pl-r-inner, 4px);
  padding: 18px 20px;
  margin: 12px 14px;
  text-align: center;
  color: var(--i-ink-3);
  font-size: 12.5px;
  line-height: 1.55;
  background-image: linear-gradient(
    rgba(158, 176, 202, 0.022), rgba(158, 176, 202, 0.022));
}

#page-root .pk-unavailable:not(.is-empty) {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px dashed rgba(var(--i-warn-rgb, 240, 136, 62), 0.42);
  border-radius: var(--pl-r-inner, 4px);
  padding: 14px 16px;
  margin: 12px 14px;
  background-image: linear-gradient(
    rgba(var(--i-warn-rgb, 240, 136, 62), 0.045),
    rgba(var(--i-warn-rgb, 240, 136, 62), 0.045));
}


#page-root .pk-unavailable .pk-warn-mark {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(var(--i-warn-rgb, 240, 136, 62), 0.55);
  color: var(--i-warn, #F0883E);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}


#page-root .pk-unavailable .pk-state-hint {
  margin-top: 5px;
  color: var(--i-ink-2);
  font-size: 12px;
  line-height: 1.55;
}

#page-root .pk-unavailable .pk-warn-body > :first-child {
  color: var(--i-ink-1);
  font-weight: 600;
  font-size: 12.5px;
  line-height: 1.5;
}


@media (prefers-contrast: more) {
  :root {
    
    --i-ink-2: var(--i-ink-1);
    --i-ink-3: var(--i-ink-2);
    --mi-ink-2: var(--mi-ink-1);
    --mi-ink-3: var(--mi-ink-2);
  }

  
  #app-root [data-pane],
  #page-root [data-pane] {
    outline: 1px solid var(--i-line);
    outline-offset: -1px;
  }

  
  #app-root :focus-visible,
  #page-root :focus-visible {
    outline-width: 3px;
    outline-offset: 2px;
  }
}








:root {
  
  --su-ink-1:  #F4F0E9;   
  --su-ink-2:  #F0ECE5;   
  --su-ink-3:  #E9E5DD;   
  --su-ink-4:  #C9C2B8;   
  --su-ink-5:  #A8A199;   
  --su-ink-6:  #8D8781;   
  --su-ink-7:  #7D7770;   
  --su-ink-8:  #6F6A64;   

  
  --su-void:   #000000;   
  --su-deep:   #100F0E;   
  --su-raise:  #171614;   
  --su-edge:   #2A2724;   

  
  --su-line:   rgba(255, 255, 255, .08);   
  --su-fill:   linear-gradient(180deg, rgba(255, 255, 255, .04),
                                       rgba(255, 255, 255, .012));  
  --su-fill-hover: linear-gradient(180deg, rgba(255, 255, 255, .065),
                                           rgba(255, 255, 255, .022));

  
  --su-accent:     #E1AD66;
  --su-accent-dim: rgba(225, 173, 102, .40);   
  --su-accent-lit: rgba(225, 173, 102, .60);   
  --su-accent-wash: rgba(182, 130, 53, .14);   

  
  --su-r-lg:  14px;   
  --su-r-md:   9px;   
  --su-r-sm:   6px;   
  --su-pad:   18px;   
  --su-shadow: 0 30px 80px rgba(0, 0, 0, .6);   

  
  --su-ease: cubic-bezier(.16, 1, .3, 1);
  --su-t-state: .2s;
  --su-t-edge:  .3s;

  
  --su-track-label: .16em;
  --su-track-wide:  .22em;
  --su-track-tight: -.03em;   
}



:root {
  --i-r-panel:   var(--su-r-lg);
  --i-r-card:    var(--su-r-lg);
  --i-r-control: var(--su-r-md);
  --i-r-chip:    var(--su-r-sm);
  --i-r-pill:    999px;

  --oo-radius:        var(--su-r-lg);
  --oo-radius-inner:  var(--su-r-md);
  --oo-radius-tight:  var(--su-r-sm);

  --pl-r-panel:  var(--su-r-lg);
  --pl-r-inner:  var(--su-r-md);
  --pl-r-pill:   999px;
}





@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --i-ink-1: var(--su-ink-1);  --mi-ink-1: var(--su-ink-1);
    --i-ink-2: var(--su-ink-3);  --mi-ink-2: var(--su-ink-3);
    --i-ink-3: var(--su-ink-5);  --mi-ink-3: var(--su-ink-5);
    --i-ink-4: var(--su-ink-6);  --mi-ink-4: var(--su-ink-6);
    --dk-ink-1: var(--su-ink-1); --dk-ink-2: var(--su-ink-3);
    --dk-ink-3: var(--su-ink-5); --dk-ink-4: var(--su-ink-6);
    --dk-hair:        var(--su-line);
    --dk-hair-strong: rgba(255, 255, 255, .16);
  }
}


:root[data-theme="dark"] {
  --i-ink-1: var(--su-ink-1);  --mi-ink-1: var(--su-ink-1);
  --i-ink-2: var(--su-ink-3);  --mi-ink-2: var(--su-ink-3);
  --i-ink-3: var(--su-ink-5);  --mi-ink-3: var(--su-ink-5);
  --i-ink-4: var(--su-ink-6);  --mi-ink-4: var(--su-ink-6);
  --dk-ink-1: var(--su-ink-1); --dk-ink-2: var(--su-ink-3);
  --dk-ink-3: var(--su-ink-5); --dk-ink-4: var(--su-ink-6);
  --dk-hair:        var(--su-line);
  --dk-hair-strong: rgba(255, 255, 255, .16);
}



@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --i-line: var(--su-line); }
}
:root[data-theme="dark"] { --i-line: var(--su-line); }






@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]),
  :root:not([data-theme="light"]) #app-root {
    --mi-term-base: var(--su-void);
    --mi-panel-bg:  #0A0908;   
    --mi-float-bg:  var(--su-raise);
    --mi-hair:      var(--su-line);
    --mi-hair-2:    rgba(255, 255, 255, .16);
    --pl-raised:    var(--su-raise);
    --pl-sunken:    var(--su-deep);
    --pl-edge:       var(--su-line);
    --pl-edge-inner: rgba(255, 255, 255, .05);
    --pl-edge-w:     1px;      
    --oo-gradient-exec:   var(--su-fill);
    --i-gradient-primary: var(--su-fill);
  }
}
:root[data-theme="dark"],
:root[data-theme="dark"] #app-root {
  --mi-term-base: var(--su-void);
  --mi-panel-bg:  #0A0908;
  --mi-float-bg:  var(--su-raise);
  --mi-hair:      var(--su-line);
  --mi-hair-2:    rgba(255, 255, 255, .16);
  --pl-raised:    var(--su-raise);
  --pl-sunken:    var(--su-deep);
  --pl-edge:       var(--su-line);
  --pl-edge-inner: rgba(255, 255, 255, .05);
  --pl-edge-w:     1px;
  --oo-gradient-exec:   var(--su-fill);
  --i-gradient-primary: var(--su-fill);
}


@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]),
  :root:not([data-theme="dark"]) #app-root {
    --pl-edge-w: 1px;
    --oo-gradient-exec:   var(--su-fill);
    --i-gradient-primary: var(--su-fill);
  }
}
:root[data-theme="light"],
:root[data-theme="light"] #app-root {
  --pl-edge-w: 1px;
  --oo-gradient-exec:   var(--su-fill);
  --i-gradient-primary: var(--su-fill);
}



#app-root [data-pane][class][class],
#page-root [data-pane][class][class],
#page-root .pk-panel[class][class],
#page-root .pk-card[class][class] {
  background-image: var(--su-fill);
  border: 1px solid var(--su-line);
  border-radius: var(--su-r-lg);
  transition: border-color var(--su-t-edge) var(--su-ease),
              background-color var(--su-t-state);
}


#app-root [data-pane] [data-pane][class][class],
#page-root [data-pane] [data-pane][class][class] {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .22), rgba(0, 0, 0, .06));
  border-radius: var(--su-r-md);
}



#app-root [data-pane][class][class],
#app-root [data-pane] [data-pane][class][class],
#page-root [data-pane][class][class],
#page-root .pk-panel[class][class] {
  box-shadow: none;
}


#app-root [role="dialog"][class],
#app-root [role="menu"][class],
#app-root [data-plane-menubody],
#app-root [data-plane-methoddrawer],
.singularity-toast,
#page-root [role="dialog"][class],
#page-root [role="menu"][class] {
  box-shadow: var(--su-shadow);
}



#app-root [class][class][class]:is(
  th, thead td, .sgtHeadCell, [class*="-head-cell"], [class*="-grid-head"],
  [class$="-eyebrow"], [class*="-eyebrow "], [class$="-panel-title"],
  [class*="-panel-title "], .sidebar-group-label, .oo-nav-section-label
),
#page-root [class][class][class]:is(
  th, thead td, [class$="-eyebrow"], [class*="-eyebrow "],
  [class$="-panel-title"]
) {
  letter-spacing: var(--su-track-label) !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--su-ink-6) !important;
}


#app-root [class][class][class]:is(h1, h2, [class*="-hero-figure"], [class*="-headline"]),
#page-root [class][class][class]:is(h1, h2, [class*="-headline"]) {
  letter-spacing: var(--su-track-tight);
}




#app-root [class][class]:is(button, [role="tab"], [role="button"]),
#app-root [data-plane-step],
#app-root [data-plane-menubtn],
#app-root [data-plane-item],
#app-root [data-plane-nextstep],
#page-root [class][class]:is(button, [role="tab"], [role="button"]) {
  border-radius: var(--su-r-sm);
  transition: color var(--su-t-state), border-color var(--su-t-state),
              background-color var(--su-t-state),
              transform var(--su-t-state) var(--su-ease);
}

#app-root input[class][class],
#app-root select[class][class],
#page-root input[class][class],
#page-root select[class][class] {
  border-radius: var(--su-r-sm);
  background-image: var(--su-fill);
  transition: border-color var(--su-t-state);
}


#app-root *:focus-visible,
#page-root *:focus-visible {
  outline: 2px solid var(--su-accent);
  outline-offset: 2px;
}



@media (hover: hover) {
  #app-root [data-pane][class]:hover,
  #page-root [data-pane][class]:hover,
  #page-root .pk-panel[class]:hover {
    border-color: var(--su-accent-dim) !important;
  }

  #app-root [class][class]:is(button, [role="tab"], [role="button"], a.pk-card):hover,
  #app-root [data-plane-step]:hover,
  #app-root [data-plane-menubtn]:hover,
  #app-root [data-plane-item]:hover,
  #app-root [data-plane-nextstep]:hover,
  #page-root [class][class]:is(button, [role="tab"], [role="button"], a.pk-card):hover {
    border-color: var(--su-accent-dim) !important;
    background-image: var(--su-fill-hover) !important;
    color: var(--su-ink-2) !important;
  }

  
  #app-root [class][class]:is(button, [role="button"]):hover,
  #app-root [data-plane-step]:hover,
  #page-root [class][class]:is(button, [role="button"], a.pk-card):hover {
    transform: translateY(-1px);
  }

  
  #app-root [class][class]:is(.sidebar-nav-item, tbody tr):hover,
  #page-root [class][class]:is(tbody tr):hover {
    transform: translateX(3px);
  }

  #app-root input[class]:hover,
  #app-root select[class]:hover,
  #page-root input[class]:hover {
    border-color: var(--su-accent-dim) !important;
  }
}


#app-root [class][class][aria-selected="true"],
#app-root [class][class][aria-current="page"],
#app-root [class][class].is-active,
#page-root [class][class][aria-selected="true"],
#page-root [class][class][aria-current="page"] {
  border-color: var(--su-accent-lit) !important;
  color: var(--su-ink-1) !important;
}



@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --su-line: rgba(0, 0, 0, .12);
    --su-fill: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .008));
    --su-fill-hover: linear-gradient(180deg, rgba(0, 0, 0, .055), rgba(0, 0, 0, .018));
    --su-shadow: 0 24px 60px rgba(20, 18, 14, .14);
  }
}
:root[data-theme="light"] {
  --su-line: rgba(0, 0, 0, .12);
  --su-fill: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .008));
  --su-fill-hover: linear-gradient(180deg, rgba(0, 0, 0, .055), rgba(0, 0, 0, .018));
  --su-shadow: 0 24px 60px rgba(20, 18, 14, .14);
}


@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) #app-root [class][class][class]:is(
    th, thead td, .sgtHeadCell, [class*="-head-cell"], [class*="-grid-head"],
    [class$="-eyebrow"], [class*="-eyebrow "], [class$="-panel-title"],
    [class*="-panel-title "], .sidebar-group-label, .oo-nav-section-label
  ),
  :root:not([data-theme="dark"]) #page-root [class][class][class]:is(
    th, thead td, [class$="-eyebrow"], [class*="-eyebrow "],
    [class$="-panel-title"]
  ) { color: var(--lt-ink-3) !important; }
}
:root[data-theme="light"] #app-root [class][class][class]:is(
  th, thead td, .sgtHeadCell, [class*="-head-cell"], [class*="-grid-head"],
  [class$="-eyebrow"], [class*="-eyebrow "], [class$="-panel-title"],
  [class*="-panel-title "], .sidebar-group-label, .oo-nav-section-label
),
:root[data-theme="light"] #page-root [class][class][class]:is(
  th, thead td, [class$="-eyebrow"], [class*="-eyebrow "],
  [class$="-panel-title"]
) { color: var(--lt-ink-3) !important; }





#app-root .singularity-sidebar[class] {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .30), rgba(0, 0, 0, .12));
  border-right: 1px solid var(--su-line);
}


#app-root .sidebar-group-label[class][class] {
  border-radius: var(--su-r-sm);
  white-space: nowrap;
}


#app-root .sidebar-nav-item[class] {
  border-radius: var(--su-r-sm);
  transition: color var(--su-t-state), border-color var(--su-t-state),
              transform var(--su-t-state) var(--su-ease);
}
#app-root .sidebar-nav-item[class].active,
#app-root .sidebar-nav-item[class][aria-current="page"] {
  border-left: 2px solid var(--su-accent) !important;
  color: var(--su-ink-1) !important;
}


#app-root [data-plane-bar],
#app-root .planeBar {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .30));
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--su-line);
  box-shadow: none;
}


#app-root [data-plane-ticker],
#app-root [data-plane-tickerbox],
#app-root [data-plane-palette],
#app-root [data-plane-refresh],
#app-root [data-plane-menubtn] {
  border-radius: var(--su-r-sm);
  border: 1px solid var(--su-line);
  background-image: var(--su-fill);
}


#app-root [data-plane-menubody],
#app-root [data-plane-methoddrawer] {
  border-radius: var(--su-r-md);
  border: 1px solid var(--su-line);
  background-image: linear-gradient(180deg, #171614, #100F0E);
}


#app-root [data-plane-next],
#app-root .planeNext,
#app-root [data-plane-guest],
#app-root .planeGuest {
  border-top: 1px solid var(--su-line);
  box-shadow: none;
}



@media (prefers-reduced-motion: reduce) {
  #app-root *, #page-root * {
    transition: none !important;
  }
  #app-root [class][class]:hover,
  #page-root [class][class]:hover {
    transform: none !important;
  }
}




#page-root .pwaHost { display: flex; flex-direction: column; gap: 18px; }

#page-root .pwaBlock { display: flex; flex-direction: column; gap: 10px; }

#page-root .pwaTitle {
  margin: 0;
  font-size: var(--i-t-sm);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-2);
}

#page-root .pwaWhy {
  margin: 0;
  font-size: var(--i-t-xs);
  line-height: 1.55;
  color: var(--i-ink-3);
  max-width: 74ch;
}

#page-root .pwaRow {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 14px;
}

#page-root .pwaField { display: flex; flex-direction: column; gap: 4px; }

#page-root .pwaField > span {
  font-size: var(--i-t-xs);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-4);
}

#page-root .pwaInput.pwaInput,
#page-root .pwaSelect.pwaSelect,
#page-root .pwaNote.pwaNote {
  padding: 6px 9px;
  min-width: 12ch;
  color: var(--i-ink-1);
  border: 1px solid var(--i-hair-strong);
  border-radius: var(--i-r-control);
  background-image: linear-gradient(var(--i-void), var(--i-void));
  font: inherit;
  font-size: var(--i-t-sm);
}

#page-root .pwaInputShort.pwaInputShort { min-width: 6ch; width: 8ch; }

#page-root .pwaNote.pwaNote { width: 100%; resize: vertical; }

#page-root .pwaBtn.pwaBtn {
  padding: 7px 14px;
  color: var(--i-ink-1);
  border: 1px solid var(--i-hair-strong);
  border-radius: var(--i-r-control);
  background-image: linear-gradient(var(--i-surface-2), var(--i-surface-2));
  font-size: var(--i-t-sm);
  cursor: pointer;
}

#page-root .pwaBtn.pwaBtn:hover { border-color: rgba(var(--i-accent-rgb), 0.55); }

#page-root .pwaOut {
  margin: 0;
  font-size: var(--i-t-xs);
  line-height: 1.55;
  color: var(--i-ink-3);
  max-width: 74ch;
}

#page-root .pwaWarn {
  margin: 0;
  padding: 7px 10px;
  font-size: var(--i-t-xs);
  line-height: 1.5;
  color: var(--i-ink-2);
  border-left: 2px solid var(--i-amber);
  background-image: linear-gradient(var(--i-amber-wash), var(--i-amber-wash));
}


#page-root .pwaSlice {
  display: grid;
  grid-template-columns: minmax(9ch, 22ch) 1fr auto auto;
  align-items: center;
  gap: 10px;
  padding: 3px 0;
  font-size: var(--i-t-sm);
}

#page-root .pwaSliceKey { color: var(--i-ink-2); overflow: hidden; text-overflow: ellipsis; }

#page-root .pwaSliceBar {
  height: 8px;
  border-radius: var(--i-r-pill);
  background-image: linear-gradient(
    to right,
    rgba(var(--i-accent-rgb), 0.85) calc(var(--pwaShare, 0) * 100%),
    rgba(var(--i-accent-rgb), 0.10) calc(var(--pwaShare, 0) * 100%));
}

#page-root .pwaSliceVal,
#page-root .pwaSliceShare { color: var(--i-ink-3); font-variant-numeric: tabular-nums; }

#page-root .pwaWhatIf { display: flex; flex-direction: column; gap: 4px; }

#page-root .pwaDelta { margin: 8px 0 0; padding: 0; list-style: none; }

#page-root .pwaDelta li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 0;
  font-size: var(--i-t-sm);
}

#page-root .pwaDeltaSym { color: var(--i-ink-2); }
#page-root .pwaDeltaVal { color: var(--i-ink-3); font-variant-numeric: tabular-nums; }

#page-root .pwaCompare {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

#page-root .pwaCompareHead {
  margin: 0 0 4px;
  font-size: var(--i-t-xs);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-4);
}

#page-root .pwaCompareCol ul { margin: 0; padding-left: 1.1em; }
#page-root .pwaCompareCol li { font-size: var(--i-t-xs); line-height: 1.6; color: var(--i-ink-3); }

#page-root .pwaNoteRow {
  display: grid;
  grid-template-columns: 10ch 1fr;
  gap: 4px 10px;
  align-items: start;
  padding: 4px 0;
}

#page-root .pwaNoteSym { color: var(--i-ink-2); font-size: var(--i-t-sm); padding-top: 7px; }

#page-root .pwaNoteWhy {
  grid-column: 2;
  font-size: var(--i-t-xs);
  color: var(--i-ink-4);
}

@media (max-width: 640px) {
  #page-root .pwaSlice { grid-template-columns: 1fr auto; }
  #page-root .pwaSliceBar { grid-column: 1 / -1; }
  #page-root .pwaNoteRow { grid-template-columns: 1fr; }
  #page-root .pwaNoteWhy { grid-column: 1; }
}

@media (forced-colors: active) {
  #page-root .pwaSliceBar { background-image: none; border: 1px solid CanvasText; }
}




#page-root .pwkThemes { display: flex; flex-direction: column; gap: 6px; }

#page-root .pwkThemeHead,
#page-root .pwkPlaced h3,
#page-root .pwkAgainstBlock h3 {
  margin: 0;
  font-size: var(--i-t-xs);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-4);
}


#page-root .pwkChip[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}

#page-root .pwkPlaced,
#page-root .pwkAgainstBlock { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }

#page-root .pwkPlaced ul { margin: 0; padding: 0; list-style: none; }

#page-root .pwkPlacedRow {
  display: grid;
  grid-template-columns: minmax(12ch, 26ch) minmax(14ch, auto) 1fr;
  align-items: baseline;
  gap: 10px;
  padding: 3px 0;
  font-size: var(--i-t-sm);
}

#page-root .pwkPlacedName { color: var(--i-ink-2); }
#page-root .pwkPlacedVal { color: var(--i-ink-1); font-variant-numeric: tabular-nums; }

#page-root .pwkAgainst { display: flex; flex-direction: column; gap: 4px; }

@media (max-width: 640px) {
  #page-root .pwkPlacedRow { grid-template-columns: 1fr; }
}



#page-root .pk-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 8px 0; }



#app-root [data-cell] {
  outline: 1px solid color-mix(in srgb, currentColor 26%, transparent) !important;
  outline-offset: 1px;
  border-radius: 3px;
}

@media print {
  #app-root [data-cell] { outline: none !important; }
}


#app-root [class][class][class][class][class].so-stat,
#app-root [class][class][class][class][class].so-return,
#app-root [class][class][class][class][class].so-comp-top,
#app-root [class][class][class][class][class].so-read-pair,
#app-root [class][class][class][class][class].so-ind-chips,
#app-root [class][class][class][class][class].so-table {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
}


#app-root [class][class][class][class][class][class][class].so-table th,
#app-root [class][class][class][class][class][class][class].so-table td,
#app-root [class][class][class][class][class][class][class].so-table thead,
#app-root [class][class][class][class][class][class][class].so-table tr {
  border-left: 0 !important;
  border-right: 0 !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}


#app-root [class][class][class][class][class].so-return,
#app-root [class][class][class][class][class].so-stat:has(canvas) {
  outline: 1px solid color-mix(in srgb, var(--i-ink-1) 18%, transparent) !important;
  outline-offset: 0;
  border-radius: var(--i-r-chip) !important;
}
#app-root [class][class][class][class][class].so-chart-figure,
#app-root [class][class][class][class][class].so-flashlight {
  outline: 1px solid color-mix(in srgb, var(--i-ink-1) 18%, transparent) !important;
  outline-offset: 6px;
  border-radius: var(--i-r-chip) !important;
}


html:root body #app-root::before {
  animation-iteration-count: 2 !important;
}
:root:root:root #app-root .sgkSkelBone.sgkSkelBone,
:root:root:root #app-root .so-skeleton.so-skeleton,
:root:root:root #app-root .so-skeleton-bar.so-skeleton-bar,
:root:root:root #app-root .stocklab-skeleton.stocklab-skeleton,
:root:root:root #app-root .stocklab-skeleton-line.stocklab-skeleton-line,
:root:root:root #app-root .sgfetchSkeletonRow.sgfetchSkeletonRow,
:root:root:root #app-root .sgfetchPipDot.sgfetchPipDot,
:root:root:root #app-root .sgkProvDot.sgkProvDot,
:root:root:root #app-root .stocklab-node-status.stocklab-node-status {
  animation-iteration-count: 14 !important;
}