/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities;
:root {
  --background: oklch(98.18% 0.0054 95.0986deg);
  --foreground: oklch(34.38% 0.0269 95.7226deg);
  --card: oklch(98.18% 0.0054 95.0986deg);
  --card-foreground: oklch(19.08% 0.0020 106.5859deg);
  --popover: oklch(100% 0 0deg);
  --popover-foreground: oklch(26.71% 0.0196 98.9390deg);
  --primary: oklch(47.08% 0.2119 285.8894deg);
  --primary-foreground: oklch(100% 0 0deg);
  --secondary: oklch(92.45% 0.0138 92.9892deg);
  --secondary-foreground: oklch(43.34% 0.0177 98.6048deg);
  --muted: oklch(93.41% 0.0153 90.2390deg);
  --muted-foreground: oklch(60.59% 0.0075 97.4233deg);
  --accent-foreground: oklch(26.71% 0.0196 98.9390deg);
  --destructive: oklch(19.08% 0.0020 106.5859deg);
  --destructive-foreground: oklch(100% 0 0deg);
  --border: oklch(88.47% 0.0069 97.3627deg);
  --input: oklch(76.21% 0.0156 98.3528deg);
  --ring: oklch(61.71% 0.1375 39.0427deg);
  --chart-1: oklch(55.83% 0.1276 42.9956deg);
  --chart-2: oklch(68.98% 0.1581 290.4107deg);
  --chart-3: oklch(88.16% 0.0276 93.1280deg);
  --chart-4: oklch(88.22% 0.0403 298.1792deg);
  --chart-5: oklch(56.08% 0.1348 42.0584deg);
  --sidebar: oklch(96.63% 0.0080 98.8792deg);
  --sidebar-foreground: oklch(35.9% 0.0051 106.6524deg);
  --sidebar-primary: oklch(61.71% 0.1375 39.0427deg);
  --sidebar-primary-foreground: oklch(98.81% 0 0deg);
  --sidebar-accent: oklch(92.45% 0.0138 92.9892deg);
  --sidebar-accent-foreground: oklch(32.5% 0 0deg);
  --sidebar-border: oklch(94.01% 0 0deg);
  --sidebar-ring: oklch(77.31% 0 0deg);
  --radius: 0.5rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0deg 0% 0% / 5%);
  --shadow-xs: 0 1px 3px 0px hsl(0deg 0% 0% / 5%);
  --shadow-sm: 0 1px 3px 0px hsl(0deg 0% 0% / 10%), 0 1px 2px -1px hsl(0deg 0% 0% / 10%);
  --shadow: 0 1px 3px 0px hsl(0deg 0% 0% / 10%), 0 1px 2px -1px hsl(0deg 0% 0% / 10%);
  --shadow-md: 0 1px 3px 0px hsl(0deg 0% 0% / 10%), 0 2px 4px -1px hsl(0deg 0% 0% / 10%);
  --shadow-lg: 0 1px 3px 0px hsl(0deg 0% 0% / 10%), 0 4px 6px -1px hsl(0deg 0% 0% / 10%);
  --shadow-xl: 0 1px 3px 0px hsl(0deg 0% 0% / 10%), 0 8px 10px -1px hsl(0deg 0% 0% / 10%);
  --shadow-2xl: 0 1px 3px 0px hsl(0deg 0% 0% / 25%);
  --tracking-normal: 0em;
  --ready: oklch(55.6% 0.1450 152deg);
  --ready-bright: oklch(72% 0.1550 152deg);
  --ready-dim: oklch(44% 0.1150 152deg);
  --alarm: oklch(54.5% 0.1950 25deg);
  --caution: oklch(66.5% 0.1400 70deg);
  --paper: var(--background);
  --paper-2: var(--secondary);
  --paper-3: var(--muted);
  --ink: var(--foreground);
  --ink-2: var(--muted-foreground);
  --ink-3: oklch(from var(--muted-foreground) calc(l + 0.08) c h);
  --line: var(--border);
  --line-mid: var(--input);
  --dark: oklch(26.79% 0.0036 106.6427deg);
  --dark-2: oklch(30.85% 0.0035 106.6039deg);
  --line-dark: oklch(36.18% 0.0101 106.8928deg);
  --violet: var(--primary);
  --violet-bright: var(--chart-2);
  --violet-dim: oklch(from var(--primary) calc(l - 0.08) c h);
  --surface-page: var(--background);
  --surface-card: var(--card);
  --surface-sunken: var(--secondary);
  --surface-inverse: var(--dark);
  --surface-inverse-2: var(--dark-2);
  --text-body: var(--foreground);
  --text-muted: var(--ink-2);
  --text-faint: var(--ink-3);
  --text-on-dark: var(--background);
  --text-muted-on-dark: oklch(77.13% 0.0169 99.0657deg);
  --accent: var(--primary);
  --accent-dim: var(--violet-dim);
  --accent-on-dark: var(--violet-bright);
  --score-low: var(--alarm);
  --score-mid: var(--caution);
  --score-high: var(--ready);
  --focus-ring: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);
  --font-display: 'Archivo', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 21px;
  --text-xl: 28px;
  --text-2xl: 44px;
  --text-3xl: 64px;
  --text-4xl: 76px;
  --leading-tight: 1.04;
  --leading-snug: 1.25;
  --leading-body: 1.55;
  --track-display: -0.025em;
  --track-label: 0.09em;
  --weight-body: 400;
  --weight-medium: 500;
  --weight-semi: 600;
  --weight-display: 700;
  --weight-black: 800;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --container: 1280px;
  --gutter: 20px;
  --frame-margin: 12px;
  --frame: min(var(--container), 100% - 2 * var(--frame-margin));
  --tick: var(--line-mid);
  --radius-1: 2px;
  --radius-2: 2px;
  --radius-3: 2px;
  --radius-pill: 2px;
  --shadow-card: none;
  --shadow-pop: none;
  --panel: var(--sidebar);
  --ink-strong: var(--card-foreground);
  --accent-soft: var(--chart-4);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --speed: 220ms;
}
@media (width >= 900px) {
  :root {
    --gutter: 48px;
    --frame-margin: 32px;
  }
}
.dark {
  --background: oklch(26.79% 0.0036 106.6427deg);
  --foreground: oklch(80.74% 0.0142 93.0137deg);
  --card: oklch(26.79% 0.0036 106.6427deg);
  --card-foreground: oklch(98.18% 0.0054 95.0986deg);
  --popover: oklch(30.85% 0.0035 106.6039deg);
  --popover-foreground: oklch(92.11% 0.0040 106.4781deg);
  --primary: oklch(67.24% 0.1308 38.7559deg);
  --primary-foreground: oklch(100% 0 0deg);
  --secondary: oklch(98.18% 0.0054 95.0986deg);
  --secondary-foreground: oklch(30.85% 0.0035 106.6039deg);
  --muted: oklch(22.13% 0.0038 106.7070deg);
  --muted-foreground: oklch(77.13% 0.0169 99.0657deg);
  --accent: oklch(21.3% 0.0078 95.4245deg);
  --accent-foreground: oklch(96.63% 0.0080 98.8792deg);
  --destructive: oklch(63.68% 0.2078 25.3313deg);
  --destructive-foreground: oklch(100% 0 0deg);
  --border: oklch(36.18% 0.0101 106.8928deg);
  --input: oklch(43.36% 0.0113 100.2195deg);
  --ring: oklch(67.24% 0.1308 38.7559deg);
  --chart-1: oklch(55.83% 0.1276 42.9956deg);
  --chart-2: oklch(68.98% 0.1581 290.4107deg);
  --chart-3: oklch(21.3% 0.0078 95.4245deg);
  --chart-4: oklch(30.74% 0.0516 289.3230deg);
  --chart-5: oklch(56.08% 0.1348 42.0584deg);
  --sidebar: oklch(23.57% 0.0024 67.7077deg);
  --sidebar-foreground: oklch(80.74% 0.0142 93.0137deg);
  --sidebar-primary: oklch(32.5% 0 0deg);
  --sidebar-primary-foreground: oklch(98.81% 0 0deg);
  --sidebar-accent: oklch(16.8% 0.0020 106.6177deg);
  --sidebar-accent-foreground: oklch(80.74% 0.0142 93.0137deg);
  --sidebar-border: oklch(94.01% 0 0deg);
  --sidebar-ring: oklch(77.31% 0 0deg);
}
.frame-type-moselwal-findreadylevels {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cb-fr-levels__text {
  max-width: var(--column);
  margin: 0;
  padding-top: var(--space-5);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  color: var(--ink-strong);
}
.cb-fr-levels__stairs {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin: var(--space-8) 0 var(--space-12);
  padding: var(--space-6);
  list-style: none;
  background: var(--dark);
  border-radius: var(--radius-3);
}
.cb-fr-levels__step {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.cb-fr-levels__name {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: var(--weight-medium);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--text-muted-on-dark);
}
.cb-fr-levels__bar {
  display: block;
  height: 28px;
  border-radius: var(--radius-2);
}
.cb-fr-levels__step--1 .cb-fr-levels__bar {
  width: 25%;
  background: var(--accent-soft);
}
.cb-fr-levels__step--2 .cb-fr-levels__bar {
  width: 50%;
  background: var(--accent-on-dark);
}
.cb-fr-levels__step--3 .cb-fr-levels__bar {
  width: 75%;
  background: var(--accent);
}
.cb-fr-levels__step--4 .cb-fr-levels__bar {
  width: 100%;
  background: var(--accent-dim);
  box-shadow: inset 0 0 0 1px var(--line-dark);
}
@media (width >= 760px) {
  .cb-fr-levels__stairs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
    gap: var(--space-3);
    height: 440px;
    padding: var(--space-10);
  }
  .cb-fr-levels__step {
    gap: var(--space-3);
  }
  .cb-fr-levels__step .cb-fr-levels__bar {
    width: auto;
  }
  .cb-fr-levels__step--1 .cb-fr-levels__bar {
    height: 80px;
  }
  .cb-fr-levels__step--2 .cb-fr-levels__bar {
    height: 160px;
  }
  .cb-fr-levels__step--3 .cb-fr-levels__bar {
    height: 240px;
  }
  .cb-fr-levels__step--4 .cb-fr-levels__bar {
    height: 320px;
  }
}