@layer vendor, pinega.tokens, pinega.base, pinega.layout, pinega.webawesome, pinega.components, pinega.utilities, pinega.overrides;

/* node_modules/@awesome.me/webawesome/dist/styles/layers.css */
@layer vendor.webawesome {
  @layer wa-native, wa-base, wa-utilities, wa-color-palette, wa-color-variant, wa-theme, wa-theme-dimension, wa-theme-overrides;
  @layer wa-base {
    wa-page :is(*, *:after, *:before) {
      scroll-margin-top: var(--scroll-margin-top);
    }
    wa-page[view=desktop] [data-toggle-nav] {
      display: none;
    }
    wa-page[view=mobile] .wa-desktop-only,
    wa-page[view=desktop] .wa-mobile-only {
      display: none !important;
    }
  }
}

/* node_modules/@awesome.me/webawesome/dist/styles/color/variants/brand.css */
@layer vendor.webawesome {
  @layer wa-color-variant {
    :where(:root),
    .wa-brand-blue {
      --wa-color-brand-95: var(--wa-color-blue-95);
      --wa-color-brand-90: var(--wa-color-blue-90);
      --wa-color-brand-80: var(--wa-color-blue-80);
      --wa-color-brand-70: var(--wa-color-blue-70);
      --wa-color-brand-60: var(--wa-color-blue-60);
      --wa-color-brand-50: var(--wa-color-blue-50);
      --wa-color-brand-40: var(--wa-color-blue-40);
      --wa-color-brand-30: var(--wa-color-blue-30);
      --wa-color-brand-20: var(--wa-color-blue-20);
      --wa-color-brand-10: var(--wa-color-blue-10);
      --wa-color-brand-05: var(--wa-color-blue-05);
      --wa-color-brand: var(--wa-color-blue);
      --wa-color-brand-on: var(--wa-color-blue-on);
    }
    .wa-brand-red {
      --wa-color-brand-95: var(--wa-color-red-95);
      --wa-color-brand-90: var(--wa-color-red-90);
      --wa-color-brand-80: var(--wa-color-red-80);
      --wa-color-brand-70: var(--wa-color-red-70);
      --wa-color-brand-60: var(--wa-color-red-60);
      --wa-color-brand-50: var(--wa-color-red-50);
      --wa-color-brand-40: var(--wa-color-red-40);
      --wa-color-brand-30: var(--wa-color-red-30);
      --wa-color-brand-20: var(--wa-color-red-20);
      --wa-color-brand-10: var(--wa-color-red-10);
      --wa-color-brand-05: var(--wa-color-red-05);
      --wa-color-brand: var(--wa-color-red);
      --wa-color-brand-on: var(--wa-color-red-on);
    }
    .wa-brand-orange {
      --wa-color-brand-95: var(--wa-color-orange-95);
      --wa-color-brand-90: var(--wa-color-orange-90);
      --wa-color-brand-80: var(--wa-color-orange-80);
      --wa-color-brand-70: var(--wa-color-orange-70);
      --wa-color-brand-60: var(--wa-color-orange-60);
      --wa-color-brand-50: var(--wa-color-orange-50);
      --wa-color-brand-40: var(--wa-color-orange-40);
      --wa-color-brand-30: var(--wa-color-orange-30);
      --wa-color-brand-20: var(--wa-color-orange-20);
      --wa-color-brand-10: var(--wa-color-orange-10);
      --wa-color-brand-05: var(--wa-color-orange-05);
      --wa-color-brand: var(--wa-color-orange);
      --wa-color-brand-on: var(--wa-color-orange-on);
    }
    .wa-brand-yellow {
      --wa-color-brand-95: var(--wa-color-yellow-95);
      --wa-color-brand-90: var(--wa-color-yellow-90);
      --wa-color-brand-80: var(--wa-color-yellow-80);
      --wa-color-brand-70: var(--wa-color-yellow-70);
      --wa-color-brand-60: var(--wa-color-yellow-60);
      --wa-color-brand-50: var(--wa-color-yellow-50);
      --wa-color-brand-40: var(--wa-color-yellow-40);
      --wa-color-brand-30: var(--wa-color-yellow-30);
      --wa-color-brand-20: var(--wa-color-yellow-20);
      --wa-color-brand-10: var(--wa-color-yellow-10);
      --wa-color-brand-05: var(--wa-color-yellow-05);
      --wa-color-brand: var(--wa-color-yellow);
      --wa-color-brand-on: var(--wa-color-yellow-on);
    }
    .wa-brand-green {
      --wa-color-brand-95: var(--wa-color-green-95);
      --wa-color-brand-90: var(--wa-color-green-90);
      --wa-color-brand-80: var(--wa-color-green-80);
      --wa-color-brand-70: var(--wa-color-green-70);
      --wa-color-brand-60: var(--wa-color-green-60);
      --wa-color-brand-50: var(--wa-color-green-50);
      --wa-color-brand-40: var(--wa-color-green-40);
      --wa-color-brand-30: var(--wa-color-green-30);
      --wa-color-brand-20: var(--wa-color-green-20);
      --wa-color-brand-10: var(--wa-color-green-10);
      --wa-color-brand-05: var(--wa-color-green-05);
      --wa-color-brand: var(--wa-color-green);
      --wa-color-brand-on: var(--wa-color-green-on);
    }
    .wa-brand-cyan {
      --wa-color-brand-95: var(--wa-color-cyan-95);
      --wa-color-brand-90: var(--wa-color-cyan-90);
      --wa-color-brand-80: var(--wa-color-cyan-80);
      --wa-color-brand-70: var(--wa-color-cyan-70);
      --wa-color-brand-60: var(--wa-color-cyan-60);
      --wa-color-brand-50: var(--wa-color-cyan-50);
      --wa-color-brand-40: var(--wa-color-cyan-40);
      --wa-color-brand-30: var(--wa-color-cyan-30);
      --wa-color-brand-20: var(--wa-color-cyan-20);
      --wa-color-brand-10: var(--wa-color-cyan-10);
      --wa-color-brand-05: var(--wa-color-cyan-05);
      --wa-color-brand: var(--wa-color-cyan);
      --wa-color-brand-on: var(--wa-color-cyan-on);
    }
    .wa-brand-indigo {
      --wa-color-brand-95: var(--wa-color-indigo-95);
      --wa-color-brand-90: var(--wa-color-indigo-90);
      --wa-color-brand-80: var(--wa-color-indigo-80);
      --wa-color-brand-70: var(--wa-color-indigo-70);
      --wa-color-brand-60: var(--wa-color-indigo-60);
      --wa-color-brand-50: var(--wa-color-indigo-50);
      --wa-color-brand-40: var(--wa-color-indigo-40);
      --wa-color-brand-30: var(--wa-color-indigo-30);
      --wa-color-brand-20: var(--wa-color-indigo-20);
      --wa-color-brand-10: var(--wa-color-indigo-10);
      --wa-color-brand-05: var(--wa-color-indigo-05);
      --wa-color-brand: var(--wa-color-indigo);
      --wa-color-brand-on: var(--wa-color-indigo-on);
    }
    .wa-brand-purple {
      --wa-color-brand-95: var(--wa-color-purple-95);
      --wa-color-brand-90: var(--wa-color-purple-90);
      --wa-color-brand-80: var(--wa-color-purple-80);
      --wa-color-brand-70: var(--wa-color-purple-70);
      --wa-color-brand-60: var(--wa-color-purple-60);
      --wa-color-brand-50: var(--wa-color-purple-50);
      --wa-color-brand-40: var(--wa-color-purple-40);
      --wa-color-brand-30: var(--wa-color-purple-30);
      --wa-color-brand-20: var(--wa-color-purple-20);
      --wa-color-brand-10: var(--wa-color-purple-10);
      --wa-color-brand-05: var(--wa-color-purple-05);
      --wa-color-brand: var(--wa-color-purple);
      --wa-color-brand-on: var(--wa-color-purple-on);
    }
    .wa-brand-pink {
      --wa-color-brand-95: var(--wa-color-pink-95);
      --wa-color-brand-90: var(--wa-color-pink-90);
      --wa-color-brand-80: var(--wa-color-pink-80);
      --wa-color-brand-70: var(--wa-color-pink-70);
      --wa-color-brand-60: var(--wa-color-pink-60);
      --wa-color-brand-50: var(--wa-color-pink-50);
      --wa-color-brand-40: var(--wa-color-pink-40);
      --wa-color-brand-30: var(--wa-color-pink-30);
      --wa-color-brand-20: var(--wa-color-pink-20);
      --wa-color-brand-10: var(--wa-color-pink-10);
      --wa-color-brand-05: var(--wa-color-pink-05);
      --wa-color-brand: var(--wa-color-pink);
      --wa-color-brand-on: var(--wa-color-pink-on);
    }
    .wa-brand-gray {
      --wa-color-brand-95: var(--wa-color-gray-95);
      --wa-color-brand-90: var(--wa-color-gray-90);
      --wa-color-brand-80: var(--wa-color-gray-80);
      --wa-color-brand-70: var(--wa-color-gray-70);
      --wa-color-brand-60: var(--wa-color-gray-60);
      --wa-color-brand-50: var(--wa-color-gray-50);
      --wa-color-brand-40: var(--wa-color-gray-40);
      --wa-color-brand-30: var(--wa-color-gray-30);
      --wa-color-brand-20: var(--wa-color-gray-20);
      --wa-color-brand-10: var(--wa-color-gray-10);
      --wa-color-brand-05: var(--wa-color-gray-05);
      --wa-color-brand: var(--wa-color-gray);
      --wa-color-brand-on: var(--wa-color-gray-on);
    }
  }
}

/* node_modules/@awesome.me/webawesome/dist/styles/color/variants/neutral.css */
@layer vendor.webawesome {
  @layer wa-color-variant {
    :where(:root),
    .wa-neutral-gray {
      --wa-color-neutral-95: var(--wa-color-gray-95);
      --wa-color-neutral-90: var(--wa-color-gray-90);
      --wa-color-neutral-80: var(--wa-color-gray-80);
      --wa-color-neutral-70: var(--wa-color-gray-70);
      --wa-color-neutral-60: var(--wa-color-gray-60);
      --wa-color-neutral-50: var(--wa-color-gray-50);
      --wa-color-neutral-40: var(--wa-color-gray-40);
      --wa-color-neutral-30: var(--wa-color-gray-30);
      --wa-color-neutral-20: var(--wa-color-gray-20);
      --wa-color-neutral-10: var(--wa-color-gray-10);
      --wa-color-neutral-05: var(--wa-color-gray-05);
      --wa-color-neutral: var(--wa-color-gray);
      --wa-color-neutral-on: var(--wa-color-gray-on);
    }
    .wa-neutral-red {
      --wa-color-neutral-95: var(--wa-color-red-95);
      --wa-color-neutral-90: var(--wa-color-red-90);
      --wa-color-neutral-80: var(--wa-color-red-80);
      --wa-color-neutral-70: var(--wa-color-red-70);
      --wa-color-neutral-60: var(--wa-color-red-60);
      --wa-color-neutral-50: var(--wa-color-red-50);
      --wa-color-neutral-40: var(--wa-color-red-40);
      --wa-color-neutral-30: var(--wa-color-red-30);
      --wa-color-neutral-20: var(--wa-color-red-20);
      --wa-color-neutral-10: var(--wa-color-red-10);
      --wa-color-neutral-05: var(--wa-color-red-05);
      --wa-color-neutral: var(--wa-color-red);
      --wa-color-neutral-on: var(--wa-color-red-on);
    }
    .wa-neutral-orange {
      --wa-color-neutral-95: var(--wa-color-orange-95);
      --wa-color-neutral-90: var(--wa-color-orange-90);
      --wa-color-neutral-80: var(--wa-color-orange-80);
      --wa-color-neutral-70: var(--wa-color-orange-70);
      --wa-color-neutral-60: var(--wa-color-orange-60);
      --wa-color-neutral-50: var(--wa-color-orange-50);
      --wa-color-neutral-40: var(--wa-color-orange-40);
      --wa-color-neutral-30: var(--wa-color-orange-30);
      --wa-color-neutral-20: var(--wa-color-orange-20);
      --wa-color-neutral-10: var(--wa-color-orange-10);
      --wa-color-neutral-05: var(--wa-color-orange-05);
      --wa-color-neutral: var(--wa-color-orange);
      --wa-color-neutral-on: var(--wa-color-orange-on);
    }
    .wa-neutral-yellow {
      --wa-color-neutral-95: var(--wa-color-yellow-95);
      --wa-color-neutral-90: var(--wa-color-yellow-90);
      --wa-color-neutral-80: var(--wa-color-yellow-80);
      --wa-color-neutral-70: var(--wa-color-yellow-70);
      --wa-color-neutral-60: var(--wa-color-yellow-60);
      --wa-color-neutral-50: var(--wa-color-yellow-50);
      --wa-color-neutral-40: var(--wa-color-yellow-40);
      --wa-color-neutral-30: var(--wa-color-yellow-30);
      --wa-color-neutral-20: var(--wa-color-yellow-20);
      --wa-color-neutral-10: var(--wa-color-yellow-10);
      --wa-color-neutral-05: var(--wa-color-yellow-05);
      --wa-color-neutral: var(--wa-color-yellow);
      --wa-color-neutral-on: var(--wa-color-yellow-on);
    }
    .wa-neutral-green {
      --wa-color-neutral-95: var(--wa-color-green-95);
      --wa-color-neutral-90: var(--wa-color-green-90);
      --wa-color-neutral-80: var(--wa-color-green-80);
      --wa-color-neutral-70: var(--wa-color-green-70);
      --wa-color-neutral-60: var(--wa-color-green-60);
      --wa-color-neutral-50: var(--wa-color-green-50);
      --wa-color-neutral-40: var(--wa-color-green-40);
      --wa-color-neutral-30: var(--wa-color-green-30);
      --wa-color-neutral-20: var(--wa-color-green-20);
      --wa-color-neutral-10: var(--wa-color-green-10);
      --wa-color-neutral-05: var(--wa-color-green-05);
      --wa-color-neutral: var(--wa-color-green);
      --wa-color-neutral-on: var(--wa-color-green-on);
    }
    .wa-neutral-cyan {
      --wa-color-neutral-95: var(--wa-color-cyan-95);
      --wa-color-neutral-90: var(--wa-color-cyan-90);
      --wa-color-neutral-80: var(--wa-color-cyan-80);
      --wa-color-neutral-70: var(--wa-color-cyan-70);
      --wa-color-neutral-60: var(--wa-color-cyan-60);
      --wa-color-neutral-50: var(--wa-color-cyan-50);
      --wa-color-neutral-40: var(--wa-color-cyan-40);
      --wa-color-neutral-30: var(--wa-color-cyan-30);
      --wa-color-neutral-20: var(--wa-color-cyan-20);
      --wa-color-neutral-10: var(--wa-color-cyan-10);
      --wa-color-neutral-05: var(--wa-color-cyan-05);
      --wa-color-neutral: var(--wa-color-cyan);
      --wa-color-neutral-on: var(--wa-color-cyan-on);
    }
    .wa-neutral-blue {
      --wa-color-neutral-95: var(--wa-color-blue-95);
      --wa-color-neutral-90: var(--wa-color-blue-90);
      --wa-color-neutral-80: var(--wa-color-blue-80);
      --wa-color-neutral-70: var(--wa-color-blue-70);
      --wa-color-neutral-60: var(--wa-color-blue-60);
      --wa-color-neutral-50: var(--wa-color-blue-50);
      --wa-color-neutral-40: var(--wa-color-blue-40);
      --wa-color-neutral-30: var(--wa-color-blue-30);
      --wa-color-neutral-20: var(--wa-color-blue-20);
      --wa-color-neutral-10: var(--wa-color-blue-10);
      --wa-color-neutral-05: var(--wa-color-blue-05);
      --wa-color-neutral: var(--wa-color-blue);
      --wa-color-neutral-on: var(--wa-color-blue-on);
    }
    .wa-neutral-indigo {
      --wa-color-neutral-95: var(--wa-color-indigo-95);
      --wa-color-neutral-90: var(--wa-color-indigo-90);
      --wa-color-neutral-80: var(--wa-color-indigo-80);
      --wa-color-neutral-70: var(--wa-color-indigo-70);
      --wa-color-neutral-60: var(--wa-color-indigo-60);
      --wa-color-neutral-50: var(--wa-color-indigo-50);
      --wa-color-neutral-40: var(--wa-color-indigo-40);
      --wa-color-neutral-30: var(--wa-color-indigo-30);
      --wa-color-neutral-20: var(--wa-color-indigo-20);
      --wa-color-neutral-10: var(--wa-color-indigo-10);
      --wa-color-neutral-05: var(--wa-color-indigo-05);
      --wa-color-neutral: var(--wa-color-indigo);
      --wa-color-neutral-on: var(--wa-color-indigo-on);
    }
    .wa-neutral-purple {
      --wa-color-neutral-95: var(--wa-color-purple-95);
      --wa-color-neutral-90: var(--wa-color-purple-90);
      --wa-color-neutral-80: var(--wa-color-purple-80);
      --wa-color-neutral-70: var(--wa-color-purple-70);
      --wa-color-neutral-60: var(--wa-color-purple-60);
      --wa-color-neutral-50: var(--wa-color-purple-50);
      --wa-color-neutral-40: var(--wa-color-purple-40);
      --wa-color-neutral-30: var(--wa-color-purple-30);
      --wa-color-neutral-20: var(--wa-color-purple-20);
      --wa-color-neutral-10: var(--wa-color-purple-10);
      --wa-color-neutral-05: var(--wa-color-purple-05);
      --wa-color-neutral: var(--wa-color-purple);
      --wa-color-neutral-on: var(--wa-color-purple-on);
    }
    .wa-neutral-pink {
      --wa-color-neutral-95: var(--wa-color-pink-95);
      --wa-color-neutral-90: var(--wa-color-pink-90);
      --wa-color-neutral-80: var(--wa-color-pink-80);
      --wa-color-neutral-70: var(--wa-color-pink-70);
      --wa-color-neutral-60: var(--wa-color-pink-60);
      --wa-color-neutral-50: var(--wa-color-pink-50);
      --wa-color-neutral-40: var(--wa-color-pink-40);
      --wa-color-neutral-30: var(--wa-color-pink-30);
      --wa-color-neutral-20: var(--wa-color-pink-20);
      --wa-color-neutral-10: var(--wa-color-pink-10);
      --wa-color-neutral-05: var(--wa-color-pink-05);
      --wa-color-neutral: var(--wa-color-pink);
      --wa-color-neutral-on: var(--wa-color-pink-on);
    }
  }
}

/* node_modules/@awesome.me/webawesome/dist/styles/color/variants/success.css */
@layer vendor.webawesome {
  @layer wa-color-variant {
    :where(:root),
    .wa-success-green {
      --wa-color-success-95: var(--wa-color-green-95);
      --wa-color-success-90: var(--wa-color-green-90);
      --wa-color-success-80: var(--wa-color-green-80);
      --wa-color-success-70: var(--wa-color-green-70);
      --wa-color-success-60: var(--wa-color-green-60);
      --wa-color-success-50: var(--wa-color-green-50);
      --wa-color-success-40: var(--wa-color-green-40);
      --wa-color-success-30: var(--wa-color-green-30);
      --wa-color-success-20: var(--wa-color-green-20);
      --wa-color-success-10: var(--wa-color-green-10);
      --wa-color-success-05: var(--wa-color-green-05);
      --wa-color-success: var(--wa-color-green);
      --wa-color-success-on: var(--wa-color-green-on);
    }
    .wa-success-red {
      --wa-color-success-95: var(--wa-color-red-95);
      --wa-color-success-90: var(--wa-color-red-90);
      --wa-color-success-80: var(--wa-color-red-80);
      --wa-color-success-70: var(--wa-color-red-70);
      --wa-color-success-60: var(--wa-color-red-60);
      --wa-color-success-50: var(--wa-color-red-50);
      --wa-color-success-40: var(--wa-color-red-40);
      --wa-color-success-30: var(--wa-color-red-30);
      --wa-color-success-20: var(--wa-color-red-20);
      --wa-color-success-10: var(--wa-color-red-10);
      --wa-color-success-05: var(--wa-color-red-05);
      --wa-color-success: var(--wa-color-red);
      --wa-color-success-on: var(--wa-color-red-on);
    }
    .wa-success-orange {
      --wa-color-success-95: var(--wa-color-orange-95);
      --wa-color-success-90: var(--wa-color-orange-90);
      --wa-color-success-80: var(--wa-color-orange-80);
      --wa-color-success-70: var(--wa-color-orange-70);
      --wa-color-success-60: var(--wa-color-orange-60);
      --wa-color-success-50: var(--wa-color-orange-50);
      --wa-color-success-40: var(--wa-color-orange-40);
      --wa-color-success-30: var(--wa-color-orange-30);
      --wa-color-success-20: var(--wa-color-orange-20);
      --wa-color-success-10: var(--wa-color-orange-10);
      --wa-color-success-05: var(--wa-color-orange-05);
      --wa-color-success: var(--wa-color-orange);
      --wa-color-success-on: var(--wa-color-orange-on);
    }
    .wa-success-yellow {
      --wa-color-success-95: var(--wa-color-yellow-95);
      --wa-color-success-90: var(--wa-color-yellow-90);
      --wa-color-success-80: var(--wa-color-yellow-80);
      --wa-color-success-70: var(--wa-color-yellow-70);
      --wa-color-success-60: var(--wa-color-yellow-60);
      --wa-color-success-50: var(--wa-color-yellow-50);
      --wa-color-success-40: var(--wa-color-yellow-40);
      --wa-color-success-30: var(--wa-color-yellow-30);
      --wa-color-success-20: var(--wa-color-yellow-20);
      --wa-color-success-10: var(--wa-color-yellow-10);
      --wa-color-success-05: var(--wa-color-yellow-05);
      --wa-color-success: var(--wa-color-yellow);
      --wa-color-success-on: var(--wa-color-yellow-on);
    }
    .wa-success-cyan {
      --wa-color-success-95: var(--wa-color-cyan-95);
      --wa-color-success-90: var(--wa-color-cyan-90);
      --wa-color-success-80: var(--wa-color-cyan-80);
      --wa-color-success-70: var(--wa-color-cyan-70);
      --wa-color-success-60: var(--wa-color-cyan-60);
      --wa-color-success-50: var(--wa-color-cyan-50);
      --wa-color-success-40: var(--wa-color-cyan-40);
      --wa-color-success-30: var(--wa-color-cyan-30);
      --wa-color-success-20: var(--wa-color-cyan-20);
      --wa-color-success-10: var(--wa-color-cyan-10);
      --wa-color-success-05: var(--wa-color-cyan-05);
      --wa-color-success: var(--wa-color-cyan);
      --wa-color-success-on: var(--wa-color-cyan-on);
    }
    .wa-success-blue {
      --wa-color-success-95: var(--wa-color-blue-95);
      --wa-color-success-90: var(--wa-color-blue-90);
      --wa-color-success-80: var(--wa-color-blue-80);
      --wa-color-success-70: var(--wa-color-blue-70);
      --wa-color-success-60: var(--wa-color-blue-60);
      --wa-color-success-50: var(--wa-color-blue-50);
      --wa-color-success-40: var(--wa-color-blue-40);
      --wa-color-success-30: var(--wa-color-blue-30);
      --wa-color-success-20: var(--wa-color-blue-20);
      --wa-color-success-10: var(--wa-color-blue-10);
      --wa-color-success-05: var(--wa-color-blue-05);
      --wa-color-success: var(--wa-color-blue);
      --wa-color-success-on: var(--wa-color-blue-on);
    }
    .wa-success-indigo {
      --wa-color-success-95: var(--wa-color-indigo-95);
      --wa-color-success-90: var(--wa-color-indigo-90);
      --wa-color-success-80: var(--wa-color-indigo-80);
      --wa-color-success-70: var(--wa-color-indigo-70);
      --wa-color-success-60: var(--wa-color-indigo-60);
      --wa-color-success-50: var(--wa-color-indigo-50);
      --wa-color-success-40: var(--wa-color-indigo-40);
      --wa-color-success-30: var(--wa-color-indigo-30);
      --wa-color-success-20: var(--wa-color-indigo-20);
      --wa-color-success-10: var(--wa-color-indigo-10);
      --wa-color-success-05: var(--wa-color-indigo-05);
      --wa-color-success: var(--wa-color-indigo);
      --wa-color-success-on: var(--wa-color-indigo-on);
    }
    .wa-success-purple {
      --wa-color-success-95: var(--wa-color-purple-95);
      --wa-color-success-90: var(--wa-color-purple-90);
      --wa-color-success-80: var(--wa-color-purple-80);
      --wa-color-success-70: var(--wa-color-purple-70);
      --wa-color-success-60: var(--wa-color-purple-60);
      --wa-color-success-50: var(--wa-color-purple-50);
      --wa-color-success-40: var(--wa-color-purple-40);
      --wa-color-success-30: var(--wa-color-purple-30);
      --wa-color-success-20: var(--wa-color-purple-20);
      --wa-color-success-10: var(--wa-color-purple-10);
      --wa-color-success-05: var(--wa-color-purple-05);
      --wa-color-success: var(--wa-color-purple);
      --wa-color-success-on: var(--wa-color-purple-on);
    }
    .wa-success-pink {
      --wa-color-success-95: var(--wa-color-pink-95);
      --wa-color-success-90: var(--wa-color-pink-90);
      --wa-color-success-80: var(--wa-color-pink-80);
      --wa-color-success-70: var(--wa-color-pink-70);
      --wa-color-success-60: var(--wa-color-pink-60);
      --wa-color-success-50: var(--wa-color-pink-50);
      --wa-color-success-40: var(--wa-color-pink-40);
      --wa-color-success-30: var(--wa-color-pink-30);
      --wa-color-success-20: var(--wa-color-pink-20);
      --wa-color-success-10: var(--wa-color-pink-10);
      --wa-color-success-05: var(--wa-color-pink-05);
      --wa-color-success: var(--wa-color-pink);
      --wa-color-success-on: var(--wa-color-pink-on);
    }
    .wa-success-gray {
      --wa-color-success-95: var(--wa-color-gray-95);
      --wa-color-success-90: var(--wa-color-gray-90);
      --wa-color-success-80: var(--wa-color-gray-80);
      --wa-color-success-70: var(--wa-color-gray-70);
      --wa-color-success-60: var(--wa-color-gray-60);
      --wa-color-success-50: var(--wa-color-gray-50);
      --wa-color-success-40: var(--wa-color-gray-40);
      --wa-color-success-30: var(--wa-color-gray-30);
      --wa-color-success-20: var(--wa-color-gray-20);
      --wa-color-success-10: var(--wa-color-gray-10);
      --wa-color-success-05: var(--wa-color-gray-05);
      --wa-color-success: var(--wa-color-gray);
      --wa-color-success-on: var(--wa-color-gray-on);
    }
  }
}

/* node_modules/@awesome.me/webawesome/dist/styles/color/variants/warning.css */
@layer vendor.webawesome {
  @layer wa-color-variant {
    :where(:root),
    .wa-warning-yellow {
      --wa-color-warning-95: var(--wa-color-yellow-95);
      --wa-color-warning-90: var(--wa-color-yellow-90);
      --wa-color-warning-80: var(--wa-color-yellow-80);
      --wa-color-warning-70: var(--wa-color-yellow-70);
      --wa-color-warning-60: var(--wa-color-yellow-60);
      --wa-color-warning-50: var(--wa-color-yellow-50);
      --wa-color-warning-40: var(--wa-color-yellow-40);
      --wa-color-warning-30: var(--wa-color-yellow-30);
      --wa-color-warning-20: var(--wa-color-yellow-20);
      --wa-color-warning-10: var(--wa-color-yellow-10);
      --wa-color-warning-05: var(--wa-color-yellow-05);
      --wa-color-warning: var(--wa-color-yellow);
      --wa-color-warning-on: var(--wa-color-yellow-on);
    }
    .wa-warning-red {
      --wa-color-warning-95: var(--wa-color-red-95);
      --wa-color-warning-90: var(--wa-color-red-90);
      --wa-color-warning-80: var(--wa-color-red-80);
      --wa-color-warning-70: var(--wa-color-red-70);
      --wa-color-warning-60: var(--wa-color-red-60);
      --wa-color-warning-50: var(--wa-color-red-50);
      --wa-color-warning-40: var(--wa-color-red-40);
      --wa-color-warning-30: var(--wa-color-red-30);
      --wa-color-warning-20: var(--wa-color-red-20);
      --wa-color-warning-10: var(--wa-color-red-10);
      --wa-color-warning-05: var(--wa-color-red-05);
      --wa-color-warning: var(--wa-color-red);
      --wa-color-warning-on: var(--wa-color-red-on);
    }
    .wa-warning-orange {
      --wa-color-warning-95: var(--wa-color-orange-95);
      --wa-color-warning-90: var(--wa-color-orange-90);
      --wa-color-warning-80: var(--wa-color-orange-80);
      --wa-color-warning-70: var(--wa-color-orange-70);
      --wa-color-warning-60: var(--wa-color-orange-60);
      --wa-color-warning-50: var(--wa-color-orange-50);
      --wa-color-warning-40: var(--wa-color-orange-40);
      --wa-color-warning-30: var(--wa-color-orange-30);
      --wa-color-warning-20: var(--wa-color-orange-20);
      --wa-color-warning-10: var(--wa-color-orange-10);
      --wa-color-warning-05: var(--wa-color-orange-05);
      --wa-color-warning: var(--wa-color-orange);
      --wa-color-warning-on: var(--wa-color-orange-on);
    }
    .wa-warning-green {
      --wa-color-warning-95: var(--wa-color-green-95);
      --wa-color-warning-90: var(--wa-color-green-90);
      --wa-color-warning-80: var(--wa-color-green-80);
      --wa-color-warning-70: var(--wa-color-green-70);
      --wa-color-warning-60: var(--wa-color-green-60);
      --wa-color-warning-50: var(--wa-color-green-50);
      --wa-color-warning-40: var(--wa-color-green-40);
      --wa-color-warning-30: var(--wa-color-green-30);
      --wa-color-warning-20: var(--wa-color-green-20);
      --wa-color-warning-10: var(--wa-color-green-10);
      --wa-color-warning-05: var(--wa-color-green-05);
      --wa-color-warning: var(--wa-color-green);
      --wa-color-warning-on: var(--wa-color-green-on);
    }
    .wa-warning-cyan {
      --wa-color-warning-95: var(--wa-color-cyan-95);
      --wa-color-warning-90: var(--wa-color-cyan-90);
      --wa-color-warning-80: var(--wa-color-cyan-80);
      --wa-color-warning-70: var(--wa-color-cyan-70);
      --wa-color-warning-60: var(--wa-color-cyan-60);
      --wa-color-warning-50: var(--wa-color-cyan-50);
      --wa-color-warning-40: var(--wa-color-cyan-40);
      --wa-color-warning-30: var(--wa-color-cyan-30);
      --wa-color-warning-20: var(--wa-color-cyan-20);
      --wa-color-warning-10: var(--wa-color-cyan-10);
      --wa-color-warning-05: var(--wa-color-cyan-05);
      --wa-color-warning: var(--wa-color-cyan);
      --wa-color-warning-on: var(--wa-color-cyan-on);
    }
    .wa-warning-blue {
      --wa-color-warning-95: var(--wa-color-blue-95);
      --wa-color-warning-90: var(--wa-color-blue-90);
      --wa-color-warning-80: var(--wa-color-blue-80);
      --wa-color-warning-70: var(--wa-color-blue-70);
      --wa-color-warning-60: var(--wa-color-blue-60);
      --wa-color-warning-50: var(--wa-color-blue-50);
      --wa-color-warning-40: var(--wa-color-blue-40);
      --wa-color-warning-30: var(--wa-color-blue-30);
      --wa-color-warning-20: var(--wa-color-blue-20);
      --wa-color-warning-10: var(--wa-color-blue-10);
      --wa-color-warning-05: var(--wa-color-blue-05);
      --wa-color-warning: var(--wa-color-blue);
      --wa-color-warning-on: var(--wa-color-blue-on);
    }
    .wa-warning-indigo {
      --wa-color-warning-95: var(--wa-color-indigo-95);
      --wa-color-warning-90: var(--wa-color-indigo-90);
      --wa-color-warning-80: var(--wa-color-indigo-80);
      --wa-color-warning-70: var(--wa-color-indigo-70);
      --wa-color-warning-60: var(--wa-color-indigo-60);
      --wa-color-warning-50: var(--wa-color-indigo-50);
      --wa-color-warning-40: var(--wa-color-indigo-40);
      --wa-color-warning-30: var(--wa-color-indigo-30);
      --wa-color-warning-20: var(--wa-color-indigo-20);
      --wa-color-warning-10: var(--wa-color-indigo-10);
      --wa-color-warning-05: var(--wa-color-indigo-05);
      --wa-color-warning: var(--wa-color-indigo);
      --wa-color-warning-on: var(--wa-color-indigo-on);
    }
    .wa-warning-purple {
      --wa-color-warning-95: var(--wa-color-purple-95);
      --wa-color-warning-90: var(--wa-color-purple-90);
      --wa-color-warning-80: var(--wa-color-purple-80);
      --wa-color-warning-70: var(--wa-color-purple-70);
      --wa-color-warning-60: var(--wa-color-purple-60);
      --wa-color-warning-50: var(--wa-color-purple-50);
      --wa-color-warning-40: var(--wa-color-purple-40);
      --wa-color-warning-30: var(--wa-color-purple-30);
      --wa-color-warning-20: var(--wa-color-purple-20);
      --wa-color-warning-10: var(--wa-color-purple-10);
      --wa-color-warning-05: var(--wa-color-purple-05);
      --wa-color-warning: var(--wa-color-purple);
      --wa-color-warning-on: var(--wa-color-purple-on);
    }
    .wa-warning-pink {
      --wa-color-warning-95: var(--wa-color-pink-95);
      --wa-color-warning-90: var(--wa-color-pink-90);
      --wa-color-warning-80: var(--wa-color-pink-80);
      --wa-color-warning-70: var(--wa-color-pink-70);
      --wa-color-warning-60: var(--wa-color-pink-60);
      --wa-color-warning-50: var(--wa-color-pink-50);
      --wa-color-warning-40: var(--wa-color-pink-40);
      --wa-color-warning-30: var(--wa-color-pink-30);
      --wa-color-warning-20: var(--wa-color-pink-20);
      --wa-color-warning-10: var(--wa-color-pink-10);
      --wa-color-warning-05: var(--wa-color-pink-05);
      --wa-color-warning: var(--wa-color-pink);
      --wa-color-warning-on: var(--wa-color-pink-on);
    }
    .wa-warning-gray {
      --wa-color-warning-95: var(--wa-color-gray-95);
      --wa-color-warning-90: var(--wa-color-gray-90);
      --wa-color-warning-80: var(--wa-color-gray-80);
      --wa-color-warning-70: var(--wa-color-gray-70);
      --wa-color-warning-60: var(--wa-color-gray-60);
      --wa-color-warning-50: var(--wa-color-gray-50);
      --wa-color-warning-40: var(--wa-color-gray-40);
      --wa-color-warning-30: var(--wa-color-gray-30);
      --wa-color-warning-20: var(--wa-color-gray-20);
      --wa-color-warning-10: var(--wa-color-gray-10);
      --wa-color-warning-05: var(--wa-color-gray-05);
      --wa-color-warning: var(--wa-color-gray);
      --wa-color-warning-on: var(--wa-color-gray-on);
    }
  }
}

/* node_modules/@awesome.me/webawesome/dist/styles/color/variants/danger.css */
@layer vendor.webawesome {
  @layer wa-color-variant {
    :where(:root),
    .wa-danger-red {
      --wa-color-danger-95: var(--wa-color-red-95);
      --wa-color-danger-90: var(--wa-color-red-90);
      --wa-color-danger-80: var(--wa-color-red-80);
      --wa-color-danger-70: var(--wa-color-red-70);
      --wa-color-danger-60: var(--wa-color-red-60);
      --wa-color-danger-50: var(--wa-color-red-50);
      --wa-color-danger-40: var(--wa-color-red-40);
      --wa-color-danger-30: var(--wa-color-red-30);
      --wa-color-danger-20: var(--wa-color-red-20);
      --wa-color-danger-10: var(--wa-color-red-10);
      --wa-color-danger-05: var(--wa-color-red-05);
      --wa-color-danger: var(--wa-color-red);
      --wa-color-danger-on: var(--wa-color-red-on);
    }
    .wa-danger-orange {
      --wa-color-danger-95: var(--wa-color-orange-95);
      --wa-color-danger-90: var(--wa-color-orange-90);
      --wa-color-danger-80: var(--wa-color-orange-80);
      --wa-color-danger-70: var(--wa-color-orange-70);
      --wa-color-danger-60: var(--wa-color-orange-60);
      --wa-color-danger-50: var(--wa-color-orange-50);
      --wa-color-danger-40: var(--wa-color-orange-40);
      --wa-color-danger-30: var(--wa-color-orange-30);
      --wa-color-danger-20: var(--wa-color-orange-20);
      --wa-color-danger-10: var(--wa-color-orange-10);
      --wa-color-danger-05: var(--wa-color-orange-05);
      --wa-color-danger: var(--wa-color-orange);
      --wa-color-danger-on: var(--wa-color-orange-on);
    }
    .wa-danger-yellow {
      --wa-color-danger-95: var(--wa-color-yellow-95);
      --wa-color-danger-90: var(--wa-color-yellow-90);
      --wa-color-danger-80: var(--wa-color-yellow-80);
      --wa-color-danger-70: var(--wa-color-yellow-70);
      --wa-color-danger-60: var(--wa-color-yellow-60);
      --wa-color-danger-50: var(--wa-color-yellow-50);
      --wa-color-danger-40: var(--wa-color-yellow-40);
      --wa-color-danger-30: var(--wa-color-yellow-30);
      --wa-color-danger-20: var(--wa-color-yellow-20);
      --wa-color-danger-10: var(--wa-color-yellow-10);
      --wa-color-danger-05: var(--wa-color-yellow-05);
      --wa-color-danger: var(--wa-color-yellow);
      --wa-color-danger-on: var(--wa-color-yellow-on);
    }
    .wa-danger-green {
      --wa-color-danger-95: var(--wa-color-green-95);
      --wa-color-danger-90: var(--wa-color-green-90);
      --wa-color-danger-80: var(--wa-color-green-80);
      --wa-color-danger-70: var(--wa-color-green-70);
      --wa-color-danger-60: var(--wa-color-green-60);
      --wa-color-danger-50: var(--wa-color-green-50);
      --wa-color-danger-40: var(--wa-color-green-40);
      --wa-color-danger-30: var(--wa-color-green-30);
      --wa-color-danger-20: var(--wa-color-green-20);
      --wa-color-danger-10: var(--wa-color-green-10);
      --wa-color-danger-05: var(--wa-color-green-05);
      --wa-color-danger: var(--wa-color-green);
      --wa-color-danger-on: var(--wa-color-green-on);
    }
    .wa-danger-cyan {
      --wa-color-danger-95: var(--wa-color-cyan-95);
      --wa-color-danger-90: var(--wa-color-cyan-90);
      --wa-color-danger-80: var(--wa-color-cyan-80);
      --wa-color-danger-70: var(--wa-color-cyan-70);
      --wa-color-danger-60: var(--wa-color-cyan-60);
      --wa-color-danger-50: var(--wa-color-cyan-50);
      --wa-color-danger-40: var(--wa-color-cyan-40);
      --wa-color-danger-30: var(--wa-color-cyan-30);
      --wa-color-danger-20: var(--wa-color-cyan-20);
      --wa-color-danger-10: var(--wa-color-cyan-10);
      --wa-color-danger-05: var(--wa-color-cyan-05);
      --wa-color-danger: var(--wa-color-cyan);
      --wa-color-danger-on: var(--wa-color-cyan-on);
    }
    .wa-danger-blue {
      --wa-color-danger-95: var(--wa-color-blue-95);
      --wa-color-danger-90: var(--wa-color-blue-90);
      --wa-color-danger-80: var(--wa-color-blue-80);
      --wa-color-danger-70: var(--wa-color-blue-70);
      --wa-color-danger-60: var(--wa-color-blue-60);
      --wa-color-danger-50: var(--wa-color-blue-50);
      --wa-color-danger-40: var(--wa-color-blue-40);
      --wa-color-danger-30: var(--wa-color-blue-30);
      --wa-color-danger-20: var(--wa-color-blue-20);
      --wa-color-danger-10: var(--wa-color-blue-10);
      --wa-color-danger-05: var(--wa-color-blue-05);
      --wa-color-danger: var(--wa-color-blue);
      --wa-color-danger-on: var(--wa-color-blue-on);
    }
    .wa-danger-indigo {
      --wa-color-danger-95: var(--wa-color-indigo-95);
      --wa-color-danger-90: var(--wa-color-indigo-90);
      --wa-color-danger-80: var(--wa-color-indigo-80);
      --wa-color-danger-70: var(--wa-color-indigo-70);
      --wa-color-danger-60: var(--wa-color-indigo-60);
      --wa-color-danger-50: var(--wa-color-indigo-50);
      --wa-color-danger-40: var(--wa-color-indigo-40);
      --wa-color-danger-30: var(--wa-color-indigo-30);
      --wa-color-danger-20: var(--wa-color-indigo-20);
      --wa-color-danger-10: var(--wa-color-indigo-10);
      --wa-color-danger-05: var(--wa-color-indigo-05);
      --wa-color-danger: var(--wa-color-indigo);
      --wa-color-danger-on: var(--wa-color-indigo-on);
    }
    .wa-danger-purple {
      --wa-color-danger-95: var(--wa-color-purple-95);
      --wa-color-danger-90: var(--wa-color-purple-90);
      --wa-color-danger-80: var(--wa-color-purple-80);
      --wa-color-danger-70: var(--wa-color-purple-70);
      --wa-color-danger-60: var(--wa-color-purple-60);
      --wa-color-danger-50: var(--wa-color-purple-50);
      --wa-color-danger-40: var(--wa-color-purple-40);
      --wa-color-danger-30: var(--wa-color-purple-30);
      --wa-color-danger-20: var(--wa-color-purple-20);
      --wa-color-danger-10: var(--wa-color-purple-10);
      --wa-color-danger-05: var(--wa-color-purple-05);
      --wa-color-danger: var(--wa-color-purple);
      --wa-color-danger-on: var(--wa-color-purple-on);
    }
    .wa-danger-pink {
      --wa-color-danger-95: var(--wa-color-pink-95);
      --wa-color-danger-90: var(--wa-color-pink-90);
      --wa-color-danger-80: var(--wa-color-pink-80);
      --wa-color-danger-70: var(--wa-color-pink-70);
      --wa-color-danger-60: var(--wa-color-pink-60);
      --wa-color-danger-50: var(--wa-color-pink-50);
      --wa-color-danger-40: var(--wa-color-pink-40);
      --wa-color-danger-30: var(--wa-color-pink-30);
      --wa-color-danger-20: var(--wa-color-pink-20);
      --wa-color-danger-10: var(--wa-color-pink-10);
      --wa-color-danger-05: var(--wa-color-pink-05);
      --wa-color-danger: var(--wa-color-pink);
      --wa-color-danger-on: var(--wa-color-pink-on);
    }
    .wa-danger-gray {
      --wa-color-danger-95: var(--wa-color-gray-95);
      --wa-color-danger-90: var(--wa-color-gray-90);
      --wa-color-danger-80: var(--wa-color-gray-80);
      --wa-color-danger-70: var(--wa-color-gray-70);
      --wa-color-danger-60: var(--wa-color-gray-60);
      --wa-color-danger-50: var(--wa-color-gray-50);
      --wa-color-danger-40: var(--wa-color-gray-40);
      --wa-color-danger-30: var(--wa-color-gray-30);
      --wa-color-danger-20: var(--wa-color-gray-20);
      --wa-color-danger-10: var(--wa-color-gray-10);
      --wa-color-danger-05: var(--wa-color-gray-05);
      --wa-color-danger: var(--wa-color-gray);
      --wa-color-danger-on: var(--wa-color-gray-on);
    }
  }
}

/* node_modules/@awesome.me/webawesome/dist/styles/color/variants.css */
@layer vendor.webawesome;

/* node_modules/@awesome.me/webawesome/dist/styles/color/palettes/base.css */
@layer vendor.webawesome {
  :where(:root),
  :host {
    --wa-color-red-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-red-key), 1) * 100%));
    --wa-color-orange-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-orange-key), 1) * 100%));
    --wa-color-yellow-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-yellow-key), 1) * 100%));
    --wa-color-green-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-green-key), 1) * 100%));
    --wa-color-cyan-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-cyan-key), 1) * 100%));
    --wa-color-blue-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-blue-key), 1) * 100%));
    --wa-color-indigo-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-indigo-key), 1) * 100%));
    --wa-color-purple-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-purple-key), 1) * 100%));
    --wa-color-pink-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-pink-key), 1) * 100%));
    --wa-color-gray-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-gray-key), 1) * 100%));
    --wa-color-red-on: color-mix(in oklab, var(--wa-color-red-10) var(--wa-color-red-gte-60), white);
    --wa-color-orange-on: color-mix(in oklab, var(--wa-color-orange-10) var(--wa-color-orange-gte-60), white);
    --wa-color-yellow-on: color-mix(in oklab, var(--wa-color-yellow-10) var(--wa-color-yellow-gte-60), white);
    --wa-color-green-on: color-mix(in oklab, var(--wa-color-green-10) var(--wa-color-green-gte-60), white);
    --wa-color-cyan-on: color-mix(in oklab, var(--wa-color-cyan-10) var(--wa-color-cyan-gte-60), white);
    --wa-color-blue-on: color-mix(in oklab, var(--wa-color-blue-10) var(--wa-color-blue-gte-60), white);
    --wa-color-indigo-on: color-mix(in oklab, var(--wa-color-indigo-10) var(--wa-color-indigo-gte-60), white);
    --wa-color-purple-on: color-mix(in oklab, var(--wa-color-purple-10) var(--wa-color-purple-gte-60), white);
    --wa-color-pink-on: color-mix(in oklab, var(--wa-color-pink-10) var(--wa-color-pink-gte-60), white);
    --wa-color-gray-on: color-mix(in oklab, var(--wa-color-gray-10) var(--wa-color-gray-gte-60), white);
  }
}

/* node_modules/@awesome.me/webawesome/dist/styles/color/palettes/default.css */
@layer vendor.webawesome {
  @layer wa-color-palette {
    :where(:root),
    .wa-palette-default {
      --wa-color-red-95: #fff0ef ;
      --wa-color-red-90: #ffdedc ;
      --wa-color-red-80: #ffb8b6 ;
      --wa-color-red-70: #fd8f90 ;
      --wa-color-red-60: #f3676c ;
      --wa-color-red-50: #dc3146 ;
      --wa-color-red-40: #b30532 ;
      --wa-color-red-30: #8a132c ;
      --wa-color-red-20: #631323 ;
      --wa-color-red-10: #3e0913 ;
      --wa-color-red-05: #2a040b ;
      --wa-color-red: var(--wa-color-red-50);
      --wa-color-red-key: 50;
      --wa-color-orange-95: #fff0e6 ;
      --wa-color-orange-90: #ffdfca ;
      --wa-color-orange-80: #ffbb94 ;
      --wa-color-orange-70: #ff9266 ;
      --wa-color-orange-60: #f46a45 ;
      --wa-color-orange-50: #cd491c ;
      --wa-color-orange-40: #9f3501 ;
      --wa-color-orange-30: #802700 ;
      --wa-color-orange-20: #601b00 ;
      --wa-color-orange-10: #3c0d00 ;
      --wa-color-orange-05: #280600 ;
      --wa-color-orange: var(--wa-color-orange-60);
      --wa-color-orange-key: 60;
      --wa-color-yellow-95: #fef3cd ;
      --wa-color-yellow-90: #ffe495 ;
      --wa-color-yellow-80: #fac22b ;
      --wa-color-yellow-70: #ef9d00 ;
      --wa-color-yellow-60: #da7e00 ;
      --wa-color-yellow-50: #b45f04 ;
      --wa-color-yellow-40: #8c4602 ;
      --wa-color-yellow-30: #6f3601 ;
      --wa-color-yellow-20: #532600 ;
      --wa-color-yellow-10: #331600 ;
      --wa-color-yellow-05: #220c00 ;
      --wa-color-yellow: var(--wa-color-yellow-80);
      --wa-color-yellow-key: 80;
      --wa-color-green-95: #e3f9e3 ;
      --wa-color-green-90: #c2f2c1 ;
      --wa-color-green-80: #93da98 ;
      --wa-color-green-70: #5dc36f ;
      --wa-color-green-60: #00ac49 ;
      --wa-color-green-50: #00883c ;
      --wa-color-green-40: #036730 ;
      --wa-color-green-30: #0a5027 ;
      --wa-color-green-20: #0a3a1d ;
      --wa-color-green-10: #052310 ;
      --wa-color-green-05: #031608 ;
      --wa-color-green: var(--wa-color-green-60);
      --wa-color-green-key: 60;
      --wa-color-cyan-95: #e3f6fb ;
      --wa-color-cyan-90: #c5ecf7 ;
      --wa-color-cyan-80: #7fd6ec ;
      --wa-color-cyan-70: #2fbedc ;
      --wa-color-cyan-60: #00a3c0 ;
      --wa-color-cyan-50: #078098 ;
      --wa-color-cyan-40: #026274 ;
      --wa-color-cyan-30: #014c5b ;
      --wa-color-cyan-20: #003844 ;
      --wa-color-cyan-10: #002129 ;
      --wa-color-cyan-05: #00151b ;
      --wa-color-cyan: var(--wa-color-cyan-70);
      --wa-color-cyan-key: 70;
      --wa-color-blue-95: #e8f3ff ;
      --wa-color-blue-90: #d1e8ff ;
      --wa-color-blue-80: #9fceff ;
      --wa-color-blue-70: #6eb3ff ;
      --wa-color-blue-60: #3e96ff ;
      --wa-color-blue-50: #0071ec ;
      --wa-color-blue-40: #0053c0 ;
      --wa-color-blue-30: #003f9c ;
      --wa-color-blue-20: #002d77 ;
      --wa-color-blue-10: #001a4e ;
      --wa-color-blue-05: #000f35 ;
      --wa-color-blue: var(--wa-color-blue-50);
      --wa-color-blue-key: 50;
      --wa-color-indigo-95: #f0f2ff ;
      --wa-color-indigo-90: #dfe5ff ;
      --wa-color-indigo-80: #bcc7ff ;
      --wa-color-indigo-70: #9da9ff ;
      --wa-color-indigo-60: #808aff ;
      --wa-color-indigo-50: #6163f2 ;
      --wa-color-indigo-40: #4945cb ;
      --wa-color-indigo-30: #3933a7 ;
      --wa-color-indigo-20: #292381 ;
      --wa-color-indigo-10: #181255 ;
      --wa-color-indigo-05: #0d0a3a ;
      --wa-color-indigo: var(--wa-color-indigo-50);
      --wa-color-indigo-key: 50;
      --wa-color-purple-95: #f7f0ff ;
      --wa-color-purple-90: #eedfff ;
      --wa-color-purple-80: #ddbdff ;
      --wa-color-purple-70: #ca99ff ;
      --wa-color-purple-60: #b678f5 ;
      --wa-color-purple-50: #9951db ;
      --wa-color-purple-40: #7936b3 ;
      --wa-color-purple-30: #612692 ;
      --wa-color-purple-20: #491870 ;
      --wa-color-purple-10: #2d0b48 ;
      --wa-color-purple-05: #1e0532 ;
      --wa-color-purple: var(--wa-color-purple-50);
      --wa-color-purple-key: 50;
      --wa-color-pink-95: #feeff9 ;
      --wa-color-pink-90: #feddf0 ;
      --wa-color-pink-80: #fcb5d8 ;
      --wa-color-pink-70: #f78dbf ;
      --wa-color-pink-60: #e66ba3 ;
      --wa-color-pink-50: #c84382 ;
      --wa-color-pink-40: #9e2a6c ;
      --wa-color-pink-30: #7d1e58 ;
      --wa-color-pink-20: #5e1342 ;
      --wa-color-pink-10: #3c0828 ;
      --wa-color-pink-05: #28041a ;
      --wa-color-pink: var(--wa-color-pink-50);
      --wa-color-pink-key: 50;
      --wa-color-gray-95: #f1f2f3 ;
      --wa-color-gray-90: #e4e5e9 ;
      --wa-color-gray-80: #c7c9d0 ;
      --wa-color-gray-70: #abaeb9 ;
      --wa-color-gray-60: #9194a2 ;
      --wa-color-gray-50: #717584 ;
      --wa-color-gray-40: #545868 ;
      --wa-color-gray-30: #424554 ;
      --wa-color-gray-20: #2f323f ;
      --wa-color-gray-10: #1b1d26 ;
      --wa-color-gray-05: #101219 ;
      --wa-color-gray: var(--wa-color-gray-40);
      --wa-color-gray-key: 40;
    }
  }
}

/* node_modules/@awesome.me/webawesome/dist/styles/themes/default.css */
@layer vendor.webawesome {
  @layer wa-theme {
    :where(:root),
    .wa-theme-default,
    .wa-light,
    .wa-dark .wa-invert,
    .wa-light .wa-theme-default,
    .wa-dark .wa-theme-default.wa-invert,
    .wa-dark .wa-theme-default .wa-invert {
      color-scheme: light;
      color: var(--wa-color-text-normal);
      --wa-color-surface-raised: white;
      --wa-color-surface-default: white;
      --wa-color-surface-lowered: var(--wa-color-neutral-95);
      --wa-color-surface-border: var(--wa-color-neutral-90);
      --wa-color-text-normal: var(--wa-color-neutral-10);
      --wa-color-text-quiet: var(--wa-color-neutral-40);
      --wa-color-text-link: var(--wa-color-brand-40);
      --wa-color-overlay-modal: color-mix(in oklab, var(--wa-color-neutral-05) 50%, transparent);
      --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-80) 25%, transparent);
      --wa-color-shadow: color-mix( in oklab, var(--wa-color-neutral-05) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent );
      --wa-color-focus: var(--wa-color-brand-60);
      --wa-color-mix-hover: oklch(from currentColor calc(1 - l) c h) 10%;
      --wa-color-mix-active: var(--wa-color-surface-default) 10%;
      --wa-color-brand-fill-quiet: var(--wa-color-brand-95);
      --wa-color-brand-fill-normal: var(--wa-color-brand-90);
      --wa-color-brand-fill-loud: var(--wa-color-brand-50);
      --wa-color-brand-border-quiet: var(--wa-color-brand-90);
      --wa-color-brand-border-normal: var(--wa-color-brand-80);
      --wa-color-brand-border-loud: var(--wa-color-brand-60);
      --wa-color-brand-on-quiet: var(--wa-color-brand-40);
      --wa-color-brand-on-normal: var(--wa-color-brand-30);
      --wa-color-brand-on-loud: white;
      --wa-color-success-fill-quiet: var(--wa-color-success-95);
      --wa-color-success-fill-normal: var(--wa-color-success-90);
      --wa-color-success-fill-loud: var(--wa-color-success-50);
      --wa-color-success-border-quiet: var(--wa-color-success-90);
      --wa-color-success-border-normal: var(--wa-color-success-80);
      --wa-color-success-border-loud: var(--wa-color-success-60);
      --wa-color-success-on-quiet: var(--wa-color-success-40);
      --wa-color-success-on-normal: var(--wa-color-success-30);
      --wa-color-success-on-loud: white;
      --wa-color-warning-fill-quiet: var(--wa-color-warning-95);
      --wa-color-warning-fill-normal: var(--wa-color-warning-90);
      --wa-color-warning-fill-loud: var(--wa-color-warning-50);
      --wa-color-warning-border-quiet: var(--wa-color-warning-90);
      --wa-color-warning-border-normal: var(--wa-color-warning-80);
      --wa-color-warning-border-loud: var(--wa-color-warning-60);
      --wa-color-warning-on-quiet: var(--wa-color-warning-40);
      --wa-color-warning-on-normal: var(--wa-color-warning-30);
      --wa-color-warning-on-loud: white;
      --wa-color-danger-fill-quiet: var(--wa-color-danger-95);
      --wa-color-danger-fill-normal: var(--wa-color-danger-90);
      --wa-color-danger-fill-loud: var(--wa-color-danger-50);
      --wa-color-danger-border-quiet: var(--wa-color-danger-90);
      --wa-color-danger-border-normal: var(--wa-color-danger-80);
      --wa-color-danger-border-loud: var(--wa-color-danger-60);
      --wa-color-danger-on-quiet: var(--wa-color-danger-40);
      --wa-color-danger-on-normal: var(--wa-color-danger-30);
      --wa-color-danger-on-loud: white;
      --wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);
      --wa-color-neutral-fill-normal: var(--wa-color-neutral-90);
      --wa-color-neutral-fill-loud: var(--wa-color-neutral-20);
      --wa-color-neutral-border-quiet: var(--wa-color-neutral-90);
      --wa-color-neutral-border-normal: var(--wa-color-neutral-80);
      --wa-color-neutral-border-loud: var(--wa-color-neutral-60);
      --wa-color-neutral-on-quiet: var(--wa-color-neutral-40);
      --wa-color-neutral-on-normal: var(--wa-color-neutral-30);
      --wa-color-neutral-on-loud: white;
    }
    .wa-dark,
    .wa-invert,
    .wa-dark .wa-theme-default,
    .wa-light .wa-theme-default.wa-invert,
    .wa-light .wa-theme-default .wa-invert {
      color-scheme: dark;
      color: var(--wa-color-text-normal);
      --wa-color-surface-raised: var(--wa-color-neutral-10);
      --wa-color-surface-default: var(--wa-color-neutral-05);
      --wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
      --wa-color-surface-border: var(--wa-color-neutral-20);
      --wa-color-text-normal: var(--wa-color-neutral-95);
      --wa-color-text-quiet: var(--wa-color-neutral-60);
      --wa-color-text-link: var(--wa-color-brand-70);
      --wa-color-overlay-modal: color-mix(in oklab, black 60%, transparent);
      --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-50) 10%, transparent);
      --wa-color-shadow: color-mix( in oklab, var(--wa-color-surface-lowered) calc(var(--wa-shadow-blur-scale) * 32% + 40%), transparent );
      --wa-color-focus: var(--wa-color-brand-60);
      --wa-color-mix-hover: oklch(from currentColor calc(1 - l) c h) 20%;
      --wa-color-mix-active: var(--wa-color-surface-default) 20%;
      --wa-color-brand-fill-quiet: var(--wa-color-brand-10);
      --wa-color-brand-fill-normal: var(--wa-color-brand-20);
      --wa-color-brand-fill-loud: var(--wa-color-brand-50);
      --wa-color-brand-border-quiet: var(--wa-color-brand-20);
      --wa-color-brand-border-normal: var(--wa-color-brand-30);
      --wa-color-brand-border-loud: var(--wa-color-brand-40);
      --wa-color-brand-on-quiet: var(--wa-color-brand-60);
      --wa-color-brand-on-normal: var(--wa-color-brand-70);
      --wa-color-brand-on-loud: white;
      --wa-color-success-fill-quiet: var(--wa-color-success-10);
      --wa-color-success-fill-normal: var(--wa-color-success-20);
      --wa-color-success-fill-loud: var(--wa-color-success-50);
      --wa-color-success-border-quiet: var(--wa-color-success-20);
      --wa-color-success-border-normal: var(--wa-color-success-30);
      --wa-color-success-border-loud: var(--wa-color-success-40);
      --wa-color-success-on-quiet: var(--wa-color-success-60);
      --wa-color-success-on-normal: var(--wa-color-success-70);
      --wa-color-success-on-loud: white;
      --wa-color-warning-fill-quiet: var(--wa-color-warning-10);
      --wa-color-warning-fill-normal: var(--wa-color-warning-20);
      --wa-color-warning-fill-loud: var(--wa-color-warning-50);
      --wa-color-warning-border-quiet: var(--wa-color-warning-20);
      --wa-color-warning-border-normal: var(--wa-color-warning-30);
      --wa-color-warning-border-loud: var(--wa-color-warning-40);
      --wa-color-warning-on-quiet: var(--wa-color-warning-60);
      --wa-color-warning-on-normal: var(--wa-color-warning-70);
      --wa-color-warning-on-loud: white;
      --wa-color-danger-fill-quiet: var(--wa-color-danger-10);
      --wa-color-danger-fill-normal: var(--wa-color-danger-20);
      --wa-color-danger-fill-loud: var(--wa-color-danger-50);
      --wa-color-danger-border-quiet: var(--wa-color-danger-20);
      --wa-color-danger-border-normal: var(--wa-color-danger-30);
      --wa-color-danger-border-loud: var(--wa-color-danger-40);
      --wa-color-danger-on-quiet: var(--wa-color-danger-60);
      --wa-color-danger-on-normal: var(--wa-color-danger-70);
      --wa-color-danger-on-loud: white;
      --wa-color-neutral-fill-quiet: var(--wa-color-neutral-10);
      --wa-color-neutral-fill-normal: var(--wa-color-neutral-20);
      --wa-color-neutral-fill-loud: var(--wa-color-neutral-90);
      --wa-color-neutral-border-quiet: var(--wa-color-neutral-20);
      --wa-color-neutral-border-normal: var(--wa-color-neutral-30);
      --wa-color-neutral-border-loud: var(--wa-color-neutral-40);
      --wa-color-neutral-on-quiet: var(--wa-color-neutral-60);
      --wa-color-neutral-on-normal: var(--wa-color-neutral-70);
      --wa-color-neutral-on-loud: var(--wa-color-neutral-05);
    }
    :where(:root),
    .wa-theme-default,
    .wa-light,
    .wa-dark,
    .wa-invert {
      font-family: var(--wa-font-family-body);
      --wa-font-family-body:
        ui-sans-serif,
        system-ui,
        sans-serif;
      --wa-font-family-heading: var(--wa-font-family-body);
      --wa-font-family-code: ui-monospace, monospace;
      --wa-font-family-longform: ui-serif, serif;
      --wa-font-size-scale: 1;
      --wa-font-size-3xs: round(calc(var(--wa-font-size-2xs) / 1.125), 1px);
      --wa-font-size-2xs: round(calc(var(--wa-font-size-xs) / 1.125), 1px);
      --wa-font-size-xs: round(calc(var(--wa-font-size-s) / 1.125), 1px);
      --wa-font-size-s: round(calc(var(--wa-font-size-m) / 1.125), 1px);
      --wa-font-size-m: calc(1rem * var(--wa-font-size-scale));
      --wa-font-size-l: round(calc(var(--wa-font-size-m) * 1.125 * 1.125), 1px);
      --wa-font-size-xl: round(calc(var(--wa-font-size-l) * 1.125 * 1.125), 1px);
      --wa-font-size-2xl: round(calc(var(--wa-font-size-xl) * 1.125 * 1.125), 1px);
      --wa-font-size-3xl: round(calc(var(--wa-font-size-2xl) * 1.125 * 1.125), 1px);
      --wa-font-size-4xl: round(calc(var(--wa-font-size-3xl) * 1.125 * 1.125), 1px);
      --wa-font-size-5xl: round(calc(var(--wa-font-size-4xl) * 1.125 * 1.125), 1px);
      --wa-font-size-smaller: round(calc(1em / 1.125), 1px);
      --wa-font-size-larger: round(calc(1em * 1.125 * 1.125), 1px);
      --wa-font-weight-light: 300;
      --wa-font-weight-normal: 400;
      --wa-font-weight-semibold: 500;
      --wa-font-weight-bold: 600;
      --wa-font-weight-body: var(--wa-font-weight-normal);
      --wa-font-weight-heading: var(--wa-font-weight-bold);
      --wa-font-weight-code: var(--wa-font-weight-normal);
      --wa-font-weight-longform: var(--wa-font-weight-normal);
      --wa-font-weight-action: var(--wa-font-weight-semibold);
      --wa-line-height-condensed: 1.2;
      --wa-line-height-normal: 1.6;
      --wa-line-height-expanded: 2;
      --wa-link-decoration-default: underline color-mix(in oklab, currentColor 70%, transparent) dotted;
      --wa-link-decoration-hover: underline;
      --wa-space-scale: 1;
      --wa-space-3xs: calc(var(--wa-space-scale) * 0.125rem);
      --wa-space-2xs: calc(var(--wa-space-scale) * 0.25rem);
      --wa-space-xs: calc(var(--wa-space-scale) * 0.5rem);
      --wa-space-s: calc(var(--wa-space-scale) * 0.75rem);
      --wa-space-m: calc(var(--wa-space-scale) * 1rem);
      --wa-space-l: calc(var(--wa-space-scale) * 1.5rem);
      --wa-space-xl: calc(var(--wa-space-scale) * 2rem);
      --wa-space-2xl: calc(var(--wa-space-scale) * 2.5rem);
      --wa-space-3xl: calc(var(--wa-space-scale) * 3rem);
      --wa-space-4xl: calc(var(--wa-space-scale) * 4rem);
      --wa-space-5xl: calc(var(--wa-space-scale) * 5rem);
      --wa-content-spacing: var(--wa-space-l);
      --wa-border-style: solid;
      --wa-border-width-scale: 1;
      --wa-border-width-s: calc(var(--wa-border-width-scale) * 0.0625rem);
      --wa-border-width-m: calc(var(--wa-border-width-scale) * 0.125rem);
      --wa-border-width-l: calc(var(--wa-border-width-scale) * 0.1875rem);
      --wa-border-radius-scale: 1;
      --wa-border-radius-s: calc(var(--wa-border-radius-scale) * 0.1875rem);
      --wa-border-radius-m: calc(var(--wa-border-radius-scale) * 0.375rem);
      --wa-border-radius-l: calc(var(--wa-border-radius-scale) * 0.75rem);
      --wa-border-radius-pill: 9999px;
      --wa-border-radius-circle: 50%;
      --wa-border-radius-square: 0px;
      --wa-focus-ring-style: solid;
      --wa-focus-ring-width: 0.1875rem;
      --wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-focus);
      --wa-focus-ring-offset: 0.0625rem;
      --wa-shadow-offset-x-scale: 0;
      --wa-shadow-offset-x-s: calc(var(--wa-shadow-offset-x-scale) * 0.125rem);
      --wa-shadow-offset-x-m: calc(var(--wa-shadow-offset-x-scale) * 0.25rem);
      --wa-shadow-offset-x-l: calc(var(--wa-shadow-offset-x-scale) * 0.5rem);
      --wa-shadow-offset-y-scale: 1;
      --wa-shadow-offset-y-s: calc(var(--wa-shadow-offset-y-scale) * 0.125rem);
      --wa-shadow-offset-y-m: calc(var(--wa-shadow-offset-y-scale) * 0.25rem);
      --wa-shadow-offset-y-l: calc(var(--wa-shadow-offset-y-scale) * 0.5rem);
      --wa-shadow-blur-scale: 1;
      --wa-shadow-blur-s: calc(var(--wa-shadow-blur-scale) * 0.125rem);
      --wa-shadow-blur-m: calc(var(--wa-shadow-blur-scale) * 0.25rem);
      --wa-shadow-blur-l: calc(var(--wa-shadow-blur-scale) * 0.5rem);
      --wa-shadow-spread-scale: -0.5;
      --wa-shadow-spread-s: calc(var(--wa-shadow-spread-scale) * 0.125rem);
      --wa-shadow-spread-m: calc(var(--wa-shadow-spread-scale) * 0.25rem);
      --wa-shadow-spread-l: calc(var(--wa-shadow-spread-scale) * 0.5rem);
      --wa-shadow-s: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s) var(--wa-shadow-spread-s) var(--wa-color-shadow);
      --wa-shadow-m: var(--wa-shadow-offset-x-m) var(--wa-shadow-offset-y-m) var(--wa-shadow-blur-m) var(--wa-shadow-spread-m) var(--wa-color-shadow);
      --wa-shadow-l: var(--wa-shadow-offset-x-l) var(--wa-shadow-offset-y-l) var(--wa-shadow-blur-l) var(--wa-shadow-spread-l) var(--wa-color-shadow);
      --wa-transition-easing: ease;
      --wa-transition-slow: 300ms;
      --wa-transition-normal: 150ms;
      --wa-transition-fast: 75ms;
      --wa-form-control-background-color: var(--wa-color-surface-default);
      --wa-form-control-border-color: var(--wa-color-neutral-border-loud);
      --wa-form-control-border-style: var(--wa-border-style);
      --wa-form-control-border-width: var(--wa-border-width-s);
      --wa-form-control-border-radius: var(--wa-border-radius-m);
      --wa-form-control-activated-color: var(--wa-color-brand-fill-loud);
      --wa-form-control-label-color: var(--wa-color-text-normal);
      --wa-form-control-label-font-weight: var(--wa-font-weight-semibold);
      --wa-form-control-label-line-height: var(--wa-line-height-condensed);
      --wa-form-control-value-color: var(--wa-color-text-normal);
      --wa-form-control-value-font-weight: var(--wa-font-weight-body);
      --wa-form-control-value-line-height: var(--wa-line-height-condensed);
      --wa-form-control-hint-color: var(--wa-color-text-quiet);
      --wa-form-control-hint-font-weight: var(--wa-font-weight-body);
      --wa-form-control-hint-line-height: var(--wa-line-height-normal);
      --wa-form-control-placeholder-color: var(--wa-color-gray-50);
      --wa-form-control-required-content: "*";
      --wa-form-control-required-content-color: inherit;
      --wa-form-control-required-content-offset: 0.1em;
      --wa-form-control-padding-block: 0.75em;
      --wa-form-control-padding-inline: 1em;
      --wa-form-control-height: round( calc(2 * var(--wa-form-control-padding-block) + 1em * var(--wa-form-control-value-line-height)), 1px );
      --wa-form-control-toggle-size: round(1.25em, 1px);
      --wa-button-transform-hover: none;
      --wa-button-transform-active: scale(0.9875);
      --wa-panel-border-style: var(--wa-border-style);
      --wa-panel-border-width: var(--wa-border-width-s);
      --wa-panel-border-radius: var(--wa-border-radius-l);
      --wa-tooltip-arrow-size: 0.375rem;
      --wa-tooltip-background-color: var(--wa-color-text-normal);
      --wa-tooltip-border-color: var(--wa-tooltip-background-color);
      --wa-tooltip-border-style: var(--wa-border-style);
      --wa-tooltip-border-width: var(--wa-border-width-s);
      --wa-tooltip-border-radius: var(--wa-border-radius-s);
      --wa-tooltip-content-color: var(--wa-color-surface-default);
      --wa-tooltip-font-size: var(--wa-font-size-s);
      --wa-tooltip-line-height: var(--wa-line-height-normal);
    }
    :is(html, body):has(wa-page) {
      min-height: 100%;
      padding: 0;
      margin: 0;
    }
  }
}

/* ../design/generated/strata.tokens.css */
@layer pinega.tokens {
  :root,
  .pinega-light {
    --pinega-component-benchmark-chart-height: 18rem;
    --pinega-component-code-padding: 1.5rem;
    --pinega-component-evidence-padding: 1.5rem;
    --pinega-component-evidence-rail-width: 0.25rem;
    --pinega-component-header-height: 4.5rem;
    --pinega-ref-color-danger-05: oklch(16% 0.043 25);
    --pinega-ref-color-danger-10: oklch(22% 0.065 25);
    --pinega-ref-color-danger-20: oklch(29% 0.095 25);
    --pinega-ref-color-danger-30: oklch(37% 0.13 25);
    --pinega-ref-color-danger-40: oklch(45.5% 0.16 25);
    --pinega-ref-color-danger-50: oklch(54% 0.18 25);
    --pinega-ref-color-danger-60: oklch(62% 0.17 25);
    --pinega-ref-color-danger-70: oklch(72% 0.135 25);
    --pinega-ref-color-danger-80: oklch(83% 0.085 25);
    --pinega-ref-color-danger-90: oklch(92% 0.042 25);
    --pinega-ref-color-danger-95: oklch(97% 0.018 25);
    --pinega-ref-color-moss-05: oklch(15.5% 0.023 135);
    --pinega-ref-color-moss-10: oklch(21% 0.032 135);
    --pinega-ref-color-moss-20: oklch(27.5% 0.045 135);
    --pinega-ref-color-moss-30: oklch(35% 0.06 135);
    --pinega-ref-color-moss-40: oklch(43% 0.07 135);
    --pinega-ref-color-moss-50: oklch(51.5% 0.078 135);
    --pinega-ref-color-moss-60: oklch(61% 0.08 135);
    --pinega-ref-color-moss-70: oklch(71.5% 0.075 135);
    --pinega-ref-color-moss-80: oklch(82.5% 0.06 135);
    --pinega-ref-color-moss-90: oklch(91.5% 0.038 135);
    --pinega-ref-color-moss-95: oklch(96.5% 0.02 135);
    --pinega-ref-color-neutral-05: oklch(14% 0.011 245);
    --pinega-ref-color-neutral-10: oklch(19.5% 0.014 245);
    --pinega-ref-color-neutral-20: oklch(26.5% 0.017 245);
    --pinega-ref-color-neutral-30: oklch(34.5% 0.019 245);
    --pinega-ref-color-neutral-40: oklch(43.5% 0.02 245);
    --pinega-ref-color-neutral-50: oklch(53.5% 0.02 245);
    --pinega-ref-color-neutral-60: oklch(64% 0.019 245);
    --pinega-ref-color-neutral-70: oklch(74.5% 0.017 245);
    --pinega-ref-color-neutral-80: oklch(84.5% 0.014 245);
    --pinega-ref-color-neutral-90: oklch(92.5% 0.011 245);
    --pinega-ref-color-neutral-95: oklch(97% 0.009 245);
    --pinega-ref-color-ochre-05: oklch(17% 0.028 85);
    --pinega-ref-color-ochre-10: oklch(24% 0.043 85);
    --pinega-ref-color-ochre-20: oklch(32.5% 0.065 85);
    --pinega-ref-color-ochre-30: oklch(41.5% 0.09 85);
    --pinega-ref-color-ochre-40: oklch(50% 0.115 85);
    --pinega-ref-color-ochre-50: oklch(58.5% 0.13 85);
    --pinega-ref-color-ochre-60: oklch(67% 0.13 85);
    --pinega-ref-color-ochre-70: oklch(76% 0.115 85);
    --pinega-ref-color-ochre-80: oklch(85% 0.085 85);
    --pinega-ref-color-ochre-90: oklch(93% 0.045 85);
    --pinega-ref-color-ochre-95: oklch(97.5% 0.02 85);
    --pinega-ref-color-paper-050: oklch(98.5% 0.009 84);
    --pinega-ref-color-paper-100: oklch(96.5% 0.014 84);
    --pinega-ref-color-paper-200: oklch(93% 0.021 82);
    --pinega-ref-color-paper-300: oklch(87.5% 0.028 80);
    --pinega-ref-color-river-05: oklch(15% 0.027 225);
    --pinega-ref-color-river-10: oklch(20.5% 0.039 225);
    --pinega-ref-color-river-20: oklch(27% 0.055 225);
    --pinega-ref-color-river-30: oklch(34.5% 0.071 225);
    --pinega-ref-color-river-40: oklch(42% 0.082 225);
    --pinega-ref-color-river-50: oklch(50.5% 0.088 225);
    --pinega-ref-color-river-60: oklch(60.5% 0.082 225);
    --pinega-ref-color-river-70: oklch(71.5% 0.07 225);
    --pinega-ref-color-river-80: oklch(82.5% 0.052 225);
    --pinega-ref-color-river-90: oklch(91.5% 0.032 225);
    --pinega-ref-color-river-95: oklch(96.5% 0.018 225);
    --pinega-ref-color-rust-05: oklch(16% 0.035 45);
    --pinega-ref-color-rust-10: oklch(22% 0.052 45);
    --pinega-ref-color-rust-20: oklch(29% 0.075 45);
    --pinega-ref-color-rust-30: oklch(37% 0.1 45);
    --pinega-ref-color-rust-40: oklch(45% 0.12 45);
    --pinega-ref-color-rust-50: oklch(53.5% 0.13 45);
    --pinega-ref-color-rust-60: oklch(62% 0.125 45);
    --pinega-ref-color-rust-70: oklch(72% 0.105 45);
    --pinega-ref-color-rust-80: oklch(83% 0.075 45);
    --pinega-ref-color-rust-90: oklch(92% 0.038 45);
    --pinega-ref-color-rust-95: oklch(97% 0.018 45);
    --pinega-ref-font-family-code:
      "Noto Sans Mono",
      ui-monospace,
      monospace;
    --pinega-ref-font-family-reading:
      "Libertinus Serif",
      Georgia,
      serif;
    --pinega-ref-font-family-ui:
      Inter,
      system-ui,
      sans-serif;
    --pinega-ref-font-line-height-condensed: 1.25;
    --pinega-ref-font-line-height-expanded: 1.85;
    --pinega-ref-font-line-height-normal: 1.6;
    --pinega-ref-font-weight-bold: 700;
    --pinega-ref-font-weight-medium: 500;
    --pinega-ref-font-weight-normal: 400;
    --pinega-ref-font-weight-semibold: 600;
    --pinega-ref-measure-prose: 68;
    --pinega-ref-measure-wide: 78rem;
    --pinega-ref-motion-duration-fast: 75ms;
    --pinega-ref-motion-duration-normal: 150ms;
    --pinega-ref-motion-duration-slow: 300ms;
    --pinega-ref-motion-easing-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
    --pinega-ref-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --pinega-ref-radius-l: 0.875rem;
    --pinega-ref-radius-m: 0.5rem;
    --pinega-ref-radius-pill: 9999px;
    --pinega-ref-radius-s: 0.25rem;
    --pinega-ref-radius-xl: 1.25rem;
    --pinega-ref-space-2xl: 3rem;
    --pinega-ref-space-2xs: 0.25rem;
    --pinega-ref-space-3xl: 4.5rem;
    --pinega-ref-space-3xs: 0.125rem;
    --pinega-ref-space-4xl: 6.5rem;
    --pinega-ref-space-l: 1.5rem;
    --pinega-ref-space-m: 1rem;
    --pinega-ref-space-s: 0.75rem;
    --pinega-ref-space-xl: 2rem;
    --pinega-ref-space-xs: 0.5rem;
    --pinega-research-color-confirmed: oklch(43% 0.07 135);
    --pinega-research-color-confirmed-surface: oklch(96.5% 0.02 135);
    --pinega-research-color-contradicted: oklch(45.5% 0.16 25);
    --pinega-research-color-contradicted-surface: oklch(97% 0.018 25);
    --pinega-research-color-external: oklch(43.5% 0.02 245);
    --pinega-research-color-external-surface: oklch(97% 0.009 245);
    --pinega-research-color-hypothesis: oklch(50% 0.115 85);
    --pinega-research-color-hypothesis-surface: oklch(97.5% 0.02 85);
    --pinega-research-color-inferred: oklch(42% 0.082 225);
    --pinega-research-color-inferred-surface: oklch(96.5% 0.018 225);
    --pinega-sys-font-family-code:
      "Noto Sans Mono",
      ui-monospace,
      monospace;
    --pinega-sys-font-family-reading:
      "Libertinus Serif",
      Georgia,
      serif;
    --pinega-sys-font-family-ui:
      Inter,
      system-ui,
      sans-serif;
    --pinega-sys-font-line-height-body: 1.6;
    --pinega-sys-font-line-height-heading: 1.25;
    --pinega-sys-font-line-height-reading: 1.6;
    --pinega-sys-font-weight-action: 600;
    --pinega-sys-font-weight-body: 400;
    --pinega-sys-font-weight-heading: 700;
    --pinega-sys-color-action-on-primary: oklch(97% 0.009 245);
    --pinega-sys-color-action-on-quiet: oklch(34.5% 0.071 225);
    --pinega-sys-color-action-primary: oklch(42% 0.082 225);
    --pinega-sys-color-action-primary-active: oklch(27% 0.055 225);
    --pinega-sys-color-action-primary-hover: oklch(34.5% 0.071 225);
    --pinega-sys-color-action-quiet: oklch(91.5% 0.032 225);
    --pinega-sys-color-border-normal: oklch(74.5% 0.017 245);
    --pinega-sys-color-border-strong: oklch(53.5% 0.02 245);
    --pinega-sys-color-border-subtle: oklch(84.5% 0.014 245);
    --pinega-sys-color-code-muted: oklch(74.5% 0.017 245);
    --pinega-sys-color-code-surface: oklch(19.5% 0.014 245);
    --pinega-sys-color-code-text: oklch(97% 0.009 245);
    --pinega-sys-color-focus: oklch(53.5% 0.13 45);
    --pinega-sys-color-surface-canvas: oklch(98.5% 0.009 84);
    --pinega-sys-color-surface-default: oklch(96.5% 0.014 84);
    --pinega-sys-color-surface-inverse: oklch(19.5% 0.014 245);
    --pinega-sys-color-surface-lowered: oklch(93% 0.021 82);
    --pinega-sys-color-surface-raised: oklch(97% 0.009 245);
    --pinega-sys-color-text-inverse: oklch(97% 0.009 245);
    --pinega-sys-color-text-link: oklch(34.5% 0.071 225);
    --pinega-sys-color-text-primary: oklch(19.5% 0.014 245);
    --pinega-sys-color-text-quiet: oklch(43.5% 0.02 245);
    --pinega-sys-color-text-secondary: oklch(34.5% 0.019 245);
    --pinega-sys-measure-prose: 68;
    --pinega-sys-measure-wide: 78rem;
    --pinega-sys-motion-duration-fast: 75ms;
    --pinega-sys-motion-duration-normal: 150ms;
    --pinega-sys-motion-duration-slow: 300ms;
    --pinega-sys-motion-easing-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
    --pinega-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --pinega-sys-radius-control: 0.5rem;
    --pinega-sys-radius-feature: 1.25rem;
    --pinega-sys-radius-panel: 0.875rem;
    --pinega-sys-space-cluster: 0.75rem;
    --pinega-sys-space-component: 1.5rem;
    --pinega-sys-space-page: 1.5rem;
    --pinega-sys-space-section: 4.5rem;
  }
  .pinega-dark {
    --pinega-research-color-confirmed: oklch(71.5% 0.075 135);
    --pinega-research-color-confirmed-surface: oklch(21% 0.032 135);
    --pinega-research-color-contradicted: oklch(72% 0.135 25);
    --pinega-research-color-contradicted-surface: oklch(22% 0.065 25);
    --pinega-research-color-external: oklch(74.5% 0.017 245);
    --pinega-research-color-external-surface: oklch(19.5% 0.014 245);
    --pinega-research-color-hypothesis: oklch(76% 0.115 85);
    --pinega-research-color-hypothesis-surface: oklch(24% 0.043 85);
    --pinega-research-color-inferred: oklch(71.5% 0.07 225);
    --pinega-research-color-inferred-surface: oklch(20.5% 0.039 225);
    --pinega-sys-color-action-on-primary: oklch(14% 0.011 245);
    --pinega-sys-color-action-on-quiet: oklch(71.5% 0.07 225);
    --pinega-sys-color-action-primary: oklch(60.5% 0.082 225);
    --pinega-sys-color-action-primary-active: oklch(82.5% 0.052 225);
    --pinega-sys-color-action-primary-hover: oklch(71.5% 0.07 225);
    --pinega-sys-color-action-quiet: oklch(27% 0.055 225);
    --pinega-sys-color-border-normal: oklch(34.5% 0.019 245);
    --pinega-sys-color-border-strong: oklch(53.5% 0.02 245);
    --pinega-sys-color-border-subtle: oklch(26.5% 0.017 245);
    --pinega-sys-color-code-muted: oklch(64% 0.019 245);
    --pinega-sys-color-code-surface: oklch(14% 0.011 245);
    --pinega-sys-color-code-text: oklch(97% 0.009 245);
    --pinega-sys-color-focus: oklch(62% 0.125 45);
    --pinega-sys-color-surface-canvas: oklch(14% 0.011 245);
    --pinega-sys-color-surface-default: oklch(19.5% 0.014 245);
    --pinega-sys-color-surface-inverse: oklch(96.5% 0.014 84);
    --pinega-sys-color-surface-lowered: oklch(14% 0.011 245);
    --pinega-sys-color-surface-raised: oklch(26.5% 0.017 245);
    --pinega-sys-color-text-inverse: oklch(19.5% 0.014 245);
    --pinega-sys-color-text-link: oklch(71.5% 0.07 225);
    --pinega-sys-color-text-primary: oklch(97% 0.009 245);
    --pinega-sys-color-text-quiet: oklch(74.5% 0.017 245);
    --pinega-sys-color-text-secondary: oklch(84.5% 0.014 245);
  }
  @media (prefers-color-scheme: dark) {
    :root:not(.pinega-light) {
      --pinega-research-color-confirmed: oklch(71.5% 0.075 135);
      --pinega-research-color-confirmed-surface: oklch(21% 0.032 135);
      --pinega-research-color-contradicted: oklch(72% 0.135 25);
      --pinega-research-color-contradicted-surface: oklch(22% 0.065 25);
      --pinega-research-color-external: oklch(74.5% 0.017 245);
      --pinega-research-color-external-surface: oklch(19.5% 0.014 245);
      --pinega-research-color-hypothesis: oklch(76% 0.115 85);
      --pinega-research-color-hypothesis-surface: oklch(24% 0.043 85);
      --pinega-research-color-inferred: oklch(71.5% 0.07 225);
      --pinega-research-color-inferred-surface: oklch(20.5% 0.039 225);
      --pinega-sys-color-action-on-primary: oklch(14% 0.011 245);
      --pinega-sys-color-action-on-quiet: oklch(71.5% 0.07 225);
      --pinega-sys-color-action-primary: oklch(60.5% 0.082 225);
      --pinega-sys-color-action-primary-active: oklch(82.5% 0.052 225);
      --pinega-sys-color-action-primary-hover: oklch(71.5% 0.07 225);
      --pinega-sys-color-action-quiet: oklch(27% 0.055 225);
      --pinega-sys-color-border-normal: oklch(34.5% 0.019 245);
      --pinega-sys-color-border-strong: oklch(53.5% 0.02 245);
      --pinega-sys-color-border-subtle: oklch(26.5% 0.017 245);
      --pinega-sys-color-code-muted: oklch(64% 0.019 245);
      --pinega-sys-color-code-surface: oklch(14% 0.011 245);
      --pinega-sys-color-code-text: oklch(97% 0.009 245);
      --pinega-sys-color-focus: oklch(62% 0.125 45);
      --pinega-sys-color-surface-canvas: oklch(14% 0.011 245);
      --pinega-sys-color-surface-default: oklch(19.5% 0.014 245);
      --pinega-sys-color-surface-inverse: oklch(96.5% 0.014 84);
      --pinega-sys-color-surface-lowered: oklch(14% 0.011 245);
      --pinega-sys-color-surface-raised: oklch(26.5% 0.017 245);
      --pinega-sys-color-text-inverse: oklch(19.5% 0.014 245);
      --pinega-sys-color-text-link: oklch(71.5% 0.07 225);
      --pinega-sys-color-text-primary: oklch(97% 0.009 245);
      --pinega-sys-color-text-quiet: oklch(74.5% 0.017 245);
      --pinega-sys-color-text-secondary: oklch(84.5% 0.014 245);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :root {
      --pinega-sys-motion-duration-fast: 0ms;
      --pinega-sys-motion-duration-normal: 0ms;
      --pinega-sys-motion-duration-slow: 0ms;
    }
  }
}

/* src/vendor/webawesome/pinega.palette.css */
@layer pinega.webawesome {
  .wa-palette-pinega {
    --wa-color-brand-95: var(--pinega-ref-color-river-95);
    --wa-color-brand-90: var(--pinega-ref-color-river-90);
    --wa-color-brand-80: var(--pinega-ref-color-river-80);
    --wa-color-brand-70: var(--pinega-ref-color-river-70);
    --wa-color-brand-60: var(--pinega-ref-color-river-60);
    --wa-color-brand-50: var(--pinega-ref-color-river-50);
    --wa-color-brand-40: var(--pinega-ref-color-river-40);
    --wa-color-brand-30: var(--pinega-ref-color-river-30);
    --wa-color-brand-20: var(--pinega-ref-color-river-20);
    --wa-color-brand-10: var(--pinega-ref-color-river-10);
    --wa-color-brand-05: var(--pinega-ref-color-river-05);
    --wa-color-neutral-95: var(--pinega-ref-color-neutral-95);
    --wa-color-neutral-90: var(--pinega-ref-color-neutral-90);
    --wa-color-neutral-80: var(--pinega-ref-color-neutral-80);
    --wa-color-neutral-70: var(--pinega-ref-color-neutral-70);
    --wa-color-neutral-60: var(--pinega-ref-color-neutral-60);
    --wa-color-neutral-50: var(--pinega-ref-color-neutral-50);
    --wa-color-neutral-40: var(--pinega-ref-color-neutral-40);
    --wa-color-neutral-30: var(--pinega-ref-color-neutral-30);
    --wa-color-neutral-20: var(--pinega-ref-color-neutral-20);
    --wa-color-neutral-10: var(--pinega-ref-color-neutral-10);
    --wa-color-neutral-05: var(--pinega-ref-color-neutral-05);
    --wa-color-success-95: var(--pinega-ref-color-moss-95);
    --wa-color-success-90: var(--pinega-ref-color-moss-90);
    --wa-color-success-80: var(--pinega-ref-color-moss-80);
    --wa-color-success-70: var(--pinega-ref-color-moss-70);
    --wa-color-success-60: var(--pinega-ref-color-moss-60);
    --wa-color-success-50: var(--pinega-ref-color-moss-50);
    --wa-color-success-40: var(--pinega-ref-color-moss-40);
    --wa-color-success-30: var(--pinega-ref-color-moss-30);
    --wa-color-success-20: var(--pinega-ref-color-moss-20);
    --wa-color-success-10: var(--pinega-ref-color-moss-10);
    --wa-color-success-05: var(--pinega-ref-color-moss-05);
    --wa-color-warning-95: var(--pinega-ref-color-ochre-95);
    --wa-color-warning-90: var(--pinega-ref-color-ochre-90);
    --wa-color-warning-80: var(--pinega-ref-color-ochre-80);
    --wa-color-warning-70: var(--pinega-ref-color-ochre-70);
    --wa-color-warning-60: var(--pinega-ref-color-ochre-60);
    --wa-color-warning-50: var(--pinega-ref-color-ochre-50);
    --wa-color-warning-40: var(--pinega-ref-color-ochre-40);
    --wa-color-warning-30: var(--pinega-ref-color-ochre-30);
    --wa-color-warning-20: var(--pinega-ref-color-ochre-20);
    --wa-color-warning-10: var(--pinega-ref-color-ochre-10);
    --wa-color-warning-05: var(--pinega-ref-color-ochre-05);
    --wa-color-danger-95: var(--pinega-ref-color-danger-95);
    --wa-color-danger-90: var(--pinega-ref-color-danger-90);
    --wa-color-danger-80: var(--pinega-ref-color-danger-80);
    --wa-color-danger-70: var(--pinega-ref-color-danger-70);
    --wa-color-danger-60: var(--pinega-ref-color-danger-60);
    --wa-color-danger-50: var(--pinega-ref-color-danger-50);
    --wa-color-danger-40: var(--pinega-ref-color-danger-40);
    --wa-color-danger-30: var(--pinega-ref-color-danger-30);
    --wa-color-danger-20: var(--pinega-ref-color-danger-20);
    --wa-color-danger-10: var(--pinega-ref-color-danger-10);
    --wa-color-danger-05: var(--pinega-ref-color-danger-05);
  }
}

/* src/vendor/webawesome/pinega-strata.theme.css */
@layer pinega.webawesome {
  :where(.wa-theme-pinega-strata) {
    color: var(--pinega-sys-color-text-primary);
    color-scheme: light;
    --wa-font-family-body: var(--pinega-sys-font-family-ui);
    --wa-font-family-heading: var(--pinega-sys-font-family-ui);
    --wa-font-family-longform: var(--pinega-sys-font-family-reading);
    --wa-font-family-code: var(--pinega-sys-font-family-code);
    --wa-font-weight-body: var(--pinega-sys-font-weight-body);
    --wa-font-weight-heading: var(--pinega-sys-font-weight-heading);
    --wa-font-weight-code: var(--pinega-ref-font-weight-normal);
    --wa-font-weight-longform: var(--pinega-ref-font-weight-normal);
    --wa-font-weight-action: var(--pinega-sys-font-weight-action);
    --wa-line-height-condensed: var(--pinega-ref-font-line-height-condensed);
    --wa-line-height-normal: var(--pinega-ref-font-line-height-normal);
    --wa-line-height-expanded: var(--pinega-ref-font-line-height-expanded);
    --wa-space-3xs: var(--pinega-ref-space-3xs);
    --wa-space-2xs: var(--pinega-ref-space-2xs);
    --wa-space-xs: var(--pinega-ref-space-xs);
    --wa-space-s: var(--pinega-ref-space-s);
    --wa-space-m: var(--pinega-ref-space-m);
    --wa-space-l: var(--pinega-ref-space-l);
    --wa-space-xl: var(--pinega-ref-space-xl);
    --wa-space-2xl: var(--pinega-ref-space-2xl);
    --wa-space-3xl: var(--pinega-ref-space-3xl);
    --wa-space-4xl: var(--pinega-ref-space-4xl);
    --wa-border-radius-s: var(--pinega-ref-radius-s);
    --wa-border-radius-m: var(--pinega-ref-radius-m);
    --wa-border-radius-l: var(--pinega-ref-radius-l);
    --wa-border-radius-pill: var(--pinega-ref-radius-pill);
    --wa-color-surface-raised: var(--pinega-sys-color-surface-raised);
    --wa-color-surface-default: var(--pinega-sys-color-surface-default);
    --wa-color-surface-lowered: var(--pinega-sys-color-surface-lowered);
    --wa-color-surface-border: var(--pinega-sys-color-border-subtle);
    --wa-color-text-normal: var(--pinega-sys-color-text-primary);
    --wa-color-text-quiet: var(--pinega-sys-color-text-quiet);
    --wa-color-text-link: var(--pinega-sys-color-text-link);
    --wa-color-focus: var(--pinega-sys-color-focus);
    --wa-color-warning-fill-loud: var(--pinega-ref-color-ochre-30);
    --wa-color-warning-border-loud: var(--pinega-ref-color-ochre-30);
    --wa-color-warning-on-loud: var(--pinega-ref-color-neutral-95);
    --wa-focus-ring-style: solid;
    --wa-focus-ring-width: 0.1875rem;
    --wa-focus-ring-offset: 0.125rem;
    --wa-transition-fast: var(--pinega-sys-motion-duration-fast);
    --wa-transition-normal: var(--pinega-sys-motion-duration-normal);
    --wa-transition-slow: var(--pinega-sys-motion-duration-slow);
    --wa-transition-easing: var(--pinega-sys-motion-easing-standard);
    --wa-panel-border-color: var(--pinega-sys-color-border-subtle);
    --wa-panel-border-radius: var(--pinega-sys-radius-panel);
    --wa-form-control-background-color: var(--pinega-sys-color-surface-raised);
    --wa-form-control-border-color: var(--pinega-sys-color-border-normal);
    --wa-form-control-border-radius: var(--pinega-sys-radius-control);
    --wa-form-control-label-color: var(--pinega-sys-color-text-primary);
    --wa-form-control-value-color: var(--pinega-sys-color-text-primary);
    --wa-form-control-hint-color: var(--pinega-sys-color-text-quiet);
    --wa-tooltip-background-color: var(--pinega-sys-color-surface-inverse);
    --wa-tooltip-content-color: var(--pinega-sys-color-text-inverse);
  }
  :where(.wa-theme-pinega-strata.pinega-dark, .pinega-dark .wa-theme-pinega-strata) {
    color-scheme: dark;
  }
  :where(.wa-theme-pinega-strata) wa-button[variant=brand] {
    --wa-button-transform-hover: translateY(-0.0625rem);
    --wa-button-transform-active: translateY(0) scale(0.9875);
  }
  :where(.wa-theme-pinega-strata) wa-copy-button {
    --wa-focus-ring: solid 0.1875rem var(--pinega-sys-color-focus);
  }
}

/* src/styles/base.css */
@layer pinega.base {
  :where(*, *::before, *::after) {
    box-sizing: border-box;
  }
  :where(html) {
    background: var(--pinega-sys-color-surface-canvas);
    color: var(--pinega-sys-color-text-primary);
    font-family: var(--pinega-sys-font-family-ui);
    font-size: 100%;
    line-height: var(--pinega-sys-font-line-height-body);
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
  }
  :where(body) {
    margin: 0;
    min-block-size: 100dvb;
    background:
      radial-gradient(
        circle at 8% 0%,
        color-mix(in oklab, var(--pinega-ref-color-river-90) 45%, transparent),
        transparent 32rem),
      var(--pinega-sys-color-surface-canvas);
  }
  :where(body, button, input, textarea, select) {
    font: inherit;
  }
  :where(img, svg, video, canvas) {
    display: block;
    max-inline-size: 100%;
  }
  :where(h1, h2, h3, p, ul, ol, dl, figure, blockquote, pre) {
    margin-block: 0;
  }
  :where(h1, h2, h3) {
    color: var(--pinega-sys-color-text-primary);
    font-family: var(--pinega-sys-font-family-ui);
    font-weight: var(--pinega-sys-font-weight-heading);
    line-height: var(--pinega-sys-font-line-height-heading);
    text-wrap: balance;
  }
  :where(h1) {
    font-size: clamp(2.6rem, 1.7rem + 4.1vi, 6.3rem);
    letter-spacing: -0.055em;
  }
  :where(h2) {
    font-size: clamp(1.7rem, 1.35rem + 1.5vi, 3rem);
    letter-spacing: -0.035em;
  }
  :where(h3) {
    font-size: clamp(1.15rem, 1rem + 0.5vi, 1.5rem);
  }
  :where(p, li, dd, figcaption) {
    max-inline-size: calc(var(--pinega-sys-measure-prose) * 1ch);
    text-wrap: pretty;
  }
  :where(a) {
    color: var(--pinega-sys-color-text-link);
    text-decoration-color: color-mix(in oklab, currentColor 60%, transparent);
    text-underline-offset: 0.18em;
  }
  :where(a:hover) {
    text-decoration-thickness: 0.12em;
  }
  :where(:focus-visible) {
    outline: 0.1875rem solid var(--pinega-sys-color-focus);
    outline-offset: 0.1875rem;
  }
  :where(code, kbd, samp, pre) {
    font-family: var(--pinega-sys-font-family-code);
  }
  :where(pre) {
    overflow: auto;
    tab-size: 2;
  }
  :where(table) {
    border-collapse: collapse;
    inline-size: 100%;
  }
  :where(th) {
    text-align: start;
  }
  :where([hidden]) {
    display: none !important;
  }
  .pinega-skip-link {
    position: fixed;
    inset-block-start: var(--pinega-ref-space-s);
    inset-inline-start: var(--pinega-ref-space-s);
    z-index: 1000;
    translate: 0 -200%;
    border-radius: var(--pinega-sys-radius-control);
    background: var(--pinega-sys-color-surface-inverse);
    color: var(--pinega-sys-color-text-inverse);
    padding: var(--pinega-ref-space-s) var(--pinega-ref-space-m);
  }
  .pinega-skip-link:focus {
    translate: 0;
  }
  .pinega-eyebrow {
    color: var(--pinega-sys-color-text-quiet);
    font-size: 0.78rem;
    font-weight: var(--pinega-ref-font-weight-bold);
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .pinega-muted {
    color: var(--pinega-sys-color-text-secondary);
  }
  .pinega-visually-hidden {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  :where(wa-card, wa-callout):not(:defined) {
    display: block;
  }
  wa-button:not(:defined) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 2.5rem;
    border: 1px solid var(--pinega-sys-color-border-normal);
    border-radius: var(--pinega-sys-radius-control);
    padding-inline: var(--pinega-ref-space-m);
  }
  wa-badge:not(:defined) {
    display: inline-flex;
    border: 1px solid var(--pinega-sys-color-border-normal);
    border-radius: var(--pinega-ref-radius-pill);
    padding: var(--pinega-ref-space-2xs) var(--pinega-ref-space-s);
    font-size: 0.78rem;
  }
  wa-card:not(:defined),
  wa-callout:not(:defined) {
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-panel);
    background: var(--pinega-sys-color-surface-raised);
    padding: var(--pinega-ref-space-l);
  }
  wa-button[data-theme-toggle]:not(:defined),
  wa-button[data-navigation-toggle]:not(:defined),
  wa-copy-button:not(:defined) {
    display: none;
  }
}

/* src/styles/layout.css */
@layer pinega.layout {
  .pinega-page {
    display: grid;
    grid-template-columns: [full-start] minmax(var(--pinega-ref-space-m), 1fr) [content-start] min(calc(100% - 2 * var(--pinega-ref-space-m)), var(--pinega-sys-measure-wide)) [content-end] minmax(var(--pinega-ref-space-m), 1fr) [full-end];
    min-block-size: 100dvb;
  }
  .pinega-page > * {
    grid-column: content;
  }
  .pinega-full-bleed {
    grid-column: full !important;
  }
  .pinega-section {
    padding-block: clamp(4rem, 3rem + 5vi, 8rem);
  }
  .pinega-section-heading {
    display: grid;
    gap: var(--pinega-ref-space-m);
    margin-block-end: var(--pinega-ref-space-2xl);
  }
  .pinega-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    gap: var(--pinega-ref-space-l);
  }
  .pinega-stack {
    display: flex;
    flex-direction: column;
    gap: var(--pinega-ref-space-l);
  }
  .pinega-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pinega-ref-space-s);
  }
  .pinega-component-lab {
    padding-block-end: var(--pinega-ref-space-4xl);
  }
  .pinega-lab-panel {
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-panel);
    background: color-mix(in oklab, var(--pinega-sys-color-surface-raised) 88%, transparent);
    box-shadow: 0 1rem 3rem color-mix(in oklab, var(--pinega-ref-color-neutral-10) 8%, transparent);
    padding: clamp(1.25rem, 1rem + 1.2vi, 2.25rem);
  }
}

/* src/styles/site.css */
@layer pinega.components {
  .pinega-site-main > :not(.pinega-full-bleed) {
    inline-size: min(calc(100% - 2 * var(--pinega-ref-space-l)), var(--pinega-sys-measure-wide));
    margin-inline: auto;
  }
  .pinega-product-hero {
    padding-block-start: clamp(4rem, 2.5rem + 6vi, 9rem);
  }
  .pinega-product-hero h1 {
    max-inline-size: 14ch;
    font-size: clamp(2.8rem, 2rem + 3.6vi, 5.2rem);
  }
  .pinega-home-status {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-feature);
    background: var(--pinega-sys-color-border-subtle);
  }
  .pinega-status-card {
    display: grid;
    align-content: start;
    gap: var(--pinega-ref-space-s);
    min-block-size: 13rem;
    background: var(--pinega-sys-color-surface-raised);
    padding: clamp(1.25rem, 1rem + 1.4vi, 2.25rem);
  }
  .pinega-status-card h3 {
    font-size: 1.15rem;
  }
  .pinega-status-card p {
    color: var(--pinega-sys-color-text-secondary);
  }
  .pinega-status-kicker,
  .pinega-state-label,
  .pinega-doc-card-state,
  .pinega-doc-maturity dt span {
    inline-size: fit-content;
    border: 1px solid var(--pinega-sys-color-border-normal);
    border-radius: var(--pinega-ref-radius-pill);
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
    font-weight: var(--pinega-ref-font-weight-bold);
    letter-spacing: 0.06em;
    line-height: 1.3;
    text-transform: uppercase;
  }
  :where(.pinega-status-kicker, .pinega-state-label, .pinega-doc-card-state, .pinega-doc-maturity dt span)[data-status=available],
  :where(.pinega-status-kicker, .pinega-state-label, .pinega-doc-card-state, .pinega-doc-maturity dt span)[data-state=available] {
    border-color: color-mix(in oklab, var(--pinega-research-color-confirmed) 55%, var(--pinega-sys-color-border-normal));
    background: var(--pinega-research-color-confirmed-surface);
    color: var(--pinega-research-color-confirmed);
  }
  :where(.pinega-status-kicker, .pinega-state-label, .pinega-doc-card-state, .pinega-doc-maturity dt span)[data-status=validated],
  :where(.pinega-status-kicker, .pinega-state-label, .pinega-doc-card-state, .pinega-doc-maturity dt span)[data-state=validated],
  :where(.pinega-doc-card-state, .pinega-doc-maturity dt span)[data-state=decision] {
    border-color: color-mix(in oklab, var(--pinega-sys-color-action-primary) 55%, var(--pinega-sys-color-border-normal));
    background: color-mix(in oklab, var(--pinega-sys-color-action-primary) 10%, var(--pinega-sys-color-surface-raised));
    color: var(--pinega-sys-color-text-primary);
  }
  :where(.pinega-status-kicker, .pinega-state-label, .pinega-doc-card-state, .pinega-doc-maturity dt span)[data-status=planned],
  :where(.pinega-status-kicker, .pinega-state-label, .pinega-doc-card-state, .pinega-doc-maturity dt span)[data-state=planned],
  :where(.pinega-doc-card-state, .pinega-doc-maturity dt span)[data-state=research] {
    border-color: color-mix(in oklab, var(--pinega-research-color-hypothesis) 55%, var(--pinega-sys-color-border-normal));
    background: var(--pinega-research-color-hypothesis-surface);
    color: var(--pinega-research-color-hypothesis);
  }
  .pinega-principle-grid wa-card {
    min-block-size: 18rem;
  }
  .pinega-card-index {
    color: var(--pinega-sys-color-text-quiet);
    font-family: var(--pinega-sys-font-family-code);
    font-size: 0.76rem;
    letter-spacing: 0.08em;
  }
  .pinega-section-contrast {
    background:
      linear-gradient(
        135deg,
        color-mix(in oklab, var(--pinega-sys-color-action-primary) 9%, transparent),
        transparent 42%),
      var(--pinega-sys-color-surface-lowered);
  }
  .pinega-section-inner {
    inline-size: min(calc(100% - 2 * var(--pinega-ref-space-l)), var(--pinega-sys-measure-wide));
    margin-inline: auto;
    padding-block: clamp(4rem, 3rem + 5vi, 8rem);
  }
  .pinega-architecture-figure {
    display: grid;
    gap: var(--pinega-ref-space-l);
  }
  .pinega-architecture-layers {
    display: grid;
    gap: var(--pinega-ref-space-s);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .pinega-architecture-layers li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--pinega-ref-space-l);
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-inline-start: 0.35rem solid var(--pinega-sys-color-action-primary);
    border-radius: var(--pinega-sys-radius-panel);
    background: var(--pinega-sys-color-surface-raised);
    box-shadow: 0 1rem 3rem color-mix(in oklab, var(--pinega-ref-color-neutral-10) 7%, transparent);
    padding: clamp(1rem, 0.75rem + 1vi, 1.75rem);
  }
  .pinega-architecture-layers li:nth-child(2) {
    border-inline-start-color: var(--pinega-research-color-confirmed);
  }
  .pinega-architecture-layers li:nth-child(3) {
    border-inline-start-color: var(--pinega-research-color-hypothesis);
  }
  .pinega-architecture-layers li:nth-child(4) {
    border-inline-start-color: var(--pinega-research-color-external);
  }
  .pinega-architecture-number {
    color: var(--pinega-sys-color-text-quiet);
    font-family: var(--pinega-sys-font-family-code);
    font-size: 0.78rem;
  }
  .pinega-architecture-layers li > div {
    display: grid;
    gap: var(--pinega-ref-space-2xs);
  }
  .pinega-architecture-layers li strong {
    font-size: 1.05rem;
  }
  .pinega-architecture-layers li > div span {
    color: var(--pinega-sys-color-text-secondary);
  }
  .pinega-architecture-state {
    border-radius: var(--pinega-ref-radius-pill);
    background: var(--pinega-sys-color-surface-lowered);
    color: var(--pinega-sys-color-text-quiet);
    padding: 0.28rem 0.7rem;
    font-family: var(--pinega-sys-font-family-code);
    font-size: 0.7rem;
    text-transform: uppercase;
  }
  .pinega-architecture-figure figcaption {
    color: var(--pinega-sys-color-text-quiet);
    font-size: 0.9rem;
  }
  .pinega-table-scroller {
    overflow-x: auto;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-panel);
    background: var(--pinega-sys-color-surface-raised);
  }
  .pinega-roadmap-table {
    min-inline-size: 48rem;
  }
  .pinega-roadmap-table :where(th, td) {
    border-block-end: 1px solid var(--pinega-sys-color-border-subtle);
    padding: var(--pinega-ref-space-m) var(--pinega-ref-space-l);
    vertical-align: top;
  }
  .pinega-roadmap-table thead th {
    color: var(--pinega-sys-color-text-quiet);
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .pinega-roadmap-table tbody tr:last-child :where(th, td) {
    border-block-end: 0;
  }
  .pinega-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--pinega-ref-space-2xl);
    margin-block: clamp(2rem, 1rem + 3vi, 5rem);
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-feature);
    background:
      radial-gradient(
        circle at 100% 0%,
        color-mix(in oklab, var(--pinega-ref-color-river-80) 45%, transparent),
        transparent 22rem),
      var(--pinega-sys-color-surface-raised);
    padding-inline: clamp(1.5rem, 1rem + 3vi, 4rem);
  }
  .pinega-cta > div:first-child {
    display: grid;
    gap: var(--pinega-ref-space-m);
  }
  .pinega-site-footer {
    border-block-start: 1px solid var(--pinega-sys-color-border-subtle);
    background: var(--pinega-sys-color-surface-lowered);
  }
  .pinega-site-footer-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--pinega-ref-space-2xl);
    inline-size: min(calc(100% - 2 * var(--pinega-ref-space-l)), var(--pinega-sys-measure-wide));
    margin-inline: auto;
    padding-block: var(--pinega-ref-space-2xl);
  }
  .pinega-site-footer-inner > div {
    display: grid;
    gap: var(--pinega-ref-space-m);
  }
  .pinega-site-footer p {
    color: var(--pinega-sys-color-text-secondary);
  }
  .pinega-site-footer nav {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: var(--pinega-ref-space-s) var(--pinega-ref-space-xl);
  }
  .pinega-site-footer nav a {
    color: var(--pinega-sys-color-text-secondary);
    text-decoration: none;
  }
  .pinega-site-footer nav a:hover {
    color: var(--pinega-sys-color-text-primary);
  }
  .pinega-research-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
    align-items: end;
    gap: clamp(2rem, 1rem + 5vi, 7rem);
    padding-block: clamp(5rem, 3rem + 7vi, 10rem);
  }
  .pinega-research-hero > div:first-child {
    display: grid;
    gap: var(--pinega-ref-space-l);
  }
  .pinega-research-hero > div:first-child > p:last-child {
    color: var(--pinega-sys-color-text-secondary);
    font-family: var(--pinega-sys-font-family-reading);
    font-size: clamp(1.1rem, 1rem + 0.35vi, 1.35rem);
    line-height: 1.7;
  }
  .pinega-research-ledger {
    display: grid;
    gap: var(--pinega-ref-space-s);
    border-inline-start: 1px solid var(--pinega-sys-color-border-normal);
    padding-inline-start: var(--pinega-ref-space-xl);
  }
  .pinega-research-ledger span {
    color: var(--pinega-sys-color-text-quiet);
    font-family: var(--pinega-sys-font-family-code);
    font-size: 0.78rem;
    letter-spacing: 0.12em;
  }
  .pinega-research-ledger span::before {
    content: "";
    display: inline-block;
    inline-size: 0.55rem;
    block-size: 0.55rem;
    margin-inline-end: var(--pinega-ref-space-s);
    border-radius: 50%;
    background: var(--pinega-sys-color-action-primary);
  }
  .pinega-research-split {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
    gap: var(--pinega-ref-space-2xl);
  }
  .pinega-research-split > div:first-child {
    display: grid;
    align-content: start;
    gap: var(--pinega-ref-space-l);
  }
  .pinega-research-timeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-feature);
    background: var(--pinega-sys-color-border-subtle);
  }
  .pinega-research-timeline > div {
    display: grid;
    align-content: start;
    gap: var(--pinega-ref-space-s);
    min-block-size: 15rem;
    background: var(--pinega-sys-color-surface-raised);
    padding: var(--pinega-ref-space-l);
  }
  .pinega-research-timeline > div > span {
    color: var(--pinega-sys-color-text-quiet);
    font-family: var(--pinega-sys-font-family-code);
    font-size: 0.75rem;
  }
  .pinega-research-timeline p,
  .pinega-research-programme article p {
    color: var(--pinega-sys-color-text-secondary);
  }
  .pinega-research-programme article {
    display: grid;
    align-content: start;
    gap: var(--pinega-ref-space-s);
    border-block-start: 0.22rem solid var(--pinega-sys-color-action-primary);
    padding-block-start: var(--pinega-ref-space-l);
  }
  .pinega-not-found {
    display: grid;
    place-content: center start;
    gap: var(--pinega-ref-space-l);
    min-block-size: calc(100dvb - var(--pinega-component-header-height));
    padding-block: var(--pinega-ref-space-4xl);
  }
  .pinega-not-found h1 {
    max-inline-size: 14ch;
  }
  .pinega-not-found > p:not(.pinega-eyebrow) {
    color: var(--pinega-sys-color-text-secondary);
    font-size: 1.15rem;
  }
  @media (width <= 64rem) {
    .pinega-research-timeline {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width <= 52rem) {
    .pinega-home-status,
    .pinega-research-hero,
    .pinega-research-split,
    .pinega-cta,
    .pinega-site-footer-inner {
      grid-template-columns: 1fr;
    }
    .pinega-site-footer nav {
      grid-template-columns: 1fr;
    }
  }
  @media (width <= 38rem) {
    .pinega-home-status,
    .pinega-research-timeline {
      grid-template-columns: 1fr;
    }
    .pinega-architecture-layers li {
      grid-template-columns: auto minmax(0, 1fr);
    }
    .pinega-architecture-state {
      grid-column: 2;
      justify-self: start;
    }
  }
}

/* src/styles/docs.css */
@layer pinega.components {
  .pinega-docs-landing {
    padding-block-end: var(--pinega-ref-space-4xl);
  }
  .pinega-doc-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    align-items: end;
    gap: clamp(2rem, 1rem + 5vi, 7rem);
    padding-block: clamp(5rem, 3rem + 6vi, 9rem) clamp(3rem, 2rem + 3vi, 5rem);
    border-block-end: 1px solid var(--pinega-sys-color-border-subtle);
  }
  .pinega-doc-hero > div,
  .pinega-doc-catalogue-group,
  .pinega-doc-catalogue-heading,
  .pinega-doc-card-meta,
  .pinega-doc-navigation-group,
  .pinega-doc-status,
  .pinega-doc-provenance,
  .pinega-doc-related {
    display: grid;
  }
  .pinega-doc-hero > div {
    gap: var(--pinega-ref-space-l);
  }
  .pinega-doc-hero h1 {
    max-inline-size: 16ch;
    font-size: clamp(2.6rem, 1.9rem + 3vi, 5rem);
  }
  .pinega-doc-hero > div > p:last-child {
    color: var(--pinega-sys-color-text-secondary);
    font-family: var(--pinega-sys-font-family-reading);
    font-size: clamp(1.05rem, 1rem + 0.3vi, 1.3rem);
    line-height: 1.7;
  }
  .pinega-doc-corpus-summary {
    border-block-end: 1px solid var(--pinega-sys-color-border-subtle);
  }
  .pinega-doc-catalogue-group {
    gap: var(--pinega-ref-space-l);
    padding-block: var(--pinega-ref-space-xl);
    border-block-start: 1px solid var(--pinega-sys-color-border-subtle);
  }
  .pinega-doc-catalogue-group[hidden] {
    display: none;
  }
  .pinega-doc-catalogue-heading {
    grid-template-columns: minmax(10rem, 0.45fr) minmax(0, 1fr);
    gap: var(--pinega-ref-space-xl);
    align-items: start;
  }
  .pinega-doc-catalogue-heading > div {
    display: grid;
    gap: var(--pinega-ref-space-xs);
  }
  .pinega-doc-catalogue-heading > p,
  .pinega-doc-card p,
  .pinega-doc-card-meta dd,
  .pinega-reading-path p,
  .pinega-doc-maturity dd,
  .pinega-doc-definition-list dd,
  .pinega-doc-provenance dd {
    color: var(--pinega-sys-color-text-secondary);
  }
  .pinega-doc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: var(--pinega-ref-space-l);
  }
  .pinega-doc-card {
    display: grid;
    align-content: start;
    gap: var(--pinega-ref-space-m);
    min-block-size: 15rem;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-panel);
    background: var(--pinega-sys-color-surface-raised);
    padding: var(--pinega-ref-space-l);
    transition:
      translate var(--pinega-sys-motion-duration-fast) var(--pinega-sys-motion-easing-standard),
      border-color var(--pinega-sys-motion-duration-fast) var(--pinega-sys-motion-easing-standard),
      box-shadow var(--pinega-sys-motion-duration-fast) var(--pinega-sys-motion-easing-standard);
  }
  .pinega-doc-card[hidden] {
    display: none;
  }
  .pinega-doc-card:hover {
    translate: 0 -0.12rem;
    border-color: var(--pinega-sys-color-border-strong);
    box-shadow: 0 1rem 2.5rem color-mix(in oklab, var(--pinega-ref-color-neutral-10) 8%, transparent);
  }
  .pinega-doc-card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--pinega-ref-space-s);
  }
  .pinega-doc-card h3,
  .pinega-doc-card h4 {
    font-size: 1.18rem;
  }
  .pinega-doc-card :where(h3, h4) a {
    color: var(--pinega-sys-color-text-primary);
    text-decoration: none;
  }
  .pinega-doc-card :where(h3, h4) a::after {
    content: " \2192";
    color: var(--pinega-sys-color-text-link);
  }
  .pinega-doc-card-meta {
    grid-template-columns: 1fr;
    gap: var(--pinega-ref-space-xs);
    margin: auto 0 0;
    padding-block-start: var(--pinega-ref-space-s);
    border-block-start: 1px solid var(--pinega-sys-color-border-subtle);
    font-size: 0.78rem;
  }
  .pinega-doc-card-meta > div {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: var(--pinega-ref-space-s);
  }
  .pinega-doc-card-meta dt {
    color: var(--pinega-sys-color-text-quiet);
    font-weight: var(--pinega-ref-font-weight-bold);
  }
  .pinega-doc-card-meta dd {
    margin: 0;
  }
  .pinega-reading-path {
    display: grid;
    gap: 1px;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-feature);
    background: var(--pinega-sys-color-border-subtle);
    padding: 0;
    list-style: none;
  }
  .pinega-reading-path li {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: var(--pinega-ref-space-l);
    background: var(--pinega-sys-color-surface-raised);
    padding: var(--pinega-ref-space-l);
  }
  .pinega-reading-path li > span {
    color: var(--pinega-sys-color-text-quiet);
    font-family: var(--pinega-sys-font-family-code);
  }
  .pinega-reading-path li > div {
    display: grid;
    gap: var(--pinega-ref-space-xs);
  }
  .pinega-reading-path strong a {
    color: var(--pinega-sys-color-text-primary);
    text-decoration: none;
  }
  .pinega-doc-maturity dl,
  .pinega-doc-definition-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--pinega-ref-space-l);
    margin: 0;
  }
  .pinega-doc-maturity dl > div,
  .pinega-doc-definition-list > div {
    display: grid;
    align-content: start;
    gap: var(--pinega-ref-space-s);
    border-block-start: 1px solid var(--pinega-sys-color-border-normal);
    padding-block-start: var(--pinega-ref-space-l);
  }
  .pinega-doc-maturity dd,
  .pinega-doc-definition-list dd {
    margin: 0;
  }
  .pinega-doc-shell {
    grid-column: full;
    display: grid;
    grid-template-columns: minmax(15rem, 19rem) minmax(0, 1fr) minmax(12rem, 15rem);
    align-items: start;
    inline-size: min(calc(100% - 2 * var(--pinega-ref-space-l)), 100rem);
    margin-inline: auto;
    gap: clamp(1.5rem, 1rem + 2vi, 3.5rem);
    padding-block: var(--pinega-ref-space-2xl) var(--pinega-ref-space-4xl);
  }
  .pinega-doc-navigation,
  .pinega-doc-toc {
    position: sticky;
    inset-block-start: calc(var(--pinega-component-header-height) + var(--pinega-ref-space-l));
    max-block-size: calc(100dvb - var(--pinega-component-header-height) - 2 * var(--pinega-ref-space-l));
    overflow: auto;
  }
  .pinega-doc-navigation {
    display: grid;
    gap: var(--pinega-ref-space-l);
    padding-inline-end: var(--pinega-ref-space-xs);
  }
  .pinega-doc-status {
    gap: var(--pinega-ref-space-xs);
    border-block-end: 1px solid var(--pinega-sys-color-border-subtle);
    padding-block-end: var(--pinega-ref-space-m);
  }
  .pinega-doc-status > span,
  .pinega-doc-navigation-group > p,
  .pinega-doc-toc > p,
  .pinega-doc-related > p {
    color: var(--pinega-sys-color-text-quiet);
    font-size: 0.72rem;
    font-weight: var(--pinega-ref-font-weight-bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .pinega-doc-status > strong {
    font-size: 0.88rem;
  }
  .pinega-doc-navigation-home {
    border: 1px solid var(--pinega-sys-color-border-subtle);
    background: var(--pinega-sys-color-surface-lowered);
  }
  .pinega-doc-navigation-group {
    gap: var(--pinega-ref-space-xs);
  }
  .pinega-doc-navigation ul,
  .pinega-doc-toc ol,
  .pinega-doc-related ul,
  .pinega-breadcrumbs ol {
    display: grid;
    gap: var(--pinega-ref-space-2xs);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .pinega-doc-navigation a,
  .pinega-doc-toc a {
    display: block;
    border-radius: var(--pinega-sys-radius-control);
    color: var(--pinega-sys-color-text-secondary);
    padding: var(--pinega-ref-space-xs) var(--pinega-ref-space-s);
    font-size: 0.88rem;
    line-height: 1.35;
    text-decoration: none;
  }
  .pinega-doc-navigation a:hover,
  .pinega-doc-navigation a[aria-current=page],
  .pinega-doc-toc a:hover {
    background: var(--pinega-sys-color-surface-raised);
    color: var(--pinega-sys-color-text-primary);
  }
  .pinega-doc-navigation a[aria-current=page] {
    box-shadow: inset 0.18rem 0 0 var(--pinega-sys-color-border-strong);
  }
  .pinega-doc-main {
    min-inline-size: 0;
  }
  .pinega-breadcrumbs {
    margin-block-end: var(--pinega-ref-space-xl);
  }
  .pinega-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pinega-ref-space-xs);
  }
  .pinega-breadcrumbs li {
    display: flex;
    align-items: center;
    gap: var(--pinega-ref-space-xs);
    color: var(--pinega-sys-color-text-quiet);
    font-size: 0.82rem;
  }
  .pinega-breadcrumbs li + li::before {
    content: "/";
    color: var(--pinega-sys-color-border-strong);
    speak: never;
  }
  .pinega-breadcrumbs a {
    color: var(--pinega-sys-color-text-link);
    text-decoration: none;
  }
  .pinega-prose {
    display: grid;
    gap: var(--pinega-ref-space-2xl);
  }
  .pinega-article-header {
    display: grid;
    gap: var(--pinega-ref-space-l);
    padding-block-end: var(--pinega-ref-space-xl);
    border-block-end: 1px solid var(--pinega-sys-color-border-subtle);
  }
  .pinega-article-header h1 {
    max-inline-size: 16ch;
    font-size: clamp(2.5rem, 1.8rem + 3vi, 4.8rem);
  }
  .pinega-article-lede {
    color: var(--pinega-sys-color-text-secondary);
    font-family: var(--pinega-sys-font-family-reading);
    font-size: 1.2rem;
    line-height: 1.75;
  }
  .pinega-prose > section {
    display: grid;
    gap: var(--pinega-ref-space-l);
    scroll-margin-block-start: calc(var(--pinega-component-header-height) + var(--pinega-ref-space-l));
  }
  .pinega-prose > section + section {
    padding-block-start: var(--pinega-ref-space-xl);
    border-block-start: 1px solid var(--pinega-sys-color-border-subtle);
  }
  .pinega-prose :where(p, li, dd, td) {
    color: var(--pinega-sys-color-text-secondary);
    font-family: var(--pinega-sys-font-family-reading);
    line-height: 1.72;
  }
  .pinega-prose :where(p, li) {
    font-size: 1.03rem;
  }
  .pinega-prose :where(ul, ol) {
    display: grid;
    gap: var(--pinega-ref-space-s);
    padding-inline-start: 1.4rem;
  }
  .pinega-prose table {
    inline-size: 100%;
    border-collapse: collapse;
  }
  .pinega-prose :where(th, td) {
    border-block-end: 1px solid var(--pinega-sys-color-border-subtle);
    padding: var(--pinega-ref-space-s) var(--pinega-ref-space-m);
    text-align: start;
    vertical-align: top;
  }
  .pinega-prose th {
    color: var(--pinega-sys-color-text-primary);
    font-size: 0.82rem;
    letter-spacing: 0.04em;
  }
  .pinega-prose code:not(pre code) {
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-ref-radius-s);
    background: var(--pinega-sys-color-surface-lowered);
    padding: 0.1em 0.32em;
    font-size: 0.9em;
  }
  .pinega-doc-provenance {
    gap: var(--pinega-ref-space-l);
    margin-block-start: var(--pinega-ref-space-xl);
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-panel);
    background: var(--pinega-sys-color-surface-lowered);
    padding: var(--pinega-ref-space-l);
  }
  .pinega-doc-provenance > div:first-child {
    display: grid;
    gap: var(--pinega-ref-space-xs);
  }
  .pinega-doc-provenance > dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--pinega-ref-space-m) var(--pinega-ref-space-l);
    margin: 0;
  }
  .pinega-doc-provenance > dl > div {
    display: grid;
    gap: var(--pinega-ref-space-2xs);
  }
  .pinega-doc-provenance dt {
    color: var(--pinega-sys-color-text-quiet);
    font-size: 0.72rem;
    font-weight: var(--pinega-ref-font-weight-bold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .pinega-doc-provenance dd {
    margin: 0;
  }
  .pinega-doc-source-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pinega-ref-space-m);
    margin: 0;
  }
  .pinega-doc-related {
    gap: var(--pinega-ref-space-s);
    border-block-start: 1px solid var(--pinega-sys-color-border-subtle);
    padding-block-start: var(--pinega-ref-space-m);
  }
  .pinega-doc-related ul {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  }
  .pinega-doc-toc {
    display: grid;
    gap: var(--pinega-ref-space-s);
    border-inline-start: 1px solid var(--pinega-sys-color-border-subtle);
    padding-inline-start: var(--pinega-ref-space-m);
  }
  @media (width <= 78rem) {
    .pinega-doc-shell {
      grid-template-columns: minmax(14rem, 17rem) minmax(0, 1fr);
    }
    .pinega-doc-toc {
      display: none;
    }
  }
  @media (width <= 58rem) {
    .pinega-doc-hero,
    .pinega-doc-maturity dl,
    .pinega-doc-definition-list,
    .pinega-doc-catalogue-heading,
    .pinega-doc-provenance > dl {
      grid-template-columns: 1fr;
    }
    .pinega-doc-shell {
      grid-template-columns: 1fr;
    }
    .pinega-doc-navigation {
      position: static;
      max-block-size: none;
      border-block-end: 1px solid var(--pinega-sys-color-border-subtle);
      padding-block-end: var(--pinega-ref-space-l);
    }
    .pinega-doc-navigation-group ul {
      grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    }
  }
  @media (width <= 36rem) {
    .pinega-reading-path li {
      grid-template-columns: 2.5rem minmax(0, 1fr);
      gap: var(--pinega-ref-space-m);
    }
    .pinega-doc-card-meta > div {
      grid-template-columns: 1fr;
    }
  }
}

/* src/styles/diagrams.css */
@layer pinega.components {
  .pinega-diagram-feature {
    display: grid;
    gap: var(--pinega-ref-space-m);
    margin-block-start: var(--pinega-ref-space-2xl);
    padding-block-start: var(--pinega-ref-space-xl);
    border-block-start: 1px solid var(--pinega-sys-color-border-subtle);
  }
  .pinega-diagram-feature > h3 {
    max-inline-size: 32ch;
  }
  .pinega-diagram-feature > p:not(.pinega-eyebrow) {
    color: var(--pinega-sys-color-text-secondary);
    font-family: var(--pinega-sys-font-family-reading);
  }
  .pinega-semantic-diagram {
    display: grid;
    gap: var(--pinega-ref-space-m);
    margin-block: var(--pinega-ref-space-2xl);
  }
  .pinega-diagram-feature > .pinega-semantic-diagram {
    margin-block-end: 0;
  }
  .pinega-diagram-viewport {
    overflow: auto;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-feature);
    background:
      linear-gradient(
        90deg,
        color-mix(in oklab, var(--pinega-sys-color-border-subtle) 28%, transparent) 1px,
        transparent 1px),
      linear-gradient(color-mix(in oklab, var(--pinega-sys-color-border-subtle) 28%, transparent) 1px, transparent 1px),
      var(--pinega-sys-color-surface-raised);
    background-size: 2rem 2rem;
    padding: clamp(0.75rem, 0.5rem + 1vi, 1.5rem);
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
  }
  .pinega-diagram-viewport:focus-visible {
    outline: 0.1875rem solid var(--pinega-sys-color-focus);
    outline-offset: 0.1875rem;
  }
  .pinega-diagram-svg {
    display: block;
    inline-size: max(100%, var(--pinega-diagram-min-inline-size));
    block-size: auto;
    overflow: visible;
  }
  .pinega-diagram-edge,
  .pinega-diagram-shape {
    stroke: var(--pinega-diagram-tone);
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .pinega-diagram-edge {
    fill: none;
  }
  .pinega-diagram-shape {
    fill: var(--pinega-diagram-fill);
  }
  .pinega-diagram-no-fill {
    fill: none;
  }
  .pinega-diagram-arrowhead {
    fill: var(--pinega-diagram-tone);
    stroke: none;
  }
  .pinega-diagram-text {
    fill: var(--pinega-diagram-tone, var(--pinega-sys-color-text-primary));
    font-family: var(--pinega-sys-font-family-ui);
    font-size: 14px;
  }
  .pinega-diagram-text-title {
    font-size: 22px;
    font-weight: var(--pinega-ref-font-weight-bold);
    letter-spacing: -0.02em;
  }
  .pinega-diagram-text-label {
    font-size: 15px;
    font-weight: var(--pinega-ref-font-weight-bold);
  }
  .pinega-diagram-text-body {
    font-size: 12px;
  }
  .pinega-diagram-text-code {
    font-family: var(--pinega-sys-font-family-code);
    font-size: 12px;
    font-weight: var(--pinega-ref-font-weight-medium);
  }
  .pinega-diagram-text-meta {
    font-size: 11px;
  }
  .pinega-diagram-text-chip {
    font-family: var(--pinega-sys-font-family-code);
    font-size: 10px;
    font-weight: var(--pinega-ref-font-weight-bold);
    letter-spacing: 0.06em;
  }
  .tone-primary {
    --pinega-diagram-tone: var(--pinega-sys-color-action-primary);
    --pinega-diagram-fill: color-mix(in oklab, var(--pinega-sys-color-action-primary) 12%, var(--pinega-sys-color-surface-raised));
  }
  .tone-event {
    --pinega-diagram-tone: var(--pinega-research-color-external);
    --pinega-diagram-fill: var(--pinega-research-color-external-surface);
  }
  .tone-inferred {
    --pinega-diagram-tone: var(--pinega-research-color-confirmed);
    --pinega-diagram-fill: var(--pinega-research-color-confirmed-surface);
  }
  .tone-warning {
    --pinega-diagram-tone: var(--pinega-research-color-hypothesis);
    --pinega-diagram-fill: var(--pinega-research-color-hypothesis-surface);
  }
  .tone-danger {
    --pinega-diagram-tone: var(--pinega-research-color-contradicted);
    --pinega-diagram-fill: var(--pinega-research-color-contradicted-surface);
  }
  .tone-pending {
    --pinega-diagram-tone: var(--pinega-research-color-inferred);
    --pinega-diagram-fill: var(--pinega-research-color-inferred-surface);
  }
  .tone-muted {
    --pinega-diagram-tone: var(--pinega-sys-color-text-quiet);
    --pinega-diagram-fill: var(--pinega-sys-color-surface-lowered);
  }
  .tone-neutral {
    --pinega-diagram-tone: var(--pinega-sys-color-text-primary);
    --pinega-diagram-fill: var(--pinega-sys-color-surface-raised);
  }
  .tone-fill-primary {
    fill: color-mix(in oklab, var(--pinega-sys-color-action-primary) 12%, var(--pinega-sys-color-surface-raised));
  }
  .tone-fill-event {
    fill: var(--pinega-research-color-external-surface);
  }
  .tone-fill-inferred {
    fill: var(--pinega-research-color-confirmed-surface);
  }
  .tone-fill-warning {
    fill: var(--pinega-research-color-hypothesis-surface);
  }
  .tone-fill-danger {
    fill: var(--pinega-research-color-contradicted-surface);
  }
  .tone-fill-pending {
    fill: var(--pinega-research-color-inferred-surface);
  }
  .tone-fill-muted {
    fill: var(--pinega-sys-color-surface-lowered);
  }
  .tone-fill-neutral {
    fill: var(--pinega-sys-color-surface-raised);
  }
  .pinega-semantic-diagram figcaption {
    color: var(--pinega-sys-color-text-secondary);
    font-family: var(--pinega-sys-font-family-reading);
    font-size: 0.95rem;
    line-height: 1.65;
  }
  .pinega-diagram-transcript {
    border-block-start: 1px solid var(--pinega-sys-color-border-subtle);
    padding-block-start: var(--pinega-ref-space-s);
  }
  .pinega-diagram-transcript summary {
    inline-size: fit-content;
    color: var(--pinega-sys-color-text-link);
    cursor: pointer;
    font-weight: var(--pinega-ref-font-weight-medium);
  }
  .pinega-diagram-transcript pre {
    max-block-size: 20rem;
    margin-block: var(--pinega-ref-space-m);
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-panel);
    background: var(--pinega-sys-color-surface-lowered);
    color: var(--pinega-sys-color-text-primary);
    padding: var(--pinega-ref-space-m);
    font-size: 0.8rem;
    line-height: 1.6;
    white-space: pre-wrap;
  }
  .pinega-diagram-transcript > a {
    font-size: 0.86rem;
  }
  @media print {
    .pinega-diagram-viewport {
      overflow: visible;
      background: white;
    }
    .pinega-diagram-svg {
      min-inline-size: 0;
    }
    .pinega-diagram-transcript {
      display: none;
    }
  }
}

/* src/styles/diagram-academic.css */
@layer pinega.components {
  .pinega-diagram-viewport {
    border-radius: var(--pinega-sys-radius-panel);
    background: var(--pinega-sys-color-surface-raised);
    padding: clamp(0.75rem, 0.55rem + 0.8vi, 1.25rem);
  }
  .pinega-diagram-svg-history,
  .pinega-diagram-svg-version-chain,
  .pinega-diagram-svg-lifecycle {
    font-kerning: normal;
    text-rendering: geometricPrecision;
  }
  .pinega-diagram-academic-title {
    font-size: 20px;
    letter-spacing: -0.015em;
  }
  .pinega-diagram-subject,
  .pinega-diagram-axis-label,
  .pinega-diagram-relation-label,
  .pinega-diagram-boundary-label {
    font-family: var(--pinega-sys-font-family-code);
  }
  .pinega-diagram-version-node {
    fill: var(--pinega-sys-color-surface-raised);
    stroke-linejoin: miter;
  }
  .pinega-diagram-version-node.state-visible {
    fill: color-mix(in oklab, var(--pinega-research-color-confirmed) 8%, var(--pinega-sys-color-surface-raised));
  }
  .pinega-diagram-version-id {
    font-family: var(--pinega-sys-font-family-code);
    font-size: 16px;
  }
  .pinega-diagram-version-state {
    font-size: 9px;
    letter-spacing: 0.085em;
  }
  .pinega-diagram-version-payload {
    font-size: 13px;
    font-weight: var(--pinega-ref-font-weight-bold);
  }
  .pinega-diagram-version-metadata,
  .pinega-diagram-version-note,
  .pinega-diagram-evaluation-note {
    font-size: 10px;
  }
  .pinega-diagram-version-note {
    font-style: italic;
  }
  .pinega-diagram-node-divider,
  .pinega-diagram-evaluation-rule {
    stroke: var(--pinega-sys-color-border-subtle);
  }
  .pinega-diagram-relation-reference {
    stroke-width: 1.55;
  }
  .pinega-diagram-relation-temporal {
    stroke-width: 1.35;
  }
  .pinega-diagram-evaluation-title {
    font-size: 13px;
  }
  .pinega-diagram-evaluation-result {
    font-size: 9px;
    letter-spacing: 0.05em;
  }
  .pinega-diagram-evaluation-result.is-rejected {
    font-weight: var(--pinega-ref-font-weight-medium);
  }
  .pinega-diagram-time-axis,
  .pinega-diagram-lane-line {
    stroke: var(--pinega-sys-color-border-normal);
  }
  .pinega-diagram-time-axis {
    stroke-linecap: butt;
  }
  .pinega-diagram-lane-label {
    font-family: var(--pinega-sys-font-family-code);
    font-size: 13px;
  }
  .pinega-diagram-operation-interval {
    stroke-linecap: round;
  }
  .pinega-diagram-operation-label {
    font-size: 12px;
    font-weight: var(--pinega-ref-font-weight-bold);
  }
  .pinega-diagram-operation-note {
    font-family: var(--pinega-sys-font-family-reading);
    font-size: 10px;
    font-style: italic;
  }
  .pinega-diagram-lp-halo {
    stroke-width: 1.2;
    opacity: 0.62;
  }
  .pinega-diagram-lp-marker {
    filter: drop-shadow(0 0 2px color-mix(in oklab, var(--pinega-research-color-external) 45%, transparent));
  }
  .pinega-diagram-lp-label {
    font-family: var(--pinega-sys-font-family-code);
    font-size: 12px;
    font-weight: var(--pinega-ref-font-weight-bold);
    letter-spacing: 0.08em;
  }
  .pinega-diagram-real-time-precedence {
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  .pinega-diagram-precedence-label {
    font-size: 10px;
    font-weight: var(--pinega-ref-font-weight-bold);
  }
  .pinega-diagram-boundary {
    opacity: 0.78;
  }
  .pinega-diagram-proof-panel {
    fill: color-mix(in oklab, var(--pinega-sys-color-surface-lowered) 70%, var(--pinega-sys-color-surface-raised));
    stroke: var(--pinega-sys-color-border-normal);
    stroke-linejoin: miter;
  }
  .pinega-diagram-witness-title {
    font-size: 13px;
  }
  .pinega-diagram-witness-number {
    font-size: 10px;
  }
  .pinega-diagram-witness-operation {
    font-size: 12px;
    font-weight: var(--pinega-ref-font-weight-bold);
  }
  .pinega-diagram-witness-reason,
  .pinega-diagram-legend {
    font-size: 10px;
  }
  @media print {
    .pinega-diagram-viewport {
      border-color: #777;
      border-radius: 0;
      background: white;
      padding: 8pt;
    }
    .pinega-diagram-version-node,
    .pinega-diagram-proof-panel {
      fill: white;
    }
    .pinega-diagram-lp-marker {
      filter: none;
    }
  }
}

/* src/components/site-header/site-header.css */
@layer pinega.components {
  pinega-site-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 20;
    display: block;
    min-block-size: var(--pinega-component-header-height);
    border-block-end: 1px solid color-mix(in oklab, var(--pinega-sys-color-border-subtle) 78%, transparent);
    background: color-mix(in oklab, var(--pinega-sys-color-surface-canvas) 88%, transparent);
    backdrop-filter: blur(1rem) saturate(125%);
  }
  pinega-site-header > header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    min-block-size: var(--pinega-component-header-height);
    gap: var(--pinega-ref-space-l);
    inline-size: min(calc(100% - 2 * var(--pinega-ref-space-l)), var(--pinega-sys-measure-wide));
    margin-inline: auto;
  }
  .pinega-brand {
    display: inline-flex;
    align-items: center;
    gap: var(--pinega-ref-space-s);
    color: var(--pinega-sys-color-text-primary);
    font-size: 1.05rem;
    font-weight: var(--pinega-ref-font-weight-bold);
    letter-spacing: -0.02em;
    text-decoration: none;
  }
  .pinega-brand-mark {
    display: grid;
    place-items: center;
    inline-size: 2.15rem;
    aspect-ratio: 1;
    border-radius: 38% 62% 58% 42% / 44% 42% 58% 56%;
    background: var(--pinega-sys-color-action-primary);
    color: var(--pinega-sys-color-action-on-primary);
    font-size: 0.9rem;
    box-shadow: inset 0 0 0 1px color-mix(in oklab, white 30%, transparent);
  }
  pinega-site-header nav {
    justify-self: end;
  }
  pinega-site-header nav ul {
    display: flex;
    align-items: center;
    gap: clamp(var(--pinega-ref-space-s), 2vi, var(--pinega-ref-space-xl));
    margin: 0;
    padding: 0;
    list-style: none;
  }
  pinega-site-header nav a {
    color: var(--pinega-sys-color-text-secondary);
    font-size: 0.9rem;
    font-weight: var(--pinega-ref-font-weight-medium);
    text-decoration: none;
    white-space: nowrap;
  }
  pinega-site-header nav a:hover,
  pinega-site-header nav a[aria-current=page] {
    color: var(--pinega-sys-color-text-primary);
  }
  pinega-site-header [data-navigation-toggle] {
    display: none;
  }
  @media (width <= 64rem) {
    pinega-site-header > header {
      grid-template-columns: 1fr auto;
      position: relative;
    }
    pinega-site-header [data-navigation-toggle] {
      display: inline-block;
    }
    pinega-site-header:not([data-enhanced]) [data-navigation-toggle] {
      display: none;
    }
    pinega-site-header nav {
      grid-column: 1 / -1;
      justify-self: stretch;
      padding-block-end: var(--pinega-ref-space-m);
    }
    pinega-site-header[data-enhanced]:not([data-open]) nav {
      display: none;
    }
    pinega-site-header nav ul {
      align-items: stretch;
      flex-direction: column;
      gap: var(--pinega-ref-space-2xs);
    }
    pinega-site-header nav a {
      display: block;
      border-radius: var(--pinega-sys-radius-control);
      padding: var(--pinega-ref-space-s) var(--pinega-ref-space-m);
    }
    pinega-site-header nav a:hover {
      background: var(--pinega-sys-color-surface-raised);
    }
  }
  @media (width <= 34rem) {
    pinega-site-header > header {
      gap: var(--pinega-ref-space-s);
      inline-size: min(calc(100% - 2 * var(--pinega-ref-space-m)), var(--pinega-sys-measure-wide));
    }
    pinega-site-header .pinega-cluster {
      gap: var(--pinega-ref-space-2xs);
    }
  }
}

/* src/components/hero/hero.css */
@layer pinega.components {
  pinega-hero {
    display: block;
    container: pinega-hero / inline-size;
    padding-block: clamp(4.5rem, 3rem + 7vi, 10rem);
  }
  pinega-hero > section {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
    align-items: center;
    gap: clamp(2.5rem, 2rem + 5cqi, 7rem);
  }
  .pinega-hero-copy {
    display: grid;
    gap: var(--pinega-ref-space-xl);
  }
  .pinega-hero-copy > p:not(.pinega-eyebrow) {
    color: var(--pinega-sys-color-text-secondary);
    font-family: var(--pinega-sys-font-family-reading);
    font-size: clamp(1.1rem, 1rem + 0.45cqi, 1.4rem);
    line-height: 1.65;
  }
  .pinega-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pinega-ref-space-s);
  }
  .pinega-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 3rem;
    border: 1px solid transparent;
    border-radius: var(--pinega-sys-radius-control);
    padding-inline: var(--pinega-ref-space-l);
    font-weight: var(--pinega-sys-font-weight-action);
    line-height: 1;
    text-decoration: none;
    transition:
      translate var(--pinega-sys-motion-duration-fast) var(--pinega-sys-motion-easing-standard),
      background-color var(--pinega-sys-motion-duration-fast) var(--pinega-sys-motion-easing-standard),
      border-color var(--pinega-sys-motion-duration-fast) var(--pinega-sys-motion-easing-standard);
  }
  .pinega-action:hover {
    translate: 0 -0.0625rem;
  }
  .pinega-action:active {
    translate: 0;
  }
  .pinega-action-primary {
    background: var(--pinega-sys-color-action-primary);
    color: var(--pinega-sys-color-action-on-primary);
  }
  .pinega-action-primary:hover {
    background: var(--pinega-sys-color-action-primary-hover);
  }
  .pinega-action-secondary {
    border-color: var(--pinega-sys-color-border-normal);
    background: var(--pinega-sys-color-surface-raised);
    color: var(--pinega-sys-color-text-primary);
  }
  .pinega-action-secondary:hover {
    border-color: var(--pinega-sys-color-border-strong);
  }
  .pinega-hero-stack {
    position: relative;
    min-block-size: 27rem;
    perspective: 60rem;
  }
  .pinega-hero-layer {
    position: absolute;
    inset-inline: 0;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-feature);
    background: var(--pinega-sys-color-surface-raised);
    box-shadow: 0 1.2rem 4rem color-mix(in oklab, var(--pinega-ref-color-neutral-10) 12%, transparent);
    padding: var(--pinega-ref-space-l);
    transform-origin: center bottom;
  }
  .pinega-hero-layer:nth-child(1) {
    inset-block-start: 1rem;
    transform: rotate(-4deg) translateX(-1.4rem) scale(0.92);
  }
  .pinega-hero-layer:nth-child(2) {
    inset-block-start: 4.7rem;
    transform: rotate(2.5deg) translateX(1rem) scale(0.96);
  }
  .pinega-hero-layer:nth-child(3) {
    inset-block-start: 8.5rem;
  }
  .pinega-hero-layer-header {
    display: flex;
    justify-content: space-between;
    gap: var(--pinega-ref-space-m);
    margin-block-end: var(--pinega-ref-space-l);
    color: var(--pinega-sys-color-text-quiet);
    font-family: var(--pinega-sys-font-family-code);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .pinega-hero-trace {
    display: grid;
    gap: var(--pinega-ref-space-s);
  }
  .pinega-hero-trace-row {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    align-items: center;
    gap: var(--pinega-ref-space-s);
  }
  .pinega-hero-trace-row > span:first-child {
    color: var(--pinega-sys-color-text-quiet);
    font-family: var(--pinega-sys-font-family-code);
    font-size: 0.75rem;
  }
  .pinega-hero-trace-line {
    position: relative;
    block-size: 0.55rem;
    border-radius: var(--pinega-ref-radius-pill);
    background: var(--pinega-sys-color-surface-lowered);
    overflow: hidden;
  }
  .pinega-hero-trace-line::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: var(--start, 0%);
    inline-size: var(--length, 60%);
    border-radius: inherit;
    background: var(--tone, var(--pinega-sys-color-action-primary));
  }
  @container pinega-hero (inline-size < 54rem) {
    pinega-hero > section {
      grid-template-columns: 1fr;
    }
    .pinega-hero-stack {
      min-block-size: 24rem;
      max-inline-size: 36rem;
      inline-size: 100%;
      justify-self: center;
    }
  }
  @container pinega-hero (inline-size < 34rem) {
    .pinega-hero-actions {
      align-items: stretch;
      flex-direction: column;
    }
    .pinega-hero-actions .pinega-action {
      inline-size: 100%;
    }
    .pinega-hero-stack {
      min-block-size: 20rem;
    }
  }
}

/* src/components/evidence/evidence.css */
@layer pinega.components {
  pinega-evidence {
    --_evidence-color: var(--pinega-research-color-confirmed);
    --_evidence-surface: var(--pinega-research-color-confirmed-surface);
    display: grid;
    grid-template-columns: var(--pinega-component-evidence-rail-width) minmax(0, 1fr);
    gap: var(--pinega-ref-space-l);
    container: pinega-evidence / inline-size;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-panel);
    background: color-mix(in oklab, var(--_evidence-surface) 60%, var(--pinega-sys-color-surface-raised));
    box-shadow: 0 0.75rem 2.25rem color-mix(in oklab, var(--pinega-ref-color-neutral-10) 5%, transparent);
    padding: var(--pinega-component-evidence-padding);
    overflow: clip;
  }
  pinega-evidence::before {
    content: "";
    align-self: stretch;
    inline-size: var(--pinega-component-evidence-rail-width);
    border-radius: var(--pinega-ref-radius-pill);
    background: var(--_evidence-color);
  }
  pinega-evidence > * {
    grid-column: 2;
  }
  pinega-evidence [data-evidence-label] {
    align-self: start;
    color: var(--_evidence-color);
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
  }
  pinega-evidence > :not([data-evidence-label]) {
    color: var(--pinega-sys-color-text-secondary);
  }
  pinega-evidence[kind=inferred] {
    --_evidence-color: var(--pinega-research-color-inferred);
    --_evidence-surface: var(--pinega-research-color-inferred-surface);
  }
  pinega-evidence[kind=hypothesis] {
    --_evidence-color: var(--pinega-research-color-hypothesis);
    --_evidence-surface: var(--pinega-research-color-hypothesis-surface);
  }
  pinega-evidence[kind=external] {
    --_evidence-color: var(--pinega-research-color-external);
    --_evidence-surface: var(--pinega-research-color-external-surface);
  }
  pinega-evidence[kind=contradicted] {
    --_evidence-color: var(--pinega-research-color-contradicted);
    --_evidence-surface: var(--pinega-research-color-contradicted-surface);
  }
  @supports selector(:state(confirmed)) {
    pinega-evidence:state(inferred) {
      --_evidence-color: var(--pinega-research-color-inferred);
      --_evidence-surface: var(--pinega-research-color-inferred-surface);
    }
    pinega-evidence:state(hypothesis) {
      --_evidence-color: var(--pinega-research-color-hypothesis);
      --_evidence-surface: var(--pinega-research-color-hypothesis-surface);
    }
    pinega-evidence:state(external) {
      --_evidence-color: var(--pinega-research-color-external);
      --_evidence-surface: var(--pinega-research-color-external-surface);
    }
    pinega-evidence:state(contradicted) {
      --_evidence-color: var(--pinega-research-color-contradicted);
      --_evidence-surface: var(--pinega-research-color-contradicted-surface);
    }
  }
  @container pinega-evidence (inline-size < 25rem) {
    pinega-evidence {
      gap: var(--pinega-ref-space-m);
      padding: var(--pinega-ref-space-m);
    }
  }
}

/* src/components/code-example/code-example.css */
@layer pinega.components {
  pinega-code-example {
    display: block;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-panel);
    background: var(--pinega-sys-color-code-surface);
    color: var(--pinega-sys-color-code-text);
    box-shadow: 0 1.25rem 3.5rem color-mix(in oklab, var(--pinega-ref-color-neutral-10) 16%, transparent);
    overflow: clip;
  }
  pinega-code-example > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pinega-ref-space-m);
    border-block-end: 1px solid color-mix(in oklab, var(--pinega-sys-color-code-muted) 28%, transparent);
    padding: var(--pinega-ref-space-s) var(--pinega-ref-space-l);
  }
  pinega-code-example > header > :first-child {
    color: var(--pinega-sys-color-code-muted);
    font-family: var(--pinega-sys-font-family-code);
    font-size: 0.74rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  pinega-code-example pre {
    margin: 0;
    padding: var(--pinega-component-code-padding);
    font-size: clamp(0.78rem, 0.72rem + 0.22vi, 0.92rem);
    line-height: 1.7;
  }
  pinega-code-example code {
    color: inherit;
    white-space: pre;
  }
  pinega-code-example [data-native-copy] {
    border: 1px solid color-mix(in oklab, var(--pinega-sys-color-code-muted) 38%, transparent);
    border-radius: var(--pinega-sys-radius-control);
    background: transparent;
    color: var(--pinega-sys-color-code-text);
    cursor: pointer;
    padding: var(--pinega-ref-space-xs) var(--pinega-ref-space-s);
  }
  pinega-code-example[data-copy-renderer=webawesome] [data-native-copy] {
    display: none;
  }
  pinega-code-example:not([data-copy-renderer=webawesome]) wa-copy-button {
    display: none;
  }
  pinega-code-example wa-copy-button {
    color: var(--pinega-sys-color-code-text);
  }
  pinega-code-example wa-copy-button::part(button) {
    border-radius: var(--pinega-sys-radius-control);
  }
}

/* src/components/benchmark/benchmark.css */
@layer pinega.components {
  pinega-benchmark {
    display: grid;
    gap: var(--pinega-ref-space-l);
    container: pinega-benchmark / inline-size;
    border: 1px solid var(--pinega-sys-color-border-subtle);
    border-radius: var(--pinega-sys-radius-feature);
    background: var(--pinega-sys-color-surface-raised);
    box-shadow: 0 1.25rem 3.75rem color-mix(in oklab, var(--pinega-ref-color-neutral-10) 8%, transparent);
    padding: clamp(1.25rem, 1rem + 2cqi, 2.5rem);
    overflow: clip;
  }
  pinega-benchmark > header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--pinega-ref-space-l);
  }
  pinega-benchmark > header > div {
    display: grid;
    gap: var(--pinega-ref-space-xs);
  }
  pinega-benchmark [data-benchmark-visual] {
    min-block-size: var(--pinega-component-benchmark-chart-height);
  }
  pinega-benchmark wa-line-chart {
    display: block;
    min-block-size: var(--pinega-component-benchmark-chart-height);
  }
  .pinega-benchmark-chart {
    inline-size: 100%;
    min-block-size: var(--pinega-component-benchmark-chart-height);
    overflow: visible;
  }
  .chart-grid-line {
    stroke: var(--pinega-sys-color-border-subtle);
    stroke-dasharray: 3 5;
    stroke-width: 1;
  }
  .chart-axis-line {
    stroke: var(--pinega-sys-color-border-strong);
    stroke-width: 1;
  }
  .chart-axis-label,
  .chart-axis-title,
  .chart-legend-label {
    fill: var(--pinega-sys-color-text-quiet);
    font-family: var(--pinega-sys-font-family-ui);
    font-size: 12px;
  }
  .chart-axis-title {
    font-weight: var(--pinega-ref-font-weight-semibold);
  }
  .chart-series {
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .chart-series-1 {
    stroke: var(--pinega-sys-color-action-primary);
    fill: var(--pinega-sys-color-action-primary);
  }
  .chart-series-2 {
    stroke: var(--pinega-research-color-confirmed);
    fill: var(--pinega-research-color-confirmed);
  }
  .chart-series-3 {
    stroke: var(--pinega-research-color-hypothesis);
    fill: var(--pinega-research-color-hypothesis);
  }
  .chart-point {
    stroke: var(--pinega-sys-color-surface-raised);
    stroke-width: 2.5;
  }
  pinega-benchmark details {
    border-block-start: 1px solid var(--pinega-sys-color-border-subtle);
    padding-block-start: var(--pinega-ref-space-m);
  }
  pinega-benchmark summary {
    color: var(--pinega-sys-color-text-secondary);
    cursor: pointer;
    font-weight: var(--pinega-ref-font-weight-medium);
  }
  pinega-benchmark table {
    margin-block-start: var(--pinega-ref-space-m);
    font-variant-numeric: tabular-nums;
  }
  pinega-benchmark :is(th, td) {
    border-block-end: 1px solid var(--pinega-sys-color-border-subtle);
    padding: var(--pinega-ref-space-s);
  }
  pinega-benchmark td:not(:first-child),
  pinega-benchmark th:not(:first-child) {
    text-align: end;
  }
  @container pinega-benchmark (inline-size < 34rem) {
    pinega-benchmark > header {
      align-items: stretch;
      flex-direction: column;
    }
    .chart-legend-label,
    .chart-axis-label,
    .chart-axis-title {
      font-size: 10px;
    }
  }
}

/* src/components/doc-search/doc-search.css */
@layer pinega.components {
  pinega-doc-search {
    display: grid;
    gap: var(--pinega-ref-space-xl);
    padding-block: clamp(2.5rem, 2rem + 3vi, 5rem);
  }
  .pinega-doc-search-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--pinega-ref-space-l);
  }
  .pinega-doc-search-heading > div {
    display: grid;
    gap: var(--pinega-ref-space-xs);
  }
  [data-doc-search-status] {
    color: var(--pinega-sys-color-text-quiet);
    font-size: 0.9rem;
    white-space: nowrap;
  }
  pinega-doc-search wa-input {
    max-inline-size: 42rem;
  }
  [data-doc-search-empty] {
    border: 1px dashed var(--pinega-sys-color-border-normal);
    border-radius: var(--pinega-sys-radius-panel);
    color: var(--pinega-sys-color-text-secondary);
    padding: var(--pinega-ref-space-xl);
    text-align: center;
  }
  @media (width <= 36rem) {
    .pinega-doc-search-heading {
      align-items: start;
      flex-direction: column;
    }
  }
}

/* src/styles/index.css */
@layer pinega.overrides {
  @media (forced-colors: active) {
    :where(pinega-evidence, pinega-code-example, pinega-benchmark, .pinega-doc-card, .pinega-architecture-layers li, .pinega-diagram-viewport) {
      forced-color-adjust: auto;
      border-color: CanvasText;
    }
    .pinega-diagram-edge,
    .pinega-diagram-shape {
      stroke: CanvasText;
    }
    .pinega-diagram-shape {
      fill: Canvas;
    }
    .pinega-diagram-text,
    .pinega-diagram-arrowhead {
      fill: CanvasText;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :where(html) {
      scroll-behavior: auto;
    }
    :where(*, *::before, *::after) {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.001ms !important;
    }
  }
}
/*# sourceMappingURL=main.css.map */