/* [project]/src/modules/persona_manager/styles/persona-manager.css [app-client] (css) */
.pm-scope {
  --color-bg-base: #f6f8ff;
  --color-fg: #151a29;
  --color-fg-muted: #5c6375;
  --color-fg-subtle: #8d929f;
  --color-primary: #4055ff;
  --color-primary-600: #4741e7;
  --color-accent: #00949b;
  --bucket-high: #23a136;
  --bucket-very-low: #df202e;
  --color-border: #d2d7e5;
  --color-border-soft: #d9deec8c;
  --gradient-primary: linear-gradient(135deg, #6366f1 0%, #9333ea 100%);
  --gradient-primary-r: linear-gradient(to right, #6366f1, #9333ea);
  --gradient-secondary: linear-gradient(135deg, #2dd4bf 0%, #10b981 100%);
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --shadow-xs: 0 1px 2px #5862800d;
  --shadow-sm: 0 2px 8px #58628012;
  --shadow-md: 0 4px 16px #58628017;
  --shadow-lg: 0 8px 32px #5862801c;
  --shadow-xl: 0 16px 48px #58628029;
  --shadow-glow: 0 8px 32px #7c52f04d;
  --pm-strategic-bg: linear-gradient(135deg, #f2efffb3, #f3f4ff8c);
  --pm-strategic-border: #4055ff33;
  --pm-pill-base: #fff;
  --font-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --font-body: "Segoe UI Web", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-family: var(--font-body);
  color: var(--color-fg);
}

@supports (color: lab(0% 0 0)) {
  .pm-scope {
    --color-bg-base: lab(97.6253% .0680089 -3.78776);
    --color-fg: lab(9.2858% 1.3606 -10.9144);
    --color-fg-muted: lab(41.8093% .647396 -11.1455);
    --color-fg-subtle: lab(60.4435% .253916 -7.51162);
    --color-primary: lab(43.9452% 38.4761 -88.5684);
    --color-primary-600: lab(37.8619% 43.9042 -84.8078);
    --color-accent: lab(55.4663% -61.3902 -25.0384);
    --bucket-high: lab(58.0445% -50.6808 43.5643);
    --bucket-very-low: lab(49.0306% 69.7939 45.0284);
    --color-border: lab(85.9662% .209242 -7.53478);
    --color-border-soft: lab(88.2864% .206292 -7.53636 / .55);
    --shadow-xs: 0 1px 2px lab(41.6449% 1.69379 -18.3529 / .05);
    --shadow-sm: 0 2px 8px lab(41.6449% 1.69379 -18.3529 / .07);
    --shadow-md: 0 4px 16px lab(41.6449% 1.69379 -18.3529 / .09);
    --shadow-lg: 0 8px 32px lab(41.6449% 1.69379 -18.3529 / .11);
    --shadow-xl: 0 16px 48px lab(41.6449% 1.69379 -18.3529 / .16);
    --pm-strategic-bg: linear-gradient(135deg, lab(95.0574% 4.09985 -10.4243 / .7), lab(96.3489% 1.50639 -8.15356 / .55));
    --pm-strategic-border: lab(43.9452% 38.4761 -88.5684 / .2);
  }
}

.pm-scope .kicker {
  font-family: var(--font-body);
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--color-fg-muted);
  font-size: 10px;
  font-weight: 700;
}

.pm-scope .stat {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.pm-scope .stat__label {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-fg-subtle);
  font-size: 9.5px;
  font-weight: 700;
}

.pm-scope .stat__value {
  font-family: var(--font-display);
  letter-spacing: .02em;
  color: var(--color-fg);
  white-space: nowrap;
  font-size: 30px;
  line-height: .95;
}

.pm-scope .stat__sub {
  color: var(--color-fg-muted);
  font-size: 11px;
}

.pm-scope .pm-tabs {
  border-radius: var(--radius-pill);
  background: #999eab1a;
  background: lab(65.0842% .243634 -7.51679 / .1);
  border: 1px solid #d9deec8c;
  border: 1px solid lab(88.2864% .206292 -7.53636 / .55);
  gap: 4px;
  padding: 4px;
  display: inline-flex;
}

.pm-scope .pm-tabs--wrap {
  flex-wrap: wrap;
}

.pm-scope .pm-tab {
  appearance: none;
  cursor: pointer;
  border-radius: var(--radius-pill);
  font-family: var(--font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-fg-muted);
  white-space: nowrap;
  background: none;
  border: none;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  font-size: 14px;
  transition: all .18s;
  display: inline-flex;
}

.pm-scope .pm-tab:hover:not(.pm-tab--active):not(:disabled) {
  color: var(--color-primary);
  background: #4055ff12;
  background: lab(43.9452% 38.4761 -88.5684 / .07);
}

.pm-scope .pm-tab--active {
  color: var(--color-primary);
  box-shadow: var(--shadow-sm);
  background: #fff;
}

.pm-scope .pm-tab:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.pm-scope .pm-tab__hint {
  font-family: var(--font-body);
  letter-spacing: .05em;
  opacity: .7;
  font-size: 9px;
  font-weight: 700;
}

.pm-scope .btn {
  border-radius: var(--radius-md);
  font-family: var(--font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  font-size: 14px;
  transition: transform .2s, box-shadow .2s, background .15s;
  display: inline-flex;
}

.pm-scope .btn svg {
  width: 16px;
  height: 16px;
}

.pm-scope .btn--ghost {
  color: var(--color-fg);
  background: #fff9;
  background: lab(100% 0 0 / .6);
  border-color: #d2d7e5b3;
  border-color: lab(85.9662% .209242 -7.53478 / .7);
}

.pm-scope .btn--ghost:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
  transform: translateY(-1px);
}

.pm-scope .rel {
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.pm-scope .rel__dot {
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: relative;
}

.pm-scope .rel--ok .rel__dot {
  background: #00a248;
  background: lab(58.1419% -54.8916 36.8509);
}

.pm-scope .rel--low .rel__dot {
  background: #dfb100;
  background: lab(74.8228% 7.85917 76.9247);
}

.pm-scope .rel--unreliable .rel__dot {
  background: #df202e;
  background: lab(49.0306% 69.7939 45.0284);
}

.pm-scope .rel--ok {
  color: #005f21;
  color: lab(34.5357% -46.2987 31.88);
}

.pm-scope .rel--low {
  color: #8b5600;
  color: lab(41.7166% 21.1573 82.4469);
}

.pm-scope .rel--unreliable {
  color: #bb0a10;
  color: lab(40.0019% 62.9347 49.2619);
}

.pm-scope .rel__dot:after {
  content: "";
  background: inherit;
  border-radius: 50%;
  animation: 2.4s cubic-bezier(0, 0, .2, 1) infinite pm-ping;
  position: absolute;
  inset: 0;
}

@keyframes pm-ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2.2);
  }
}

.pm-scope .avatar {
  background: linear-gradient(150deg, #7f68ff, #a43bb5);
  background: linear-gradient(150deg, lab(52.5392% 39.9791 -75.4861), lab(44.5943% 55.7396 -44.1299));
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 2px 6px #ffffff40, 0 6px 20px #5e4bc366;
  box-shadow: inset 0 2px 6px lab(100% 0 0 / .25), 0 6px 20px lab(39.2114% 32.9602 -61.7503 / .4);
}

.pm-scope .avatar__mono {
  font-family: var(--font-display);
  color: #fff;
  letter-spacing: .03em;
}

.pm-scope .avatar__soon {
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: #0000004d;
  background: lab(0% 0 0 / .3);
  padding: 2px 0;
  font-size: 7.5px;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.pm-scope .disc-bg {
  z-index: -1;
  background: radial-gradient(900px 520px at 12% -8%, #e3e0ff8c, transparent 60%), radial-gradient(760px 520px at 96% 6%, #b9efff73, transparent 60%), var(--color-bg-base);
  position: fixed;
  inset: 0;
}

@supports (color: lab(0% 0 0)) {
  .pm-scope .disc-bg {
    background: radial-gradient(900px 520px at 12% -8%, lab(89.6169% 14.2859 -34.4342 / .55), transparent 60%), radial-gradient(760px 520px at 96% 6%, lab(91.1682% -19.4873 -19.2325 / .45), transparent 60%), var(--color-bg-base);
  }
}

.pm-scope .disc-wrap {
  max-width: 1680px;
  font-family: var(--font-body);
  color: var(--color-fg);
  margin: 0 auto;
  padding: 24px 28px 72px;
}

.pm-scope .disc-crumbs {
  color: var(--color-fg-subtle);
  margin-bottom: 14px;
  font-size: 12px;
}

.pm-scope .disc-headrow {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.pm-scope .disc-title {
  font-family: var(--font-display);
  letter-spacing: .04em;
  margin: 0;
  font-size: 46px;
  line-height: 1;
}

.pm-scope .disc-scope {
  color: var(--color-fg-muted);
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-pill);
  background: #999eab1a;
  background: lab(65.0842% .243634 -7.51679 / .1);
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.pm-scope .disc-search {
  -webkit-backdrop-filter: blur(14px);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-sm);
  color: var(--color-fg-subtle);
  background: #fafcffb3;
  background: lab(98.8131% .0265837 -1.89835 / .7);
  border: 1px solid #eceef599;
  border: 1px solid lab(94.1452% .0689626 -3.78723 / .6);
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding: 0 16px;
  display: flex;
}

.pm-scope .disc-search input {
  font-family: var(--font-body);
  color: var(--color-fg);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 14px 0;
  font-size: 15px;
}

.pm-scope .disc-search input::placeholder {
  color: var(--color-fg-subtle);
}

.pm-scope .disc-search__clear {
  cursor: pointer;
  color: var(--color-fg-subtle);
  background: none;
  border: none;
  padding: 4px;
  font-size: 14px;
}

.pm-scope .disc-hints {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  display: flex;
}

.pm-scope .disc-hints__l {
  color: var(--color-fg-subtle);
  font-size: 11.5px;
}

.pm-scope .disc-hint {
  border: 1px dashed var(--color-border);
  color: var(--color-fg-muted);
  cursor: pointer;
  border-radius: var(--radius-pill);
  background: none;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 600;
}

.pm-scope .disc-hint:hover {
  color: var(--color-primary);
  border-color: color-mix(in oklch, var(--color-primary) 45%, transparent);
}

.pm-scope .disc-spaces {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 22px;
  display: flex;
}

.pm-scope .disc-count {
  color: var(--color-fg-muted);
  font-size: 12.5px;
  font-weight: 600;
}

.pm-scope .disc-intro {
  margin: 18px 0 4px;
}

.pm-scope .disc-intro__t {
  font-family: var(--font-display);
  letter-spacing: .03em;
  margin: 0 0 6px;
  font-size: 30px;
}

.pm-scope .disc-intro__s {
  color: var(--color-fg-muted);
  max-width: 92ch;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.5;
}

.pm-scope .disc-filterbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
  display: flex;
}

.pm-scope .disc-matrixnote {
  color: var(--color-fg-subtle);
  font-size: 11px;
}

.pm-scope .disc-archpill {
  border-radius: var(--radius-pill);
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #ffffff40;
  border: 1px solid lab(100% 0 0 / .25);
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .disc-archpill__dot {
  background: #ffffffd9;
  background: lab(100% 0 0 / .85);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.pm-scope .disc-grid {
  gap: 16px;
  display: grid;
}

.pm-scope .disc-grid--brand {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.pm-scope .disc-grid--seg {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.pm-scope .disc-bcard {
  text-align: left;
  cursor: pointer;
  border-radius: var(--radius-2xl);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--shadow-sm);
  background: #fafcff9e;
  background: lab(98.8131% .0265837 -1.89835 / .62);
  border: 1px solid #eceef580;
  border: 1px solid lab(94.1452% .0689626 -3.78723 / .5);
  flex-direction: column;
  padding: 0;
  transition: transform .15s, box-shadow .15s;
  display: flex;
  overflow: hidden;
}

.pm-scope .disc-bcard:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.pm-scope .disc-bcard__strip {
  background: linear-gradient(to right, #108846, #009592);
  background: linear-gradient(to right, lab(49.5701% -43.5757 26.2503), lab(55.0335% -43.6171 -10.2764));
  height: 6px;
}

.pm-scope .disc-bcard__body {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.pm-scope .disc-bcard__head {
  align-items: center;
  gap: 12px;
  display: flex;
}

.pm-scope .disc-bcard__id {
  flex-direction: column;
  flex: 1;
  gap: 7px;
  min-width: 0;
  display: flex;
}

.pm-scope .disc-bcard__name {
  font-family: var(--font-display);
  letter-spacing: .02em;
  margin: 0;
  font-size: 21px;
  line-height: 1;
}

.pm-scope .disc-bcard__blurb {
  color: var(--color-fg-muted);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.pm-scope .disc-bcard__kpis {
  border-top: 1px solid var(--color-border-soft);
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding-top: 14px;
  display: grid;
}

.pm-scope .disc-bcard__foot {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  padding-top: 4px;
  display: flex;
}

.pm-scope .disc-bcard__rel {
  color: var(--color-fg-muted);
  margin-left: auto;
  font-size: 11px;
}

.pm-scope .disc-bn {
  letter-spacing: .03em;
  color: var(--color-fg-muted);
  background: #999eab1a;
  background: lab(65.0842% .243634 -7.51679 / .1);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
}

.pm-scope .disc-bn--brand {
  color: var(--color-primary);
  background: color-mix(in oklch, var(--color-primary) 10%, transparent);
}

.pm-scope .disc-scard {
  text-align: left;
  cursor: pointer;
  border-radius: var(--radius-2xl);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--shadow-sm);
  background: #fafcff9e;
  background: lab(98.8131% .0265837 -1.89835 / .62);
  border: 1px solid #eceef580;
  border: 1px solid lab(94.1452% .0689626 -3.78723 / .5);
  flex-direction: column;
  padding: 0;
  transition: transform .15s, box-shadow .15s;
  display: flex;
  overflow: hidden;
}

.pm-scope .disc-scard:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.pm-scope .disc-scard__strip {
  background: var(--gradient-primary-r);
  height: 6px;
}

.pm-scope .disc-scard__body {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  padding: 18px;
  display: flex;
}

.pm-scope .disc-scard__head {
  align-items: center;
  gap: 12px;
  display: flex;
}

.pm-scope .disc-scode {
  font-family: var(--font-display);
  letter-spacing: .06em;
  color: #fff;
  background: var(--gradient-primary-r);
  border-radius: 9px;
  padding: 4px 11px;
  font-size: 20px;
}

.pm-scope .disc-scard__name {
  font-family: var(--font-display);
  letter-spacing: .02em;
  margin: 0;
  font-size: 21px;
  line-height: 1;
}

.pm-scope .disc-lean {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-primary);
  font-size: 10.5px;
  font-weight: 700;
}

.pm-scope .disc-scard__foot {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 6px;
  display: flex;
}

.pm-scope .disc-empty {
  text-align: center;
  color: var(--color-fg-muted);
  padding: 40px;
  font-size: 14px;
}

.pm-scope .disc-matrix {
  grid-template-columns: minmax(120px, 160px) repeat(var(--mcols), 1fr);
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-xl);
  background: #fafcff80;
  background: lab(98.8131% .0265837 -1.89835 / .5);
  gap: 6px;
  padding: 14px;
  display: grid;
}

.pm-scope .disc-mcorner {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-fg-subtle);
  align-items: flex-end;
  padding: 0 0 8px;
  font-size: 10.5px;
  font-weight: 700;
  display: flex;
}

.pm-scope .disc-mcat {
  text-align: center;
  color: var(--color-fg-muted);
  padding: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
}

.pm-scope .disc-mband {
  align-items: center;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.pm-scope .disc-mcell {
  border: 1px solid var(--color-border-soft);
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  transition: all .12s;
  display: flex;
}

.pm-scope .disc-mcell:hover {
  border-color: var(--color-primary);
  background: color-mix(in oklch, var(--color-primary) 7%, #fff);
}

.pm-scope .disc-mcell--base {
  background: color-mix(in oklch, var(--color-primary) 12%, #fff);
  border-color: color-mix(in oklch, var(--color-primary) 40%, transparent);
}

.pm-scope .disc-mcell--empty {
  cursor: not-allowed;
  opacity: .4;
  background: #999eab0f;
  background: lab(65.0842% .243634 -7.51679 / .06);
}

.pm-scope .disc-mdot {
  background: var(--color-primary);
  opacity: .55;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.pm-scope .disc-mcell:hover .disc-mdot {
  opacity: 1;
}

.pm-scope .disc-note {
  color: var(--color-fg-subtle);
  margin-top: 26px;
  font-size: 11.5px;
  line-height: 1.6;
}

.pm-scope .num {
  font-family: var(--font-display);
  letter-spacing: .02em;
  font-feature-settings: "tnum";
}

.pm-scope .prose {
  color: var(--color-fg);
  font-size: 14px;
  line-height: 1.65;
}

.pm-scope .prose strong {
  font-weight: 700;
}

.pm-scope .pm-card {
  border-radius: var(--radius-xl);
  position: relative;
}

.pm-scope .pm-card--glass {
  -webkit-backdrop-filter: blur(18px);
  background: #fbfcffa8;
  background: lab(98.8185% .020057 -1.51936 / .66);
  border: 1px solid #eff2f980;
  border: 1px solid lab(95.3052% .0686348 -3.78741 / .5);
  box-shadow: 0 4px 24px #58628014, inset 0 1px #ffffff2e;
  box-shadow: 0 4px 24px lab(41.6449% 1.69379 -18.3529 / .08), inset 0 1px lab(100% 0 0 / .18);
}

.pm-scope .pm-card__body {
  padding: 22px;
}

.pm-scope .pm-card__strip {
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  background: var(--gradient-primary-r);
  height: 5px;
}

.pm-scope .cardhead {
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
  display: flex;
}

.pm-scope .cardhead__chip {
  width: 44px;
  height: 44px;
  color: var(--color-primary);
  background: color-mix(in oklch, var(--color-primary) 13%, transparent);
  border: 1px solid color-mix(in oklch, var(--color-primary) 22%, transparent);
  border-radius: 13px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: inset 0 1px #fff6;
  box-shadow: inset 0 1px lab(100% 0 0 / .4);
}

.pm-scope .cardhead__main {
  flex: 1;
  min-width: 0;
}

.pm-scope .cardhead__title {
  font-family: var(--font-display);
  letter-spacing: .03em;
  color: var(--color-fg);
  text-transform: uppercase;
  margin: 4px 0 0;
  font-size: 23px;
  line-height: 1;
}

.pm-scope .cardhead__rule {
  background: linear-gradient(to right, var(--color-primary), color-mix(in oklch, var(--color-primary) 30%, transparent));
  border-radius: 99px;
  width: 38px;
  height: 3px;
  margin-top: 9px;
  display: block;
}

.pm-scope .cardhead__kicker {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.pm-scope .cardhead__right {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding-top: 2px;
  display: flex;
}

.pm-scope .subhead {
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
  display: flex;
}

.pm-scope .subhead__bar {
  background: var(--color-primary);
  border-radius: 99px;
  flex-shrink: 0;
  width: 4px;
  height: 16px;
}

.pm-scope .prov {
  border-radius: var(--radius-pill);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #0000;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  font-size: 9.5px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .prov svg {
  width: 11px;
  height: 11px;
}

.pm-scope .prov--data {
  color: #005869;
  color: lab(33.4272% -29.8268 -26.8587);
  background: #009aa11f;
  background: lab(57.1653% -40.5142 -16.5772 / .12);
  border-color: #009aa140;
  border-color: lab(57.1653% -40.5142 -16.5772 / .25);
}

.pm-scope .prov--derived {
  color: #363ccf;
  color: lab(33.7134% 37.5415 -77.9549);
  background: #4055ff1a;
  background: lab(43.9452% 38.4761 -88.5684 / .1);
  border-color: #4055ff38;
  border-color: lab(43.9452% 38.4761 -88.5684 / .22);
}

.pm-scope .prov--ai {
  color: #961a91;
  color: lab(36.5338% 58.3525 -35.8557);
  background: #b950b21a;
  background: lab(50.8927% 52.5079 -32.5039 / .1);
  border-color: #b950b238;
  border-color: lab(50.8927% 52.5079 -32.5039 / .22);
}

.pm-scope .tag {
  border-radius: var(--radius-pill);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 9.5px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .tag--defining {
  color: #00583f;
  color: lab(32.1015% -47.4568 8.37972);
  background: #00a07629;
  background: lab(58.027% -56.688 12.4159 / .16);
}

.pm-scope .tag--tension {
  color: #004b34;
  color: lab(27.5894% -52.0812 11.0125);
  background: #00a07633;
  background: lab(58.027% -56.688 12.4159 / .2);
  box-shadow: inset 0 0 0 1px #00a07666;
  box-shadow: inset 0 0 0 1px lab(58.027% -56.688 12.4159 / .4);
}

.pm-scope .tag--over {
  color: #00511b;
  color: lab(29.8401% -45.0961 35.5871);
  background: #23a13629;
  background: lab(58.0445% -50.6808 43.5643 / .16);
}

.pm-scope .tag--under {
  color: #aa0003;
  color: lab(35.3393% 63.1291 53.0823);
  background: #df202e21;
  background: lab(49.0306% 69.7939 45.0284 / .13);
}

.pm-scope .idx {
  border-radius: var(--radius-sm);
  font-family: var(--font-display);
  letter-spacing: .02em;
  color: var(--color-fg-muted);
  border: 1px solid color-mix(in oklch, currentColor 22%, transparent);
  background: #999eab1f;
  background: lab(65.0842% .243634 -7.51679 / .12);
  align-items: baseline;
  gap: 3px;
  padding: 2px 7px 2px 8px;
  line-height: 1;
  display: inline-flex;
}

.pm-scope .idx__n {
  font-size: 14px;
}

.pm-scope .idx__u {
  font-family: var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
  font-size: 8.5px;
  font-weight: 700;
}

.pm-scope .meter {
  border-radius: var(--radius-pill);
  background: #999eab21;
  background: lab(65.0842% .243634 -7.51679 / .13);
  flex-shrink: 0;
  width: 96px;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.pm-scope .meter__base {
  z-index: 2;
  background: #4f55668c;
  background: lab(36.0057% .708118 -11.121 / .55);
  width: 1.5px;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 50%;
}

.pm-scope .meter__fill {
  border-radius: var(--radius-pill);
  transition: width .6s cubic-bezier(.2, .7, .2, 1), right .6s cubic-bezier(.2, .7, .2, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.pm-scope .bargroup {
  margin-bottom: 14px;
}

.pm-scope .bargroup__head {
  justify-content: space-between;
  align-items: baseline;
  margin: 12px 0 8px;
  display: flex;
}

.pm-scope .bargroup__hint {
  color: var(--color-fg-subtle);
  font-size: 10px;
}

.pm-scope .divbar {
  grid-template-columns: minmax(220px, 1.7fr) minmax(110px, 1fr) 88px;
  align-items: center;
  gap: 14px;
  padding: 7px 0;
  display: grid;
}

.pm-scope .divbar__label {
  min-width: 0;
}

.pm-scope .divbar__name {
  -webkit-line-clamp: 3;
  color: var(--color-fg);
  -webkit-box-orient: vertical;
  font-size: 13px;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.pm-scope .divbar__pct {
  color: var(--color-fg-subtle);
  font-size: 11px;
}

.pm-scope .divbar__track {
  background: #999eab14;
  background: lab(65.0842% .243634 -7.51679 / .08);
  border-radius: 6px;
  height: 22px;
  position: relative;
}

.pm-scope .divbar__axis {
  z-index: 2;
  background: #4f556673;
  background: lab(36.0057% .708118 -11.121 / .45);
  border-radius: 2px;
  width: 2px;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 50%;
}

.pm-scope .divbar__bar {
  border-radius: 5px;
  min-width: 2px;
  transition: width .6s cubic-bezier(.2, .7, .2, 1), left .6s cubic-bezier(.2, .7, .2, 1);
  position: absolute;
  top: 4px;
  bottom: 4px;
}

.pm-scope .divbar__end {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 1px;
  display: flex;
}

.pm-scope .divbar__mult {
  font-size: 21px;
  line-height: 1;
}

.pm-scope .divbar__idx {
  color: var(--color-fg-subtle);
  letter-spacing: .03em;
  font-size: 10px;
}

.pm-scope .penbar {
  grid-template-columns: 170px 1fr 56px;
  align-items: center;
  gap: 14px;
  padding: 7px 0;
  display: grid;
}

.pm-scope .penbar__label {
  color: var(--color-fg);
  font-size: 13px;
  line-height: 1.25;
}

.pm-scope .penbar__track {
  background: #999eab1a;
  background: lab(65.0842% .243634 -7.51679 / .1);
  border-radius: 6px;
  height: 22px;
  overflow: hidden;
}

.pm-scope .penbar__fill {
  background: var(--gradient-primary-r);
  border-radius: 6px;
  height: 100%;
  transition: width .7s cubic-bezier(.2, .7, .2, 1);
  display: block;
}

.pm-scope .penbar__val {
  color: var(--color-fg);
  text-align: right;
  font-size: 16px;
}

@media (max-width: 560px) {
  .pm-scope .divbar {
    grid-template-columns: minmax(120px, 1.6fr) minmax(72px, 1fr) 64px;
    gap: 8px;
  }

  .pm-scope .penbar {
    grid-template-columns: 120px 1fr 48px;
    gap: 8px;
  }
}

.pm-scope .guide2 {
  border-radius: var(--radius);
  border: 1px solid var(--color-border-soft);
  background: #fbfcff99;
  background: lab(98.8185% .020057 -1.51936 / .6);
  margin: 2px 0 16px;
  padding: 12px 16px 11px;
}

.pm-scope .guide2__row {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  display: grid;
}

.pm-scope .guide2__bar {
  border-radius: var(--radius-pill);
  background: linear-gradient(to right, #d72828 0%, #d8610e 22%, #9fa4b2 50%, #50a248 78%, #007d58 100%);
  background: linear-gradient(to right, lab(48.022% 66.1289 46.6137) 0%, lab(55.9025% 45.3584 62.3897) 22%, lab(67.4044% .238985 -7.51922) 50%, lab(59.9987% -39.9459 38.1399) 78%, lab(46.2923% -52.9301 14.7549) 100%);
  height: 9px;
  position: relative;
}

.pm-scope .guide2__bar:after {
  content: "";
  background: #343a4bb3;
  background: lab(24.3951% .883296 -11.0559 / .7);
  border-radius: 2px;
  width: 2px;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 50%;
}

.pm-scope .guide2__end {
  letter-spacing: .02em;
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 700;
}

.pm-scope .guide2__end--lo {
  color: #be2323;
  color: lab(42.4236% 59.8149 41.9956);
}

.pm-scope .guide2__end--hi {
  color: #006527;
  color: lab(36.8643% -46.1539 31.558);
}

.pm-scope .guide2__mid {
  color: var(--color-fg-muted);
  text-align: center;
  margin-top: 9px;
  font-size: 11.5px;
  line-height: 1.45;
}

.pm-scope .callout {
  border-radius: var(--radius);
  padding: 16px 18px;
  position: relative;
}

.pm-scope .callout--accent {
  background: linear-gradient(135deg, #4055ff14, #b950b20f);
  background: linear-gradient(135deg, lab(43.9452% 38.4761 -88.5684 / .08), lab(50.8927% 52.5079 -32.5039 / .06));
  border: 1px solid #4055ff2e;
  border: 1px solid lab(43.9452% 38.4761 -88.5684 / .18);
}

.pm-scope .callout--muted {
  color: var(--color-fg-muted);
  background: #999eab12;
  background: lab(65.0842% .243634 -7.51679 / .07);
  border: 1px dashed #999eab66;
  border: 1px dashed lab(65.0842% .243634 -7.51679 / .4);
}

.pm-scope .callout__title {
  font-family: var(--font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-primary);
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 16px;
  display: flex;
}

.pm-scope .chip {
  border-radius: var(--radius-pill);
  color: var(--color-fg);
  background: #fbfcffb3;
  background: lab(98.8185% .020057 -1.51936 / .7);
  border: 1px solid #d9deecb3;
  border: 1px solid lab(88.2864% .206292 -7.53636 / .7);
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12.5px;
  display: inline-flex;
}

.pm-scope .explorer {
  grid-template-columns: 196px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
}

@media (max-width: 820px) {
  .pm-scope .explorer {
    grid-template-columns: 1fr;
  }
}

.pm-scope .trail {
  flex-direction: column;
  gap: 4px;
  display: flex;
  position: sticky;
  top: 16px;
}

@media (max-width: 820px) {
  .pm-scope .trail {
    flex-flow: wrap;
    position: static;
  }
}

.pm-scope .trail__btn {
  appearance: none;
  cursor: pointer;
  text-align: left;
  border-radius: var(--radius);
  font-family: var(--font-body);
  color: var(--color-fg-muted);
  background: none;
  border: 1px solid #0000;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  font-size: 14px;
  font-weight: 600;
  transition: all .16s;
  display: flex;
}

.pm-scope .trail__btn svg {
  color: var(--color-fg-subtle);
  flex-shrink: 0;
  transition: color .16s;
}

.pm-scope .trail__btn:hover {
  color: var(--color-fg);
  background: #fbfcff99;
  background: lab(98.8185% .020057 -1.51936 / .6);
}

.pm-scope .trail__btn:hover svg {
  color: var(--color-primary);
}

.pm-scope .trail__btn--on {
  color: var(--color-primary);
  box-shadow: var(--shadow-sm);
  background: #fbfcffbf;
  background: lab(98.8185% .020057 -1.51936 / .75);
  border-color: #eff2f999;
  border-color: lab(95.3052% .0686348 -3.78741 / .6);
  font-weight: 700;
}

.pm-scope .trail__btn--on svg {
  color: var(--color-primary);
}

.pm-scope .pdx-hero {
  border-radius: var(--radius-2xl);
  color: #fff;
  box-shadow: var(--shadow-lg);
  background: linear-gradient(135deg, #4055ff, #9429a5);
  background: linear-gradient(135deg, lab(43.9452% 38.4761 -88.5684), lab(38.7259% 56.0002 -44.0452));
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  padding: 24px;
  display: flex;
}

.pm-scope .pdx-hero__id {
  flex: 1;
  min-width: 220px;
}

.pm-scope .pdx-hero__fam {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fffc;
  color: lab(100% 0 0 / .8);
  font-size: 11px;
  font-weight: 700;
}

.pm-scope .pdx-hero__name {
  font-family: var(--font-display);
  letter-spacing: .03em;
  text-transform: uppercase;
  margin: 6px 0 10px;
  font-size: 40px;
  line-height: 1;
}

.pm-scope .pdx-hero__meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.pm-scope .pdx-hero .rel {
  color: #fff;
}

.pm-scope .pdx-hero__n {
  color: #ffffffe6;
  color: lab(100% 0 0 / .9);
  font-size: 13px;
}

.pm-scope .pdx-hero__bn {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.pm-scope .pdx-bn {
  letter-spacing: .03em;
  color: #fff;
  background: #ffffff2e;
  background: lab(100% 0 0 / .18);
  border: 1px solid #ffffff47;
  border: 1px solid lab(100% 0 0 / .28);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
}

.pm-scope .pdx-back {
  cursor: pointer;
  color: var(--color-fg-muted);
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.pm-scope .pdx-back:hover {
  color: var(--color-primary);
}

.pm-scope .pdx-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.pm-scope .pdx-stack {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.pm-scope .fade-in {
  animation: .4s pm-fadeIn;
}

@keyframes pm-fadeIn {
  from {
    transform: translateY(8px);
  }

  to {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-scope .fade-in {
    animation: none;
  }
}

.pm-scope .cmp-bg {
  z-index: -1;
  background: radial-gradient(900px 520px at 12% -8%, #e3e0ff8c, transparent 60%), radial-gradient(760px 520px at 96% 6%, #b9efff73, transparent 60%), var(--color-bg-base);
  position: fixed;
  inset: 0;
}

@supports (color: lab(0% 0 0)) {
  .pm-scope .cmp-bg {
    background: radial-gradient(900px 520px at 12% -8%, lab(89.6169% 14.2859 -34.4342 / .55), transparent 60%), radial-gradient(760px 520px at 96% 6%, lab(91.1682% -19.4873 -19.2325 / .45), transparent 60%), var(--color-bg-base);
  }
}

.pm-scope .cmp-wrap {
  max-width: 1240px;
  font-family: var(--font-body);
  color: var(--color-fg);
  margin: 0 auto;
  padding: 24px 28px 72px;
}

.pm-scope .cmp-crumbs {
  color: var(--color-fg-subtle);
  letter-spacing: .02em;
  margin-bottom: 14px;
  font-size: 12px;
}

.pm-scope .cmp-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 6px;
  display: flex;
}

.pm-scope .cmp-title {
  font-family: var(--font-display);
  letter-spacing: .04em;
  margin: 0;
  font-size: 46px;
  line-height: 1;
}

.pm-scope .cmp-sub {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.pm-scope .cmp-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.pm-scope .cmp {
  grid-template-columns: minmax(190px, 230px) repeat(var(--cols), minmax(0, 1fr));
  margin-top: 18px;
  display: grid;
}

.pm-scope .cmp-corner {
  align-items: flex-end;
  padding: 0 8px 12px 0;
  display: flex;
}

.pm-scope .cmp-corner__guide {
  color: var(--color-fg-subtle);
  font-size: 11px;
  line-height: 1.4;
}

.pm-scope .cmp-colhead {
  z-index: 5;
  -webkit-backdrop-filter: blur(16px);
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  background: #fafcffb8;
  background: lab(98.8131% .0265837 -1.89835 / .72);
  border: 1px solid #eceef580;
  border: 1px solid lab(94.1452% .0689626 -3.78723 / .5);
  border-bottom: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: 0 5px;
  padding: 14px 14px 16px;
  display: flex;
  position: sticky;
  top: 0;
}

.pm-scope .cmp-colhead__top {
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.pm-scope .cmp-colhead__name {
  font-family: var(--font-display);
  letter-spacing: .03em;
  font-size: 22px;
  line-height: 1.02;
}

.pm-scope .cmp-colhead__fam {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 700;
}

.pm-scope .cmp-colhead__meta {
  color: var(--color-fg-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  display: flex;
}

.pm-scope .cmp-colhead__remove {
  cursor: pointer;
  color: var(--color-fg-subtle);
  background: none;
  border: none;
  border-radius: 6px;
  margin-left: auto;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1;
}

.pm-scope .cmp-colhead__remove:hover {
  color: var(--color-fg);
  background: #999eab1f;
  background: lab(65.0842% .243634 -7.51679 / .12);
}

.pm-scope .cmp-tier {
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: var(--radius-pill);
  background: color-mix(in oklch, var(--color-primary) 12%, transparent);
  color: var(--color-primary);
  align-items: center;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .cmp-add {
  border: 1.5px dashed var(--color-border);
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  color: var(--color-fg-subtle);
  cursor: pointer;
  background: none;
  border-bottom: none;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 96px;
  margin: 0 5px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.pm-scope .cmp-add:hover {
  color: var(--color-primary);
  border-color: color-mix(in oklch, var(--color-primary) 45%, transparent);
}

.pm-scope .cmp-group {
  background: linear-gradient(90deg, color-mix(in oklch, var(--color-primary) 13%, transparent), color-mix(in oklch, var(--color-primary) 4%, transparent) 58%, transparent);
  border-left: 3px solid var(--color-primary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  grid-column: 1 / -1;
  align-items: center;
  gap: 10px;
  margin: 28px 0 6px;
  padding: 9px 16px;
  display: flex;
}

.pm-scope .cmp-group:first-of-type {
  margin-top: 10px;
}

.pm-scope .cmp-group__t {
  font-family: var(--font-display);
  letter-spacing: .045em;
  text-transform: uppercase;
  color: var(--color-primary);
  font-size: 17px;
  line-height: 1;
}

.pm-scope .cmp-rowlabel {
  border-top: 1px solid var(--color-border-soft);
  align-items: center;
  padding: 12px 14px 12px 2px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.pm-scope .cmp-cell {
  border-top: 1px solid var(--color-border-soft);
  background: #fafcff80;
  background: lab(98.8131% .0265837 -1.89835 / .5);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 6px;
  margin: 0 5px;
  padding: 10px 14px;
  display: flex;
  position: relative;
}

.pm-scope .cmp-cell--hi {
  background: color-mix(in oklch, var(--bucket-high) 12%, #fafcff80);
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--bucket-high) 35%, transparent);
}

@supports (color: lab(0% 0 0)) {
  .pm-scope .cmp-cell--hi {
    background: color-mix(in oklch, var(--bucket-high) 12%, lab(98.8131% .0265837 -1.89835 / .5));
  }
}

.pm-scope .cmp-cell--lo {
  background: color-mix(in oklch, var(--bucket-very-low) 9%, #fafcff80);
}

@supports (color: lab(0% 0 0)) {
  .pm-scope .cmp-cell--lo {
    background: color-mix(in oklch, var(--bucket-very-low) 9%, lab(98.8131% .0265837 -1.89835 / .5));
  }
}

.pm-scope .cmp-cell--empty {
  color: var(--color-fg-subtle);
  align-items: center;
  font-size: 13px;
}

.pm-scope .cmp-cell__top {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.pm-scope .cmp-mult {
  font-family: var(--font-display);
  letter-spacing: .02em;
  font-size: 21px;
  line-height: 1;
}

.pm-scope .cmp-mult__u {
  font-family: var(--font-body);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-fg-subtle);
  margin-left: 3px;
  font-size: 9.5px;
  font-weight: 700;
}

.pm-scope .cmp-pct {
  color: var(--color-fg-muted);
  font-variant-numeric: tabular-nums;
  font-size: 11.5px;
}

.pm-scope .cmp-note {
  color: var(--color-fg-subtle);
  margin-top: 22px;
  font-size: 11.5px;
  line-height: 1.6;
}

.pm-scope .cmp-empty {
  text-align: center;
  color: var(--color-fg-muted);
  padding: 48px 24px;
}

.pm-scope .ctl-combo {
  position: relative;
}

.pm-scope .ctl-combo__field {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  color: var(--color-fg);
  cursor: pointer;
  background: #fff9;
  background: lab(100% 0 0 / .6);
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  font-size: 13px;
  display: inline-flex;
}

.pm-scope .ctl-combo__pop {
  z-index: 30;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  width: 320px;
  max-width: 80vw;
  box-shadow: var(--shadow-lg);
  background: #fff;
  padding: 8px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
}

.pm-scope .ctl-combo__input {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  outline: none;
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
}

.pm-scope .ctl-combo__list {
  flex-direction: column;
  gap: 2px;
  max-height: 260px;
  margin-top: 6px;
  display: flex;
  overflow: auto;
}

.pm-scope .ctl-combo__opt {
  text-align: left;
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--color-fg);
  background: none;
  border: none;
  padding: 7px 9px;
  font-size: 13px;
}

.pm-scope .ctl-combo__opt:hover {
  color: var(--color-primary);
  background: #4055ff14;
  background: lab(43.9452% 38.4761 -88.5684 / .08);
}

.pm-scope .ctl-combo__empty {
  color: var(--color-fg-subtle);
  padding: 10px;
  font-size: 12.5px;
}

.pm-scope .ctl-toggle {
  gap: 7px;
}

.pm-scope .ctl-toggle__box {
  border: 1.5px solid var(--color-border);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 11px;
  display: inline-flex;
}

.pm-scope .ctl-toggle.is-on .ctl-toggle__box {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.pm-scope .tag--baseline {
  color: var(--color-fg-muted);
  background: #999eab24;
  background: lab(65.0842% .243634 -7.51679 / .14);
}

.pm-scope .mth-wrap {
  flex-direction: column;
  gap: 20px;
  max-width: 860px;
  margin: 0 auto;
  padding: 8px 0 56px;
  display: flex;
}

.pm-scope .mth-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 8px 0 4px;
  display: flex;
}

.pm-scope .mth-head__main {
  min-width: 0;
}

.pm-scope .mth-head__right {
  flex-shrink: 0;
  padding-top: 6px;
}

.pm-scope .mth-title {
  font-family: var(--font-display);
  letter-spacing: .03em;
  color: var(--color-fg);
  background: var(--gradient-primary);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 6px 0 10px;
  font-size: 46px;
  line-height: 1.02;
}

.pm-scope .mth-lede {
  max-width: 60ch;
  color: var(--color-fg-muted);
  margin: 0;
}

.pm-scope .mth-prose {
  color: var(--color-fg);
  margin: 2px 0 0;
}

.pm-scope .mth-list {
  flex-direction: column;
  gap: 8px;
  margin: 4px 0 0;
  padding-left: 20px;
  display: flex;
}

.pm-scope .mth-list li {
  line-height: 1.6;
}

.pm-scope .mth-list em {
  color: var(--color-fg-muted);
  font-style: italic;
}

.pm-scope .mth-demo {
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-soft);
  background: #fbfcff8c;
  background: lab(98.8185% .020057 -1.51936 / .55);
  flex-direction: column;
  gap: 14px;
  margin-top: 18px;
  padding: 16px 18px;
  display: flex;
}

.pm-scope .mth-caption {
  color: var(--color-fg-muted);
  margin: 2px 0 0;
  font-size: 13px;
}

.pm-scope .mth-tags {
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  display: flex;
}

.pm-scope .mth-tagrow {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-soft);
  background: #fff6;
  background: lab(100% 0 0 / .4);
  grid-template-columns: 110px 1fr;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  display: grid;
}

.pm-scope .mth-tagrow__chip {
  display: inline-flex;
}

.pm-scope .mth-tagrow__rule {
  color: var(--color-fg-muted);
  margin: 0;
  font-size: 13.5px;
}

.pm-scope .mth-rel {
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  display: flex;
}

.pm-scope .mth-relrow {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-soft);
  background: #fff6;
  background: lab(100% 0 0 / .4);
  grid-template-columns: 168px 1fr;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  display: grid;
}

.pm-scope .mth-relrow__badge {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.pm-scope .mth-relrow__rule {
  color: var(--color-fg-muted);
  margin: 0;
  font-size: 13.5px;
}

.pm-scope .mth-prov {
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  display: flex;
}

.pm-scope .mth-provrow {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-soft);
  background: #fff6;
  background: lab(100% 0 0 / .4);
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  display: grid;
}

.pm-scope .mth-provrow__badge {
  display: inline-flex;
}

.pm-scope .mth-provrow__rule {
  color: var(--color-fg-muted);
  margin: 0;
  font-size: 13.5px;
}

.pm-scope .mth-foot {
  text-align: center;
  letter-spacing: .02em;
  color: var(--color-fg-subtle);
  margin: 10px 0 0;
  font-size: 12.5px;
}

@media (max-width: 720px) {
  .pm-scope .mth-title {
    font-size: 36px;
  }

  .pm-scope .mth-head {
    flex-direction: column;
  }

  .pm-scope .mth-tagrow, .pm-scope .mth-relrow, .pm-scope .mth-provrow {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.pm-scope .tour {
  z-index: 60;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.pm-scope .tour-spot {
  pointer-events: none;
  box-shadow: 0 0 0 3px var(--color-primary), 0 0 0 9999px #15192d8c;
  border-radius: 14px;
  transition: top .28s cubic-bezier(.4, 0, .2, 1), left .28s cubic-bezier(.4, 0, .2, 1), width .28s cubic-bezier(.4, 0, .2, 1), height .28s cubic-bezier(.4, 0, .2, 1);
  position: fixed;
}

@supports (color: lab(0% 0 0)) {
  .pm-scope .tour-spot {
    box-shadow: 0 0 0 3px var(--color-primary), 0 0 0 9999px lab(9.1284% 3.464 -14.372 / .55);
  }
}

.pm-scope .tour-tip {
  pointer-events: auto;
  z-index: 61;
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
  background: #fbfcfffa;
  background: lab(98.8185% .020057 -1.51936 / .98);
  padding: 16px 18px 14px;
  transition: top .28s cubic-bezier(.4, 0, .2, 1), left .28s cubic-bezier(.4, 0, .2, 1);
  position: fixed;
}

.pm-scope .tour-skip {
  cursor: pointer;
  color: var(--color-fg-subtle);
  background: none;
  border: 0;
  font-size: 12px;
  position: absolute;
  top: 12px;
  right: 14px;
}

.pm-scope .tour-skip:hover {
  color: var(--color-fg-muted);
}

.pm-scope .tour-tip__kicker {
  margin-bottom: 8px;
}

.pm-scope .tour-tip__head {
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.pm-scope .tour-tip__icon {
  background: var(--gradient-primary);
  color: #fff;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.pm-scope .tour-tip__title {
  font-family: var(--font-display);
  letter-spacing: .03em;
  margin: 0;
  font-size: 22px;
  line-height: 1;
}

.pm-scope .tour-tip__body {
  color: var(--color-fg-muted);
  margin: 0 0 14px;
  font-size: 13.5px;
  line-height: 1.5;
}

.pm-scope .tour-tip__foot {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  display: flex;
}

.pm-scope .tour-dots {
  align-items: center;
  gap: 6px;
  display: flex;
}

.pm-scope .tour-dot {
  background: var(--color-border);
  border-radius: 99px;
  width: 6px;
  height: 6px;
  transition: all .2s;
}

.pm-scope .tour-dot.is-on {
  background: var(--color-primary);
  width: 18px;
}

.pm-scope .tour-tip__btns {
  gap: 8px;
  display: flex;
}

.pm-scope .tour-tip__btns .btn {
  padding: 7px 14px;
}

.pm-scope .tour-dsa {
  cursor: pointer;
  color: var(--color-fg-subtle);
  background: none;
  border: 0;
  margin-top: 10px;
  padding: 0;
  font-size: 11.5px;
  display: block;
}

.pm-scope .tour-dsa:hover {
  color: var(--color-fg-muted);
}

.pm-scope .adm-wrap {
  flex-direction: column;
  gap: 18px;
  max-width: 820px;
  margin: 0 auto;
  padding: 8px 0 64px;
  display: flex;
}

.pm-scope .adm-wrap--wide {
  max-width: 1080px;
}

.pm-scope .adm-head {
  padding: 8px 0 2px;
}

.pm-scope .adm-title {
  font-family: var(--font-display);
  letter-spacing: .03em;
  color: var(--color-fg);
  background: var(--gradient-primary);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 6px 0 8px;
  font-size: 38px;
  line-height: 1.04;
}

.pm-scope .adm-lede {
  max-width: 80ch;
  color: var(--color-fg-muted);
  margin: 0;
}

.pm-scope .adm-prose {
  color: var(--color-fg-muted);
  margin: 2px 0 0;
  font-size: 13.5px;
}

.pm-scope .adm-flag {
  border-radius: var(--radius-md);
  color: #004a35;
  color: lab(27.4615% -47.8002 10.1947);
  background: #00a0761a;
  background: lab(58.027% -56.688 12.4159 / .1);
  border: 1px solid #00a0764d;
  border: 1px solid lab(58.027% -56.688 12.4159 / .3);
  margin: 4px 0 0;
  padding: 10px 12px;
  font-size: 12.5px;
}

.pm-scope .adm-flag--warn {
  color: #794900;
  color: lab(35.7284% 25.4605 76.9293);
  background: #f2a6181f;
  background: lab(74.3059% 21.7583 74.0995 / .12);
  border-color: #d98b0966;
  border-color: lab(64.8649% 24.5976 68.6789 / .4);
}

.pm-scope .adm-field {
  margin-top: 14px;
}

.pm-scope .adm-label {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-fg-subtle);
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 700;
  display: block;
}

.pm-scope .adm-select {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  color: var(--color-fg);
  background: #ffffffb3;
  background: lab(100% 0 0 / .7);
  min-width: 240px;
  padding: 9px 12px;
  font-size: 13.5px;
}

.pm-scope .adm-toggles {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.pm-scope .adm-actions {
  align-items: center;
  gap: 14px;
  padding-top: 4px;
  display: flex;
}

.pm-scope .adm-saved {
  color: #006829;
  color: lab(37.9176% -42.8445 28.9641);
  font-size: 12.5px;
  font-weight: 700;
}

.pm-scope .adm-err {
  color: var(--bucket-very-low);
  font-size: 12.5px;
  font-weight: 600;
}

.pm-scope .adm-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.pm-scope .adm-search {
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-border);
  min-width: 180px;
  color: var(--color-fg);
  background: #ffffffb3;
  background: lab(100% 0 0 / .7);
  outline: none;
  flex: 220px;
  padding: 9px 14px;
  font-size: 13.5px;
}

.pm-scope .adm-bulk {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.pm-scope .adm-counts {
  color: var(--color-fg-muted);
  margin-left: auto;
  font-size: 12px;
  font-weight: 600;
}

.pm-scope .adm-table {
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-xl);
  background: #fafcff99;
  background: lab(98.8131% .0265837 -1.89835 / .6);
  overflow: hidden;
}

.pm-scope .adm-trow {
  border-top: 1px solid var(--color-border-soft);
  grid-template-columns: minmax(180px, 2fr) 90px 150px 90px 80px 80px;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  display: grid;
}

.pm-scope .adm-trow:first-child {
  border-top: none;
}

.pm-scope .adm-trow--head {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-fg-subtle);
  background: #f2f5fc99;
  background: lab(96.4653% .0683069 -3.78759 / .6);
  font-size: 10px;
  font-weight: 700;
}

.pm-scope .adm-trow.is-hidden {
  opacity: .6;
}

.pm-scope .adm-name {
  color: var(--color-fg);
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.pm-scope .adm-badge {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-fg-muted);
  background: #999eab29;
  background: lab(65.0842% .243634 -7.51679 / .16);
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 700;
}

.pm-scope .adm-fam {
  color: var(--color-fg-muted);
  font-size: 12px;
}

.pm-scope .adm-tc {
  text-align: center;
}

.pm-scope .adm-pill {
  appearance: none;
  cursor: pointer;
  border: 1px solid var(--color-border);
  color: var(--color-fg-muted);
  border-radius: var(--radius-pill);
  letter-spacing: .03em;
  background: none;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.pm-scope .adm-pill.is-on {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.pm-scope .adm-vis {
  grid-template-columns: 240px 1fr;
  align-items: start;
  gap: 18px;
  display: grid;
}

.pm-scope .adm-orglist {
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-xl);
  background: #fafcff99;
  background: lab(98.8131% .0265837 -1.89835 / .6);
  max-height: 520px;
  overflow: hidden auto;
}

.pm-scope .adm-orgrow {
  text-align: left;
  border: none;
  border-top: 1px solid var(--color-border-soft);
  cursor: pointer;
  width: 100%;
  color: var(--color-fg);
  background: none;
  padding: 11px 14px;
  font-size: 13.5px;
  display: block;
}

.pm-scope .adm-orgrow:first-child {
  border-top: none;
}

.pm-scope .adm-orgrow:hover {
  background: #4055ff0f;
  background: lab(43.9452% 38.4761 -88.5684 / .06);
}

.pm-scope .adm-orgrow.is-sel {
  color: var(--color-primary);
  background: #4055ff1f;
  background: lab(43.9452% 38.4761 -88.5684 / .12);
  font-weight: 700;
}

.pm-scope .adm-scope {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.pm-scope .adm-chips {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.pm-scope .adm-chip {
  color: var(--color-fg);
  border-radius: var(--radius-pill);
  background: #999eab1f;
  background: lab(65.0842% .243634 -7.51679 / .12);
  align-items: center;
  gap: 6px;
  padding: 4px 6px 4px 11px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.pm-scope .adm-chip button {
  cursor: pointer;
  color: var(--color-fg-muted);
  background: none;
  border: none;
  padding: 0 4px;
  font-size: 15px;
  line-height: 1;
}

.pm-scope .adm-chips__empty {
  color: var(--color-fg-subtle);
  font-size: 12.5px;
}

.pm-scope .adm-preview {
  color: var(--color-fg-muted);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-soft);
  background: #ffffff73;
  background: lab(100% 0 0 / .45);
  padding: 12px 14px;
  font-size: 13.5px;
}

@media (max-width: 760px) {
  .pm-scope .adm-vis {
    grid-template-columns: 1fr;
  }

  .pm-scope .adm-trow {
    grid-template-columns: 1fr 70px 70px;
  }

  .pm-scope .adm-trow > :nth-child(3) {
    display: none;
  }
}

.pm-scope .adv-bg {
  z-index: -1;
  background: radial-gradient(900px 520px at 12% -8%, #e3e0ff80, transparent 60%), radial-gradient(760px 520px at 96% 6%, #b9efff66, transparent 60%), var(--color-bg-base);
  position: fixed;
  inset: 0;
}

@supports (color: lab(0% 0 0)) {
  .pm-scope .adv-bg {
    background: radial-gradient(900px 520px at 12% -8%, lab(89.6169% 14.2859 -34.4342 / .5), transparent 60%), radial-gradient(760px 520px at 96% 6%, lab(91.1682% -19.4873 -19.2325 / .4), transparent 60%), var(--color-bg-base);
  }
}

.pm-scope .adv-wrap {
  max-width: 1180px;
  font-family: var(--font-body);
  color: var(--color-fg);
  margin: 0 auto;
  padding: 24px 28px 72px;
}

.pm-scope .adv-crumbs {
  color: var(--color-fg-subtle);
  margin-bottom: 10px;
  font-size: 12px;
}

.pm-scope .adv-title {
  font-family: var(--font-display);
  letter-spacing: .04em;
  margin: 0;
  font-size: 46px;
  line-height: 1;
}

.pm-scope .adv-sub {
  color: var(--color-fg-muted);
  max-width: 92ch;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.55;
}

.pm-scope .adv-controls {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
  display: flex;
}

.pm-scope .adv-controls__right {
  align-items: center;
  gap: 14px;
  display: flex;
}

.pm-scope .adv-ctl {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.pm-scope .adv-select {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  color: var(--color-fg);
  background: #ffffffb3;
  background: lab(100% 0 0 / .7);
  min-width: 220px;
  padding: 8px 12px;
  font-size: 13px;
}

.pm-scope .adv-hero {
  border-radius: var(--radius-2xl);
  border: 1px solid var(--color-border-soft);
  box-shadow: var(--shadow-sm);
  background: #fafcffb3;
  background: lab(98.8131% .0265837 -1.89835 / .7);
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px 18px;
  margin-top: 18px;
  padding: 18px 20px;
  display: grid;
}

.pm-scope .adv-hero__id {
  min-width: 0;
}

.pm-scope .adv-hero__fam {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-fg-subtle);
  font-size: 11px;
  font-weight: 700;
}

.pm-scope .adv-hero__name {
  font-family: var(--font-display);
  letter-spacing: .02em;
  margin: 4px 0 7px;
  font-size: 30px;
  line-height: 1;
}

.pm-scope .adv-hero__meta {
  color: var(--color-fg-muted);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.pm-scope .adv-hero__note {
  color: var(--color-fg-muted);
  grid-column: 1 / -1;
  font-size: 12.5px;
  line-height: 1.55;
}

.pm-scope .adv-stack {
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.pm-scope .adv-cap {
  color: var(--color-fg-muted);
  margin: 0 0 12px;
  font-size: 12.5px;
  line-height: 1.5;
}

.pm-scope .adv-passion {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px 24px;
  display: grid;
}

.pm-scope .adv-two {
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
  display: grid;
}

.pm-scope .adv-introbar {
  flex-direction: column;
  gap: 4px;
  margin-top: 18px;
  display: flex;
}

.pm-scope .adv-introbar__hint {
  color: var(--color-fg-muted);
  font-size: 12px;
}

.pm-scope .adv-matrix {
  grid-template-columns: minmax(200px, 1.6fr) repeat(var(--mcols), minmax(56px, 1fr));
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-xl);
  background: #fafcff80;
  background: lab(98.8131% .0265837 -1.89835 / .5);
  gap: 4px;
  margin-top: 14px;
  padding: 12px;
  display: grid;
  overflow-x: auto;
}

.pm-scope .adv-mrow {
  display: contents;
}

.pm-scope .adv-mseg {
  color: var(--color-fg);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  padding: 8px 6px;
  font-size: 12.5px;
  display: flex;
}

.pm-scope .adv-mseg b {
  font-family: var(--font-display);
  letter-spacing: .03em;
}

.pm-scope .adv-mlean {
  color: var(--color-fg-subtle);
  font-size: 10.5px;
}

.pm-scope .adv-mcell {
  font-family: var(--font-display);
  letter-spacing: .02em;
  text-align: center;
  color: var(--color-fg-muted);
  background: #ffffff80;
  background: lab(100% 0 0 / .5);
  border-radius: 6px;
  padding: 8px 4px;
  font-size: 16px;
}

.pm-scope .adv-mcell--head {
  font-family: var(--font-body);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-fg-subtle);
  background: none;
  align-self: end;
  font-size: 10px;
  font-weight: 700;
}

.pm-scope .adv-mrow--head .adv-mseg {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-fg-subtle);
  font-size: 10px;
  font-weight: 700;
}

.pm-scope .adv-note {
  color: var(--color-fg-subtle);
  margin-top: 26px;
  font-size: 11.5px;
  line-height: 1.6;
}

@media (max-width: 760px) {
  .pm-scope .adv-two {
    grid-template-columns: 1fr;
  }

  .pm-scope .adv-controls {
    flex-direction: column;
    align-items: stretch;
  }
}

.pm-scope .basechip {
  border-radius: var(--radius-pill);
  background: var(--gradient-secondary);
  color: #fff;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .bd-hero {
  border-radius: var(--radius-2xl);
  color: #fff;
  box-shadow: var(--shadow-xl);
  background: linear-gradient(125deg, #005733 0%, #005139 45%, #005d5b 100%);
  background: linear-gradient(125deg, lab(32.0718% -44.0112 19.3111) 0%, lab(29.6548% -43.3622 9.36566) 45%, lab(35.3055% -43.9531 -10.1442) 100%);
  position: relative;
  overflow: hidden;
}

.pm-scope .bd-hero__glow {
  border-radius: 50%;
  position: absolute;
}

.pm-scope .bd-hero__glow--1 {
  background: radial-gradient(circle, #5fd37f66, #0000 65%);
  background: radial-gradient(circle, lab(76.5065% -48.1818 31.6252 / .4), #0000 65%);
  width: 360px;
  height: 360px;
  top: -120px;
  right: -80px;
}

.pm-scope .bd-hero__glow--2 {
  background: radial-gradient(circle, #00b5bc66, #0000 65%);
  background: radial-gradient(circle, lab(66.5438% -43.6733 -17.8816 / .4), #0000 65%);
  width: 380px;
  height: 380px;
  bottom: -140px;
  left: 180px;
}

.pm-scope .bd-hero__inner {
  padding: 24px 28px;
  position: relative;
}

.pm-scope .bd-hero__top {
  flex-wrap: wrap;
  align-items: center;
  gap: 26px;
  display: flex;
}

.pm-scope .bd-hero__id {
  flex: 1;
  min-width: 280px;
}

.pm-scope .bd-hero__tags {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.pm-scope .bd-hero__kick {
  letter-spacing: .04em;
  color: #ffffffb3;
  color: lab(100% 0 0 / .7);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.pm-scope .bd-hero__name {
  font-family: var(--font-display);
  color: #fff;
  letter-spacing: .02em;
  margin: 0;
  font-size: 52px;
  line-height: .92;
}

.pm-scope .bd-hero__badges {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  display: flex;
}

.pm-scope .bd-arch {
  border-radius: var(--radius-pill);
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  background: #05893ee6;
  background: lab(49.6613% -45.6133 30.4579 / .9);
  border: 1px solid #ffffff40;
  border: 1px solid lab(100% 0 0 / .25);
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  font-size: 11.5px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .bd-arch__dot {
  background: #bbf7d0;
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.pm-scope .bd-pali {
  min-width: 150px;
}

.pm-scope .bd-pali__scale {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff9;
  color: lab(100% 0 0 / .6);
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 9.5px;
  font-weight: 700;
  display: flex;
}

.pm-scope .bd-pali__track {
  background: #ffffff2e;
  background: lab(100% 0 0 / .18);
  border-radius: 99px;
  height: 8px;
  position: relative;
}

.pm-scope .bd-pali__mid {
  background: #ffffff80;
  background: lab(100% 0 0 / .5);
  width: 1.5px;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 50%;
}

.pm-scope .bd-pali__fill {
  background: linear-gradient(to right, #7cd591, #92e2b7);
  background: linear-gradient(to right, lab(78.4684% -38.941 25.3387), lab(83.9364% -32.6603 12.9089));
  border-radius: 99px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.pm-scope .bd-pali__knob {
  background: #fff;
  border-radius: 99px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -3px;
  box-shadow: 0 1px 4px #0000004d;
  box-shadow: 0 1px 4px lab(0% 0 0 / .3);
}

.pm-scope .bd-hero__sep {
  background: #fff3;
  background: lab(100% 0 0 / .2);
  width: 1px;
  height: 16px;
}

.pm-scope .bd-hero__cat {
  letter-spacing: .11em;
  text-transform: uppercase;
  color: #ffffffa6;
  color: lab(100% 0 0 / .65);
  font-size: 10px;
  font-weight: 700;
}

.pm-scope .bd-hero__brand {
  border-radius: var(--radius-pill);
  background: #ffffff24;
  background: lab(100% 0 0 / .14);
  border: 1px solid #ffffff38;
  border: 1px solid lab(100% 0 0 / .22);
  padding: 4px 11px;
  font-size: 11.5px;
  font-weight: 600;
}

.pm-scope .bd-hero__exec {
  color: #ffffffe0;
  color: lab(100% 0 0 / .88);
  max-width: 108ch;
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.55;
}

.pm-scope .bd-hero__kpis {
  border-top: 1px solid #ffffff29;
  border-top: 1px solid lab(100% 0 0 / .16);
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 22px;
  padding-top: 20px;
  display: grid;
}

.pm-scope .bd-kpi {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.pm-scope .bd-kpi__l {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #fff9;
  color: lab(100% 0 0 / .6);
  font-size: 9.5px;
  font-weight: 700;
}

.pm-scope .bd-kpi__v {
  font-family: var(--font-display);
  letter-spacing: .02em;
  color: #fff;
  font-size: 26px;
  line-height: .95;
}

.pm-scope .bd-kpi__s {
  color: #ffffffa6;
  color: lab(100% 0 0 / .65);
  font-size: 11px;
}

.pm-scope .bd-hero__foot {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  display: flex;
}

.pm-scope .bd-hero__rel {
  color: #c3eac9;
  color: lab(89.1939% -17.7976 11.403);
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.pm-scope .bd-hero__reldot {
  background: #66da85;
  background: lab(78.8297% -48.1495 31.5686);
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.pm-scope .bd-hero__note {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #ffffff80;
  color: lab(100% 0 0 / .5);
  margin-left: auto;
  font-size: 10.5px;
  font-weight: 700;
}

.pm-scope .bd-bnav {
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-soft);
  background: #fafcffb3;
  background: lab(98.8131% .0265837 -1.89835 / .7);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  display: flex;
}

.pm-scope .bd-bnav__lbl {
  width: 56px;
}

.pm-scope .bd-bnav__hint {
  color: var(--color-fg-subtle);
  margin-left: auto;
  font-size: 11.5px;
}

.pm-scope .bd-quant {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px 28px;
  display: grid;
}

.pm-scope .bd-qcol {
  min-width: 0;
}

.pm-scope .bd-quant .divbar {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 10px;
  padding: 6px 0;
}

.pm-scope .bd-quant .divbar__label {
  grid-area: 1 / 1;
}

.pm-scope .bd-quant .divbar__end {
  flex-direction: row;
  grid-area: 1 / 2;
  align-items: baseline;
  gap: 6px;
}

.pm-scope .bd-quant .divbar__mult {
  font-size: 15px;
}

.pm-scope .bd-quant .divbar__track {
  grid-area: 2 / 1 / auto / -1;
  height: 13px;
}

.pm-scope .bd-quant .divbar__bar {
  top: 3px;
  bottom: 3px;
}

@media (max-width: 760px) {
  .pm-scope .bd-hero__kpis {
    grid-template-columns: repeat(2, 1fr);
  }

  .pm-scope .bd-hero__name {
    font-size: 38px;
  }
}

.pm-scope .bd-hero--seg {
  background: linear-gradient(125deg, #6022a2 0%, #68158a 45%, #802a82 100%);
  background: linear-gradient(125deg, lab(29.2094% 46.7736 -58.476) 0%, lab(27.2066% 48.4292 -46.8806) 45%, lab(33.7042% 45.9088 -31.3119) 100%);
}

.pm-scope .bd-hero--seg .bd-hero__glow--1 {
  background: radial-gradient(circle, #00b7bf66, #0000 65%);
  background: radial-gradient(circle, lab(66.9072% -55.8056 -22.7796 / .4), #0000 65%);
}

.pm-scope .bd-hero--seg .bd-hero__glow--2 {
  background: radial-gradient(circle, #be47b866, #0000 65%);
  background: radial-gradient(circle, lab(50.5537% 58.3311 -36.0292 / .4), #0000 65%);
}

.pm-scope .sg-arch {
  border-radius: var(--radius-pill);
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  background: #7e74e1e6;
  background: lab(53.8138% 24.9622 -55.2485 / .9);
  border: 1px solid #ffffff40;
  border: 1px solid lab(100% 0 0 / .25);
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  font-size: 11.5px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .sg-arch__dot {
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.pm-scope .sg-hero__leandetail {
  color: #fff9;
  color: lab(100% 0 0 / .6);
  font-size: 11px;
}

.pm-scope .sg-agectrl {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  display: flex;
}

.pm-scope .sg-cohorts {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.pm-scope .sg-cohort {
  border-radius: var(--radius);
  border: 1px solid var(--color-border-soft);
  background: #fbfcff80;
  background: lab(98.8185% .020057 -1.51936 / .5);
  flex: 120px;
  min-width: 120px;
  padding: 12px 14px;
}

.pm-scope .sg-cohort--unreliable {
  opacity: .6;
}

.pm-scope .sg-cohort__label {
  font-family: var(--font-display);
  letter-spacing: .02em;
  font-size: 18px;
}

.pm-scope .sg-cohort__n {
  color: var(--color-fg-muted);
  margin-top: 2px;
  font-size: 12px;
}

.pm-scope .sg-cohort__rel {
  letter-spacing: .05em;
  text-transform: uppercase;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .sg-cohort__dot {
  background: currentColor;
  border-radius: 99px;
  width: 7px;
  height: 7px;
}

.pm-scope .sg-cohort__rel--ok {
  color: var(--bucket-high);
}

.pm-scope .sg-cohort__rel--low {
  color: #b67700;
  color: lab(55.6388% 23.5032 96.5963);
}

.pm-scope .sg-cohort__rel--unreliable {
  color: var(--bucket-very-low);
}

.pm-scope .disc-wrap--detail {
  max-width: 1280px;
}

.pm-scope .sg-tier {
  border-top: 1px dashed var(--color-border);
  grid-template-columns: 1fr 1fr;
  gap: 0 32px;
  margin-top: 22px;
  padding-top: 18px;
  display: grid;
}

.pm-scope .sg-sig {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.pm-scope .sg-sigchip {
  font-family: var(--font-display);
  letter-spacing: .02em;
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-border);
  color: var(--color-fg);
  background: #fff9;
  background: lab(100% 0 0 / .6);
  padding: 6px 13px;
  font-size: 15px;
}

@media (max-width: 760px) {
  .pm-scope .sg-tier {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.pm-scope .xb-insight {
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-soft);
  background: #eef6ff99;
  background: lab(96.5002% -2.1244 -7.10868 / .6);
  margin-top: 16px;
  padding: 14px 16px;
}

.pm-scope .xb-insight p {
  color: var(--color-fg-muted);
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.pm-scope .xb-insight strong {
  color: var(--color-fg);
  font-weight: 700;
}

.pm-scope .xb-cats {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
  display: flex;
}

.pm-scope .xb-list {
  margin-top: 14px;
}

.pm-scope .xb-row {
  border-top: 1px solid var(--color-border-soft);
  grid-template-columns: minmax(150px, 210px) 1fr minmax(170px, 200px);
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  display: grid;
}

.pm-scope .xb-row:first-child {
  border-top: none;
}

.pm-scope .xb-row__label {
  color: var(--color-fg);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.3;
}

.pm-scope .xb-row__bars {
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  display: flex;
}

.pm-scope .xb-pair {
  grid-template-columns: 56px 1fr 96px;
  align-items: center;
  gap: 10px;
  display: grid;
}

.pm-scope .xb-pair__who {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-fg);
  font-size: 10px;
  font-weight: 700;
}

.pm-scope .xb-pair__who--peer {
  color: var(--color-fg-subtle);
}

.pm-scope .xb-track {
  background: #999eab1f;
  background: lab(65.0842% .243634 -7.51679 / .12);
  border-radius: 99px;
  height: 12px;
  overflow: hidden;
}

.pm-scope .xb-fill {
  border-radius: 99px;
  height: 100%;
  transition: width .5s cubic-bezier(.4, 0, .2, 1);
  display: block;
}

.pm-scope .xb-fill--total {
  background: var(--gradient-primary-r);
}

.pm-scope .xb-fill--peer {
  background: #a3aabe;
  background: lab(69.6599% .471979 -11.2229);
}

.pm-scope .xb-pair__val {
  font-family: var(--font-display);
  letter-spacing: .02em;
  white-space: nowrap;
  font-size: 15px;
}

.pm-scope .xb-pair__val em {
  font-style: normal;
  font-family: var(--font-body);
  color: var(--color-fg-subtle);
  margin-left: 4px;
  font-size: 11px;
}

.pm-scope .xb-pair__val--peer {
  color: var(--color-fg-muted);
}

.pm-scope .xb-row__dir {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  display: flex;
}

.pm-scope .xb-dir {
  font-size: 12px;
  font-weight: 700;
}

.pm-scope .xb-dir--total {
  color: #006829;
  color: lab(38.0283% -46.0886 31.4169);
}

.pm-scope .xb-dir--cat {
  color: #ac3225;
  color: lab(40.4807% 49.489 37.7892);
}

.pm-scope .xb-meta {
  color: var(--color-fg-subtle);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: inline-flex;
}

.pm-scope .xb-foot {
  color: var(--color-fg-subtle);
  margin: 18px 0 0;
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 760px) {
  .pm-scope .xb-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .pm-scope .xb-row__dir {
    text-align: left;
    align-items: flex-start;
  }
}

.pm-scope .sp-descbox {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-soft);
  border-left: 3px solid var(--color-primary);
  background: #f6f8ffb3;
  background: lab(97.6139% .0887513 -4.54121 / .7);
  margin: 6px 0 14px;
  padding: 12px 15px;
}

.pm-scope .sp-descbox p {
  color: var(--color-fg-muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.pm-scope .sp-descbox strong {
  color: var(--color-fg);
  font-weight: 700;
}

.pm-scope .axisrow {
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 22px;
  display: flex;
}

.pm-scope .axisgrp {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.pm-scope .axisdiv {
  background: var(--color-border-soft);
  align-self: stretch;
  width: 1px;
  min-height: 28px;
}

.pm-scope .sg-ageband {
  border-radius: 999px;
  gap: 2px;
  height: 14px;
  margin: 4px 0 12px;
  display: flex;
  overflow: hidden;
}

.pm-scope .sg-ageband__seg {
  min-width: 6px;
  display: block;
}

.pm-scope .sg-cohort__hue {
  vertical-align: 0;
  border-radius: 3px;
  width: 9px;
  height: 9px;
  margin-right: 7px;
  display: inline-block;
}

.pm-scope .sg-cohort__n2 {
  font-family: var(--font-display);
  color: var(--color-fg);
  margin-top: 4px;
  font-size: 28px;
  line-height: 1;
}

.pm-scope .sg-cohort__sub {
  color: var(--color-fg-subtle);
  margin: 2px 0 6px;
  font-size: 10.5px;
}

.pm-scope .sg-bp__tier {
  color: var(--color-fg-subtle);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 500;
}

.pm-scope .cmp-group__k {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--color-fg-muted);
  font-size: 11px;
  font-weight: 700;
}

.pm-scope .cmp-more {
  grid-column: 1 / -1;
  padding: 2px 0 4px;
}

.pm-scope .mth-tools {
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.pm-scope .mth-toolrow {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-soft);
  background: #fff6;
  background: lab(100% 0 0 / .4);
  grid-template-columns: 150px 1fr;
  align-items: start;
  gap: 14px;
  padding: 11px 12px;
  display: grid;
}

.pm-scope .mth-toolrow__name {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-primary);
  align-items: center;
  gap: 7px;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.pm-scope .mth-toolrow__rule {
  color: var(--color-fg-muted);
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
}

@media (max-width: 700px) {
  .pm-scope .mth-toolrow {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.pm-scope .tour-tip .divbar {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 10px;
  padding: 6px 0;
}

.pm-scope .tour-tip .divbar__label {
  grid-area: 1 / 1;
}

.pm-scope .tour-tip .divbar__end {
  flex-direction: row;
  grid-area: 1 / 2;
  align-items: baseline;
  gap: 6px;
}

.pm-scope .tour-tip .divbar__mult {
  font-size: 15px;
}

.pm-scope .tour-tip .divbar__track {
  grid-area: 2 / 1 / auto / -1;
  height: 14px;
}

.pm-scope .tour-tip .divbar__bar {
  top: 3px;
  bottom: 3px;
}

.dark .pm-scope, .pm-scope.dark {
  --color-bg-base: #060911;
  --color-fg: #eceef5;
  --color-fg-muted: #959bab;
  --color-fg-subtle: #737784;
  --color-primary: #8194ff;
  --color-primary-600: #707bfd;
  --color-accent: #00bbc3;
  --color-border: #ffffff24;
  --color-border-soft: #ffffff14;
  --shadow-xs: 0 1px 2px #0000004d;
  --shadow-sm: 0 2px 8px #00000059;
  --shadow-md: 0 4px 16px #0000006b;
  --shadow-lg: 0 8px 32px #0000007a;
  --shadow-xl: 0 16px 48px #0000008c;
  --shadow-glow: 0 8px 32px #7c52f066;
  --pm-surface: #181b25;
  --pm-glass: #2326309e;
  --pm-glass-strong: #232630db;
  --pm-glass-soft: #20242e73;
  --pm-glass-border: #ffffff17;
  --pm-strategic-bg: linear-gradient(135deg, #2f28498c, #20223773);
  --pm-strategic-border: #8194ff52;
  --pm-pill-base: #181b25;
}

@supports (color: lab(0% 0 0)) {
  .dark .pm-scope, .pm-scope.dark {
    --color-bg-base: lab(2.40668% .431754 -4.19189);
    --color-fg: lab(94.1452% .0689626 -3.78723);
    --color-fg-muted: lab(63.8918% .361264 -9.36774);
    --color-fg-subtle: lab(50.0018% .282198 -7.49751);
    --color-primary: lab(63.1802% 18.9487 -64.1191);
    --color-primary-600: lab(55.8579% 24.2177 -67.2563);
    --color-accent: lab(68.8653% -43.6973 -17.8986);
    --color-border: lab(100% 0 0 / .14);
    --color-border-soft: lab(100% 0 0 / .08);
    --pm-surface: lab(9.96218% .608481 -7.36386);
    --pm-glass: lab(15.1877% .517309 -7.39654 / .62);
    --pm-glass-strong: lab(15.1877% .517309 -7.39654 / .86);
    --pm-glass-soft: lab(14.0267% .534758 -7.39003 / .45);
    --pm-glass-border: lab(100% 0 0 / .09);
    --pm-strategic-bg: linear-gradient(135deg, lab(18.024% 10.3117 -20.0491 / .55), lab(13.7525% 4.1651 -14.2833 / .45));
    --pm-strategic-border: lab(63.1802% 18.9487 -64.1191 / .32);
    --pm-pill-base: lab(9.96218% .608481 -7.36386);
  }
}

:is(.dark .pm-scope, .pm-scope.dark) .disc-bcard, :is(.dark .pm-scope, .pm-scope.dark) .disc-scard, :is(.dark .pm-scope, .pm-scope.dark) .pm-card--glass, :is(.dark .pm-scope, .pm-scope.dark) .guide2, :is(.dark .pm-scope, .pm-scope.dark) .chip, :is(.dark .pm-scope, .pm-scope.dark) .mth-demo, :is(.dark .pm-scope, .pm-scope.dark) .adm-table, :is(.dark .pm-scope, .pm-scope.dark) .adm-orglist, :is(.dark .pm-scope, .pm-scope.dark) .adv-hero, :is(.dark .pm-scope, .pm-scope.dark) .bd-bnav, :is(.dark .pm-scope, .pm-scope.dark) .xb-insight, :is(.dark .pm-scope, .pm-scope.dark) .sp-descbox {
  background: var(--pm-glass);
  border-color: var(--pm-glass-border);
}

:is(.dark .pm-scope, .pm-scope.dark) .pm-card--glass {
  box-shadow: 0 4px 24px #00000073, inset 0 1px #ffffff0d;
  box-shadow: 0 4px 24px lab(0% 0 0 / .45098), inset 0 1px lab(100% 0 0 / .05);
}

:is(.dark .pm-scope, .pm-scope.dark) .disc-search, :is(.dark .pm-scope, .pm-scope.dark) .cmp-colhead, :is(.dark .pm-scope, .pm-scope.dark) .trail__btn--on {
  background: var(--pm-glass-strong);
  border-color: var(--pm-glass-border);
}

:is(.dark .pm-scope, .pm-scope.dark) .trail__btn:hover {
  background: var(--pm-glass);
}

:is(.dark .pm-scope, .pm-scope.dark) .disc-matrix, :is(.dark .pm-scope, .pm-scope.dark) .cmp-cell, :is(.dark .pm-scope, .pm-scope.dark) .adv-matrix, :is(.dark .pm-scope, .pm-scope.dark) .sg-cohort, :is(.dark .pm-scope, .pm-scope.dark) .adm-trow--head {
  background: var(--pm-glass-soft);
}

:is(.dark .pm-scope, .pm-scope.dark) .cmp-cell--hi {
  background: color-mix(in oklch, var(--bucket-high) 16%, var(--pm-glass-soft));
}

:is(.dark .pm-scope, .pm-scope.dark) .cmp-cell--lo {
  background: color-mix(in oklch, var(--bucket-very-low) 13%, var(--pm-glass-soft));
}

:is(.dark .pm-scope, .pm-scope.dark) .btn--ghost, :is(.dark .pm-scope, .pm-scope.dark) .adm-select, :is(.dark .pm-scope, .pm-scope.dark) .adm-search, :is(.dark .pm-scope, .pm-scope.dark) .adv-select, :is(.dark .pm-scope, .pm-scope.dark) .ctl-combo__field, :is(.dark .pm-scope, .pm-scope.dark) .adm-preview, :is(.dark .pm-scope, .pm-scope.dark) .mth-tagrow, :is(.dark .pm-scope, .pm-scope.dark) .mth-relrow, :is(.dark .pm-scope, .pm-scope.dark) .mth-provrow, :is(.dark .pm-scope, .pm-scope.dark) .mth-toolrow, :is(.dark .pm-scope, .pm-scope.dark) .adv-mcell, :is(.dark .pm-scope, .pm-scope.dark) .sg-sigchip {
  background: var(--pm-glass);
  border-color: var(--pm-glass-border);
}

:is(.dark .pm-scope, .pm-scope.dark) .pm-tab--active, :is(.dark .pm-scope, .pm-scope.dark) .ctl-combo__pop, :is(.dark .pm-scope, .pm-scope.dark) .disc-mcell {
  background: var(--pm-surface);
}

:is(.dark .pm-scope, .pm-scope.dark) .disc-mcell:hover {
  background: color-mix(in oklch, var(--color-primary) 14%, var(--pm-surface));
}

:is(.dark .pm-scope, .pm-scope.dark) .disc-mcell--base {
  background: color-mix(in oklch, var(--color-primary) 22%, var(--pm-surface));
}

:is(.dark .pm-scope, .pm-scope.dark) .pm-tabs {
  border-color: var(--pm-glass-border);
}

:is(.dark .pm-scope, .pm-scope.dark) .rel--ok {
  color: #6ed889;
  color: lab(78.7102% -45.0683 29.4705);
}

:is(.dark .pm-scope, .pm-scope.dark) .rel--low {
  color: #eebc4a;
  color: lab(79.3341% 9.98151 62.1892);
}

:is(.dark .pm-scope, .pm-scope.dark) .rel--unreliable {
  color: #ff7b6d;
  color: lab(68.1361% 55.6889 36.6643);
}

:is(.dark .pm-scope, .pm-scope.dark) .prov--data {
  color: #5cd0ea;
  color: lab(77.5121% -28.3776 -23.3985);
}

:is(.dark .pm-scope, .pm-scope.dark) .prov--derived {
  color: #b6bdff;
  color: lab(77.6466% 15.2439 -49.8369);
}

:is(.dark .pm-scope, .pm-scope.dark) .prov--ai {
  color: #fd9cf5;
  color: lab(76.8046% 46.7634 -29.1679);
}

:is(.dark .pm-scope, .pm-scope.dark) .tag--defining {
  color: #49daac;
  color: lab(78.6531% -48.4014 10.781);
}

:is(.dark .pm-scope, .pm-scope.dark) .tag--tension {
  color: #51e1b3;
  color: lab(80.9736% -48.3455 10.7769);
}

:is(.dark .pm-scope, .pm-scope.dark) .tag--over {
  color: #7ade8b;
  color: lab(81.0095% -43.8824 31.3608);
}

:is(.dark .pm-scope, .pm-scope.dark) .tag--under {
  color: #ff8677;
  color: lab(70.4601% 55.6434 36.4952);
}

:is(.dark .pm-scope, .pm-scope.dark) .guide2__end--lo {
  color: #ff8579;
  color: lab(70.4367% 55.9354 35.1848);
}

:is(.dark .pm-scope, .pm-scope.dark) .guide2__end--hi {
  color: #6ed889;
  color: lab(78.7102% -45.0683 29.4705);
}

:is(.dark .pm-scope, .pm-scope.dark) .adm-flag {
  color: #5fdfb4;
  color: lab(80.8425% -44.7466 9.99652);
}

:is(.dark .pm-scope, .pm-scope.dark) .adm-flag--warn {
  color: #fac053;
  color: lab(81.5097% 13.9276 61.0551);
}

:is(.dark .pm-scope, .pm-scope.dark) .adm-saved, :is(.dark .pm-scope, .pm-scope.dark) .xb-dir--total {
  color: #6ed889;
  color: lab(78.7102% -45.0683 29.4705);
}

:is(.dark .pm-scope, .pm-scope.dark) .xb-dir--cat {
  color: #ff8977;
  color: lab(70.6082% 51.8525 36.579);
}

:is(.dark .pm-scope, .pm-scope.dark) .disc-bg, :is(.dark .pm-scope, .pm-scope.dark) .cmp-bg, :is(.dark .pm-scope, .pm-scope.dark) .adv-bg {
  background: radial-gradient(900px 520px at 12% -8%, #735cc729, transparent 60%), radial-gradient(760px 520px at 96% 6%, #007f9c21, transparent 60%), var(--color-bg-base);
}

@supports (color: lab(0% 0 0)) {
  :is(.dark .pm-scope, .pm-scope.dark) .disc-bg, :is(.dark .pm-scope, .pm-scope.dark) .cmp-bg, :is(.dark .pm-scope, .pm-scope.dark) .adv-bg {
    background: radial-gradient(900px 520px at 12% -8%, lab(45.4801% 29.4697 -53.64 / .16), transparent 60%), radial-gradient(760px 520px at 96% 6%, lab(48.4078% -29.6213 -32.534 / .13), transparent 60%), var(--color-bg-base);
  }
}