@charset "UTF-8";
/* Bulma Utilities */
:root {
  --bulma-control-radius: var(--bulma-radius);
  --bulma-control-radius-small: var(--bulma-radius-small);
  --bulma-control-border-width: 1px;
  --bulma-control-height: 2.5em;
  --bulma-control-line-height: 1.5;
  --bulma-control-padding-vertical: calc(0.5em - 1px);
  --bulma-control-padding-horizontal: calc(0.75em - 1px);
  --bulma-control-size: var(--bulma-size-normal);
  --bulma-control-focus-shadow-l: 50%;
}

/* Bulma Themes */
:root {
  --bulma-scheme-h: 221;
  --bulma-scheme-s: 14%;
  --bulma-light-l: 90%;
  --bulma-light-invert-l: 20%;
  --bulma-dark-l: 20%;
  --bulma-dark-invert-l: 90%;
  --bulma-soft-l: 90%;
  --bulma-bold-l: 20%;
  --bulma-soft-invert-l: 20%;
  --bulma-bold-invert-l: 90%;
  --bulma-hover-background-l-delta: -5%;
  --bulma-active-background-l-delta: -10%;
  --bulma-hover-border-l-delta: -10%;
  --bulma-active-border-l-delta: -20%;
  --bulma-hover-color-l-delta: -5%;
  --bulma-active-color-l-delta: -10%;
  --bulma-hover-shadow-a-delta: -0.05;
  --bulma-active-shadow-a-delta: -0.1;
  --bulma-scheme-brightness: light;
  --bulma-scheme-main-l: 100%;
  --bulma-scheme-main-bis-l: 98%;
  --bulma-scheme-main-ter-l: 96%;
  --bulma-background-l: 96%;
  --bulma-border-weak-l: 93%;
  --bulma-border-l: 86%;
  --bulma-text-weak-l: 48%;
  --bulma-text-l: 29%;
  --bulma-text-strong-l: 21%;
  --bulma-text-title-l: 14%;
  --bulma-scheme-invert-ter-l: 14%;
  --bulma-scheme-invert-bis-l: 7%;
  --bulma-scheme-invert-l: 4%;
  --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
  --bulma-size-small: 0.75rem;
  --bulma-size-normal: 0.875rem;
  --bulma-size-medium: 1rem;
  --bulma-size-large: 1.125rem;
  --bulma-weight-light: 300;
  --bulma-weight-normal: 400;
  --bulma-weight-medium: 500;
  --bulma-weight-semibold: 600;
  --bulma-weight-bold: 700;
  --bulma-weight-extrabold: 800;
  --bulma-block-spacing: 1.5rem;
  --bulma-duration: 294ms;
  --bulma-easing: ease-out;
  --bulma-radius-small: 0.25rem;
  --bulma-radius: 0.375rem;
  --bulma-radius-medium: 0.5em;
  --bulma-radius-large: 0.75rem;
  --bulma-radius-rounded: 9999px;
  --bulma-speed: 86ms;
  --bulma-arrow-color: var(--bulma-link);
  --bulma-loading-color: var(--bulma-border);
  --bulma-burger-h: var(--bulma-link-h);
  --bulma-burger-s: var(--bulma-link-s);
  --bulma-burger-l: var(--bulma-link-l);
  --bulma-burger-border-radius: 0.5em;
  --bulma-burger-gap: 5px;
  --bulma-burger-item-height: 2px;
  --bulma-burger-item-width: 20px;
  --bulma-white: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1);
  --bulma-white-base: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1);
  --bulma-white-rgb: 255, 255, 255;
  --bulma-white-h: 221deg;
  --bulma-white-s: 14%;
  --bulma-white-l: 100%;
  --bulma-white-invert-l: 4%;
  --bulma-white-invert: hsl(221, 14%, 4%);
  --bulma-white-on-scheme-l: 35%;
  --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
  --bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
  --bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
  --bulma-black-rgb: 8.772, 9.6764, 11.628;
  --bulma-black-h: 221deg;
  --bulma-black-s: 14%;
  --bulma-black-l: 4%;
  --bulma-black-invert-l: 100%;
  --bulma-black-invert: hsl(221, 14%, 100%);
  --bulma-black-on-scheme-l: 4%;
  --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
  --bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
  --bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
  --bulma-light-rgb: 243.372, 244.2764, 246.228;
  --bulma-light-h: 221deg;
  --bulma-light-s: 14%;
  --bulma-light-l: 96%;
  --bulma-light-invert-l: 21%;
  --bulma-light-invert: hsl(221, 14%, 21%);
  --bulma-light-on-scheme-l: 36%;
  --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
  --bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
  --bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
  --bulma-dark-rgb: 46.053, 50.8011, 61.047;
  --bulma-dark-h: 221deg;
  --bulma-dark-s: 14%;
  --bulma-dark-l: 21%;
  --bulma-dark-invert-l: 96%;
  --bulma-dark-invert: hsl(221, 14%, 96%);
  --bulma-dark-on-scheme-l: 21%;
  --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
  --bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
  --bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
  --bulma-text-rgb: 63.597, 70.1539, 84.303;
  --bulma-text-h: 221deg;
  --bulma-text-s: 14%;
  --bulma-text-l: 29%;
  --bulma-text-00-l: 0%;
  --bulma-text-05-l: 4%;
  --bulma-text-10-l: 9%;
  --bulma-text-15-l: 14%;
  --bulma-text-20-l: 19%;
  --bulma-text-25-l: 24%;
  --bulma-text-30-l: 29%;
  --bulma-text-35-l: 34%;
  --bulma-text-40-l: 39%;
  --bulma-text-45-l: 44%;
  --bulma-text-50-l: 49%;
  --bulma-text-55-l: 54%;
  --bulma-text-60-l: 59%;
  --bulma-text-65-l: 64%;
  --bulma-text-70-l: 69%;
  --bulma-text-75-l: 74%;
  --bulma-text-80-l: 79%;
  --bulma-text-85-l: 84%;
  --bulma-text-90-l: 89%;
  --bulma-text-95-l: 94%;
  --bulma-text-100-l: 99%;
  --bulma-text-00: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l), 1);
  --bulma-text-00-invert-l: var(--bulma-text-60-l);
  --bulma-text-00-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l), 1);
  --bulma-text-05: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l), 1);
  --bulma-text-05-invert-l: var(--bulma-text-60-l);
  --bulma-text-05-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l), 1);
  --bulma-text-10: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l), 1);
  --bulma-text-10-invert-l: var(--bulma-text-70-l);
  --bulma-text-10-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l), 1);
  --bulma-text-15: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l), 1);
  --bulma-text-15-invert-l: var(--bulma-text-75-l);
  --bulma-text-15-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l), 1);
  --bulma-text-20: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l), 1);
  --bulma-text-20-invert-l: var(--bulma-text-85-l);
  --bulma-text-20-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l), 1);
  --bulma-text-25: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l), 1);
  --bulma-text-25-invert-l: var(--bulma-text-95-l);
  --bulma-text-25-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l), 1);
  --bulma-text-30: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l), 1);
  --bulma-text-30-invert-l: var(--bulma-text-100-l);
  --bulma-text-30-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l), 1);
  --bulma-text-35: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l), 1);
  --bulma-text-35-invert-l: var(--bulma-text-100-l);
  --bulma-text-35-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l), 1);
  --bulma-text-40: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l), 1);
  --bulma-text-40-invert-l: var(--bulma-text-100-l);
  --bulma-text-40-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l), 1);
  --bulma-text-45: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l), 1);
  --bulma-text-45-invert-l: var(--bulma-text-100-l);
  --bulma-text-45-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l), 1);
  --bulma-text-50: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l), 1);
  --bulma-text-50-invert-l: var(--bulma-text-100-l);
  --bulma-text-50-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l), 1);
  --bulma-text-55: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l), 1);
  --bulma-text-55-invert-l: var(--bulma-text-100-l);
  --bulma-text-55-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l), 1);
  --bulma-text-60: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l), 1);
  --bulma-text-60-invert-l: var(--bulma-text-05-l);
  --bulma-text-60-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l), 1);
  --bulma-text-65: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l), 1);
  --bulma-text-65-invert-l: var(--bulma-text-05-l);
  --bulma-text-65-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l), 1);
  --bulma-text-70: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l), 1);
  --bulma-text-70-invert-l: var(--bulma-text-10-l);
  --bulma-text-70-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l), 1);
  --bulma-text-75: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l), 1);
  --bulma-text-75-invert-l: var(--bulma-text-15-l);
  --bulma-text-75-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l), 1);
  --bulma-text-80: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l), 1);
  --bulma-text-80-invert-l: var(--bulma-text-15-l);
  --bulma-text-80-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l), 1);
  --bulma-text-85: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l), 1);
  --bulma-text-85-invert-l: var(--bulma-text-20-l);
  --bulma-text-85-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l), 1);
  --bulma-text-90: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l), 1);
  --bulma-text-90-invert-l: var(--bulma-text-20-l);
  --bulma-text-90-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l), 1);
  --bulma-text-95: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l), 1);
  --bulma-text-95-invert-l: var(--bulma-text-25-l);
  --bulma-text-95-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l), 1);
  --bulma-text-100: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l), 1);
  --bulma-text-100-invert-l: var(--bulma-text-25-l);
  --bulma-text-100-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l), 1);
  --bulma-text-invert-l: var(--bulma-text-100-l);
  --bulma-text-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l), 1);
  --bulma-text-light-l: var(--bulma-text-90-l);
  --bulma-text-light: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l), 1);
  --bulma-text-light-invert-l: var(--bulma-text-20-l);
  --bulma-text-light-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l), 1);
  --bulma-text-dark-l: var(--bulma-text-10-l);
  --bulma-text-dark: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l), 1);
  --bulma-text-dark-invert-l: var(--bulma-text-70-l);
  --bulma-text-dark-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l), 1);
  --bulma-text-soft: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l), 1);
  --bulma-text-bold: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l), 1);
  --bulma-text-soft-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l), 1);
  --bulma-text-bold-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l), 1);
  --bulma-text-on-scheme-l: 29%;
  --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
  --bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
  --bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
  --bulma-primary-rgb: 0, 209.1, 177.735;
  --bulma-primary-h: 171deg;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 41%;
  --bulma-primary-00-l: 1%;
  --bulma-primary-05-l: 6%;
  --bulma-primary-10-l: 11%;
  --bulma-primary-15-l: 16%;
  --bulma-primary-20-l: 21%;
  --bulma-primary-25-l: 26%;
  --bulma-primary-30-l: 31%;
  --bulma-primary-35-l: 36%;
  --bulma-primary-40-l: 41%;
  --bulma-primary-45-l: 46%;
  --bulma-primary-50-l: 51%;
  --bulma-primary-55-l: 56%;
  --bulma-primary-60-l: 61%;
  --bulma-primary-65-l: 66%;
  --bulma-primary-70-l: 71%;
  --bulma-primary-75-l: 76%;
  --bulma-primary-80-l: 81%;
  --bulma-primary-85-l: 86%;
  --bulma-primary-90-l: 91%;
  --bulma-primary-95-l: 96%;
  --bulma-primary-100-l: 100%;
  --bulma-primary-00: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l), 1);
  --bulma-primary-00-invert-l: var(--bulma-primary-30-l);
  --bulma-primary-00-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l), 1);
  --bulma-primary-05: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l), 1);
  --bulma-primary-05-invert-l: var(--bulma-primary-40-l);
  --bulma-primary-05-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l), 1);
  --bulma-primary-10: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l), 1);
  --bulma-primary-10-invert-l: var(--bulma-primary-50-l);
  --bulma-primary-10-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l), 1);
  --bulma-primary-15: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l), 1);
  --bulma-primary-15-invert-l: var(--bulma-primary-100-l);
  --bulma-primary-15-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l), 1);
  --bulma-primary-20: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l), 1);
  --bulma-primary-20-invert-l: var(--bulma-primary-100-l);
  --bulma-primary-20-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l), 1);
  --bulma-primary-25: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l), 1);
  --bulma-primary-25-invert-l: var(--bulma-primary-100-l);
  --bulma-primary-25-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l), 1);
  --bulma-primary-30: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l), 1);
  --bulma-primary-30-invert-l: var(--bulma-primary-00-l);
  --bulma-primary-30-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l), 1);
  --bulma-primary-35: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l), 1);
  --bulma-primary-35-invert-l: var(--bulma-primary-00-l);
  --bulma-primary-35-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l), 1);
  --bulma-primary-40: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l), 1);
  --bulma-primary-40-invert-l: var(--bulma-primary-05-l);
  --bulma-primary-40-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l), 1);
  --bulma-primary-45: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l), 1);
  --bulma-primary-45-invert-l: var(--bulma-primary-05-l);
  --bulma-primary-45-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l), 1);
  --bulma-primary-50: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l), 1);
  --bulma-primary-50-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-50-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l), 1);
  --bulma-primary-55: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l), 1);
  --bulma-primary-55-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-55-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l), 1);
  --bulma-primary-60: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l), 1);
  --bulma-primary-60-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-60-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l), 1);
  --bulma-primary-65: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l), 1);
  --bulma-primary-65-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-65-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l), 1);
  --bulma-primary-70: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l), 1);
  --bulma-primary-70-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-70-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l), 1);
  --bulma-primary-75: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l), 1);
  --bulma-primary-75-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-75-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l), 1);
  --bulma-primary-80: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l), 1);
  --bulma-primary-80-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-80-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l), 1);
  --bulma-primary-85: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l), 1);
  --bulma-primary-85-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-85-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l), 1);
  --bulma-primary-90: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l), 1);
  --bulma-primary-90-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-90-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l), 1);
  --bulma-primary-95: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l), 1);
  --bulma-primary-95-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-95-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l), 1);
  --bulma-primary-100: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l), 1);
  --bulma-primary-100-invert-l: var(--bulma-primary-15-l);
  --bulma-primary-100-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l), 1);
  --bulma-primary-invert-l: var(--bulma-primary-05-l);
  --bulma-primary-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l), 1);
  --bulma-primary-light-l: var(--bulma-primary-90-l);
  --bulma-primary-light: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l), 1);
  --bulma-primary-light-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-light-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l), 1);
  --bulma-primary-dark-l: var(--bulma-primary-10-l);
  --bulma-primary-dark: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l), 1);
  --bulma-primary-dark-invert-l: var(--bulma-primary-50-l);
  --bulma-primary-dark-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l), 1);
  --bulma-primary-soft: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l), 1);
  --bulma-primary-bold: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l), 1);
  --bulma-primary-soft-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l), 1);
  --bulma-primary-bold-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l), 1);
  --bulma-primary-on-scheme-l: 21%;
  --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
  --bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
  --bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
  --bulma-link-rgb: 66.3, 88.315, 255;
  --bulma-link-h: 233deg;
  --bulma-link-s: 100%;
  --bulma-link-l: 63%;
  --bulma-link-00-l: 0%;
  --bulma-link-05-l: 3%;
  --bulma-link-10-l: 8%;
  --bulma-link-15-l: 13%;
  --bulma-link-20-l: 18%;
  --bulma-link-25-l: 23%;
  --bulma-link-30-l: 28%;
  --bulma-link-35-l: 33%;
  --bulma-link-40-l: 38%;
  --bulma-link-45-l: 43%;
  --bulma-link-50-l: 48%;
  --bulma-link-55-l: 53%;
  --bulma-link-60-l: 58%;
  --bulma-link-65-l: 63%;
  --bulma-link-70-l: 68%;
  --bulma-link-75-l: 73%;
  --bulma-link-80-l: 78%;
  --bulma-link-85-l: 83%;
  --bulma-link-90-l: 88%;
  --bulma-link-95-l: 93%;
  --bulma-link-100-l: 98%;
  --bulma-link-00: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l), 1);
  --bulma-link-00-invert-l: var(--bulma-link-75-l);
  --bulma-link-00-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l), 1);
  --bulma-link-05: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l), 1);
  --bulma-link-05-invert-l: var(--bulma-link-75-l);
  --bulma-link-05-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l), 1);
  --bulma-link-10: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l), 1);
  --bulma-link-10-invert-l: var(--bulma-link-75-l);
  --bulma-link-10-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l), 1);
  --bulma-link-15: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l), 1);
  --bulma-link-15-invert-l: var(--bulma-link-80-l);
  --bulma-link-15-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l), 1);
  --bulma-link-20: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l), 1);
  --bulma-link-20-invert-l: var(--bulma-link-80-l);
  --bulma-link-20-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l), 1);
  --bulma-link-25: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l), 1);
  --bulma-link-25-invert-l: var(--bulma-link-85-l);
  --bulma-link-25-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l), 1);
  --bulma-link-30: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l), 1);
  --bulma-link-30-invert-l: var(--bulma-link-90-l);
  --bulma-link-30-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l), 1);
  --bulma-link-35: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l), 1);
  --bulma-link-35-invert-l: var(--bulma-link-90-l);
  --bulma-link-35-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l), 1);
  --bulma-link-40: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l), 1);
  --bulma-link-40-invert-l: var(--bulma-link-95-l);
  --bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1);
  --bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1);
  --bulma-link-45-invert-l: var(--bulma-link-95-l);
  --bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1);
  --bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1);
  --bulma-link-50-invert-l: var(--bulma-link-100-l);
  --bulma-link-50-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l), 1);
  --bulma-link-55: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l), 1);
  --bulma-link-55-invert-l: var(--bulma-link-100-l);
  --bulma-link-55-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l), 1);
  --bulma-link-60: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l), 1);
  --bulma-link-60-invert-l: var(--bulma-link-100-l);
  --bulma-link-60-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l), 1);
  --bulma-link-65: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l), 1);
  --bulma-link-65-invert-l: var(--bulma-link-100-l);
  --bulma-link-65-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l), 1);
  --bulma-link-70: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l), 1);
  --bulma-link-70-invert-l: var(--bulma-link-100-l);
  --bulma-link-70-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l), 1);
  --bulma-link-75: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l), 1);
  --bulma-link-75-invert-l: var(--bulma-link-10-l);
  --bulma-link-75-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l), 1);
  --bulma-link-80: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l), 1);
  --bulma-link-80-invert-l: var(--bulma-link-20-l);
  --bulma-link-80-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l), 1);
  --bulma-link-85: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l), 1);
  --bulma-link-85-invert-l: var(--bulma-link-25-l);
  --bulma-link-85-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l), 1);
  --bulma-link-90: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l), 1);
  --bulma-link-90-invert-l: var(--bulma-link-35-l);
  --bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1);
  --bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1);
  --bulma-link-95-invert-l: var(--bulma-link-45-l);
  --bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1);
  --bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1);
  --bulma-link-100-invert-l: var(--bulma-link-50-l);
  --bulma-link-100-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l), 1);
  --bulma-link-invert-l: var(--bulma-link-100-l);
  --bulma-link-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l), 1);
  --bulma-link-light-l: var(--bulma-link-90-l);
  --bulma-link-light: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l), 1);
  --bulma-link-light-invert-l: var(--bulma-link-35-l);
  --bulma-link-light-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l), 1);
  --bulma-link-dark-l: var(--bulma-link-10-l);
  --bulma-link-dark: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l), 1);
  --bulma-link-dark-invert-l: var(--bulma-link-75-l);
  --bulma-link-dark-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l), 1);
  --bulma-link-soft: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l), 1);
  --bulma-link-bold: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l), 1);
  --bulma-link-soft-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l), 1);
  --bulma-link-bold-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l), 1);
  --bulma-link-on-scheme-l: 58%;
  --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
  --bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
  --bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
  --bulma-info-rgb: 102, 209.1, 255;
  --bulma-info-h: 198deg;
  --bulma-info-s: 100%;
  --bulma-info-l: 70%;
  --bulma-info-00-l: 0%;
  --bulma-info-05-l: 5%;
  --bulma-info-10-l: 10%;
  --bulma-info-15-l: 15%;
  --bulma-info-20-l: 20%;
  --bulma-info-25-l: 25%;
  --bulma-info-30-l: 30%;
  --bulma-info-35-l: 35%;
  --bulma-info-40-l: 40%;
  --bulma-info-45-l: 45%;
  --bulma-info-50-l: 50%;
  --bulma-info-55-l: 55%;
  --bulma-info-60-l: 60%;
  --bulma-info-65-l: 65%;
  --bulma-info-70-l: 70%;
  --bulma-info-75-l: 75%;
  --bulma-info-80-l: 80%;
  --bulma-info-85-l: 85%;
  --bulma-info-90-l: 90%;
  --bulma-info-95-l: 95%;
  --bulma-info-100-l: 100%;
  --bulma-info-00: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l), 1);
  --bulma-info-00-invert-l: var(--bulma-info-45-l);
  --bulma-info-00-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l), 1);
  --bulma-info-05: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l), 1);
  --bulma-info-05-invert-l: var(--bulma-info-50-l);
  --bulma-info-05-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l), 1);
  --bulma-info-10: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l), 1);
  --bulma-info-10-invert-l: var(--bulma-info-60-l);
  --bulma-info-10-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l), 1);
  --bulma-info-15: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l), 1);
  --bulma-info-15-invert-l: var(--bulma-info-80-l);
  --bulma-info-15-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l), 1);
  --bulma-info-20: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l), 1);
  --bulma-info-20-invert-l: var(--bulma-info-95-l);
  --bulma-info-20-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l), 1);
  --bulma-info-25: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l), 1);
  --bulma-info-25-invert-l: var(--bulma-info-100-l);
  --bulma-info-25-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l), 1);
  --bulma-info-30: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l), 1);
  --bulma-info-30-invert-l: var(--bulma-info-100-l);
  --bulma-info-30-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l), 1);
  --bulma-info-35: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l), 1);
  --bulma-info-35-invert-l: var(--bulma-info-100-l);
  --bulma-info-35-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l), 1);
  --bulma-info-40: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l), 1);
  --bulma-info-40-invert-l: var(--bulma-info-100-l);
  --bulma-info-40-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l), 1);
  --bulma-info-45: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l), 1);
  --bulma-info-45-invert-l: var(--bulma-info-00-l);
  --bulma-info-45-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l), 1);
  --bulma-info-50: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l), 1);
  --bulma-info-50-invert-l: var(--bulma-info-05-l);
  --bulma-info-50-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l), 1);
  --bulma-info-55: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l), 1);
  --bulma-info-55-invert-l: var(--bulma-info-05-l);
  --bulma-info-55-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l), 1);
  --bulma-info-60: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l), 1);
  --bulma-info-60-invert-l: var(--bulma-info-10-l);
  --bulma-info-60-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l), 1);
  --bulma-info-65: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l), 1);
  --bulma-info-65-invert-l: var(--bulma-info-10-l);
  --bulma-info-65-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l), 1);
  --bulma-info-70: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l), 1);
  --bulma-info-70-invert-l: var(--bulma-info-10-l);
  --bulma-info-70-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l), 1);
  --bulma-info-75: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l), 1);
  --bulma-info-75-invert-l: var(--bulma-info-10-l);
  --bulma-info-75-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l), 1);
  --bulma-info-80: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l), 1);
  --bulma-info-80-invert-l: var(--bulma-info-15-l);
  --bulma-info-80-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l), 1);
  --bulma-info-85: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l), 1);
  --bulma-info-85-invert-l: var(--bulma-info-15-l);
  --bulma-info-85-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l), 1);
  --bulma-info-90: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l), 1);
  --bulma-info-90-invert-l: var(--bulma-info-15-l);
  --bulma-info-90-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l), 1);
  --bulma-info-95: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l), 1);
  --bulma-info-95-invert-l: var(--bulma-info-20-l);
  --bulma-info-95-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l), 1);
  --bulma-info-100: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l), 1);
  --bulma-info-100-invert-l: var(--bulma-info-20-l);
  --bulma-info-100-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l), 1);
  --bulma-info-invert-l: var(--bulma-info-10-l);
  --bulma-info-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l), 1);
  --bulma-info-light-l: var(--bulma-info-90-l);
  --bulma-info-light: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l), 1);
  --bulma-info-light-invert-l: var(--bulma-info-15-l);
  --bulma-info-light-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l), 1);
  --bulma-info-dark-l: var(--bulma-info-10-l);
  --bulma-info-dark: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l), 1);
  --bulma-info-dark-invert-l: var(--bulma-info-60-l);
  --bulma-info-dark-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l), 1);
  --bulma-info-soft: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l), 1);
  --bulma-info-bold: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l), 1);
  --bulma-info-soft-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l), 1);
  --bulma-info-bold-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l), 1);
  --bulma-info-on-scheme-l: 25%;
  --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
  --bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
  --bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
  --bulma-success-rgb: 71.6295, 198.6705, 141.50205;
  --bulma-success-h: 153deg;
  --bulma-success-s: 53%;
  --bulma-success-l: 53%;
  --bulma-success-00-l: 0%;
  --bulma-success-05-l: 3%;
  --bulma-success-10-l: 8%;
  --bulma-success-15-l: 13%;
  --bulma-success-20-l: 18%;
  --bulma-success-25-l: 23%;
  --bulma-success-30-l: 28%;
  --bulma-success-35-l: 33%;
  --bulma-success-40-l: 38%;
  --bulma-success-45-l: 43%;
  --bulma-success-50-l: 48%;
  --bulma-success-55-l: 53%;
  --bulma-success-60-l: 58%;
  --bulma-success-65-l: 63%;
  --bulma-success-70-l: 68%;
  --bulma-success-75-l: 73%;
  --bulma-success-80-l: 78%;
  --bulma-success-85-l: 83%;
  --bulma-success-90-l: 88%;
  --bulma-success-95-l: 93%;
  --bulma-success-100-l: 98%;
  --bulma-success-00: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l), 1);
  --bulma-success-00-invert-l: var(--bulma-success-45-l);
  --bulma-success-00-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l), 1);
  --bulma-success-05: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l), 1);
  --bulma-success-05-invert-l: var(--bulma-success-45-l);
  --bulma-success-05-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l), 1);
  --bulma-success-10: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l), 1);
  --bulma-success-10-invert-l: var(--bulma-success-55-l);
  --bulma-success-10-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l), 1);
  --bulma-success-15: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l), 1);
  --bulma-success-15-invert-l: var(--bulma-success-75-l);
  --bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1);
  --bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1);
  --bulma-success-20-invert-l: var(--bulma-success-95-l);
  --bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1);
  --bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1);
  --bulma-success-25-invert-l: var(--bulma-success-100-l);
  --bulma-success-25-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l), 1);
  --bulma-success-30: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l), 1);
  --bulma-success-30-invert-l: var(--bulma-success-100-l);
  --bulma-success-30-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l), 1);
  --bulma-success-35: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l), 1);
  --bulma-success-35-invert-l: var(--bulma-success-100-l);
  --bulma-success-35-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l), 1);
  --bulma-success-40: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l), 1);
  --bulma-success-40-invert-l: var(--bulma-success-100-l);
  --bulma-success-40-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l), 1);
  --bulma-success-45: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l), 1);
  --bulma-success-45-invert-l: var(--bulma-success-05-l);
  --bulma-success-45-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l), 1);
  --bulma-success-50: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l), 1);
  --bulma-success-50-invert-l: var(--bulma-success-05-l);
  --bulma-success-50-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l), 1);
  --bulma-success-55: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l), 1);
  --bulma-success-55-invert-l: var(--bulma-success-10-l);
  --bulma-success-55-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l), 1);
  --bulma-success-60: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l), 1);
  --bulma-success-60-invert-l: var(--bulma-success-10-l);
  --bulma-success-60-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l), 1);
  --bulma-success-65: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l), 1);
  --bulma-success-65-invert-l: var(--bulma-success-10-l);
  --bulma-success-65-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l), 1);
  --bulma-success-70: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l), 1);
  --bulma-success-70-invert-l: var(--bulma-success-10-l);
  --bulma-success-70-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l), 1);
  --bulma-success-75: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l), 1);
  --bulma-success-75-invert-l: var(--bulma-success-15-l);
  --bulma-success-75-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l), 1);
  --bulma-success-80: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l), 1);
  --bulma-success-80-invert-l: var(--bulma-success-15-l);
  --bulma-success-80-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l), 1);
  --bulma-success-85: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l), 1);
  --bulma-success-85-invert-l: var(--bulma-success-15-l);
  --bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1);
  --bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1);
  --bulma-success-90-invert-l: var(--bulma-success-15-l);
  --bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1);
  --bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1);
  --bulma-success-95-invert-l: var(--bulma-success-20-l);
  --bulma-success-95-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l), 1);
  --bulma-success-100: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l), 1);
  --bulma-success-100-invert-l: var(--bulma-success-20-l);
  --bulma-success-100-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l), 1);
  --bulma-success-invert-l: var(--bulma-success-10-l);
  --bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1);
  --bulma-success-light-l: var(--bulma-success-90-l);
  --bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1);
  --bulma-success-light-invert-l: var(--bulma-success-15-l);
  --bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1);
  --bulma-success-dark-l: var(--bulma-success-10-l);
  --bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1);
  --bulma-success-dark-invert-l: var(--bulma-success-55-l);
  --bulma-success-dark-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l), 1);
  --bulma-success-soft: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l), 1);
  --bulma-success-bold: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l), 1);
  --bulma-success-soft-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l), 1);
  --bulma-success-bold-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l), 1);
  --bulma-success-on-scheme-l: 23%;
  --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
  --bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
  --bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
  --bulma-warning-rgb: 255, 183.09, 15.3;
  --bulma-warning-h: 42deg;
  --bulma-warning-s: 100%;
  --bulma-warning-l: 53%;
  --bulma-warning-00-l: 0%;
  --bulma-warning-05-l: 3%;
  --bulma-warning-10-l: 8%;
  --bulma-warning-15-l: 13%;
  --bulma-warning-20-l: 18%;
  --bulma-warning-25-l: 23%;
  --bulma-warning-30-l: 28%;
  --bulma-warning-35-l: 33%;
  --bulma-warning-40-l: 38%;
  --bulma-warning-45-l: 43%;
  --bulma-warning-50-l: 48%;
  --bulma-warning-55-l: 53%;
  --bulma-warning-60-l: 58%;
  --bulma-warning-65-l: 63%;
  --bulma-warning-70-l: 68%;
  --bulma-warning-75-l: 73%;
  --bulma-warning-80-l: 78%;
  --bulma-warning-85-l: 83%;
  --bulma-warning-90-l: 88%;
  --bulma-warning-95-l: 93%;
  --bulma-warning-100-l: 98%;
  --bulma-warning-00: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l), 1);
  --bulma-warning-00-invert-l: var(--bulma-warning-40-l);
  --bulma-warning-00-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l), 1);
  --bulma-warning-05: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l), 1);
  --bulma-warning-05-invert-l: var(--bulma-warning-45-l);
  --bulma-warning-05-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l), 1);
  --bulma-warning-10: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l), 1);
  --bulma-warning-10-invert-l: var(--bulma-warning-50-l);
  --bulma-warning-10-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l), 1);
  --bulma-warning-15: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l), 1);
  --bulma-warning-15-invert-l: var(--bulma-warning-70-l);
  --bulma-warning-15-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l), 1);
  --bulma-warning-20: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l), 1);
  --bulma-warning-20-invert-l: var(--bulma-warning-100-l);
  --bulma-warning-20-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l), 1);
  --bulma-warning-25: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l), 1);
  --bulma-warning-25-invert-l: var(--bulma-warning-100-l);
  --bulma-warning-25-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l), 1);
  --bulma-warning-30: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l), 1);
  --bulma-warning-30-invert-l: var(--bulma-warning-100-l);
  --bulma-warning-30-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l), 1);
  --bulma-warning-35: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l), 1);
  --bulma-warning-35-invert-l: var(--bulma-warning-100-l);
  --bulma-warning-35-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l), 1);
  --bulma-warning-40: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l), 1);
  --bulma-warning-40-invert-l: var(--bulma-warning-00-l);
  --bulma-warning-40-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l), 1);
  --bulma-warning-45: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l), 1);
  --bulma-warning-45-invert-l: var(--bulma-warning-05-l);
  --bulma-warning-45-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l), 1);
  --bulma-warning-50: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l), 1);
  --bulma-warning-50-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-50-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l), 1);
  --bulma-warning-55: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l), 1);
  --bulma-warning-55-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-55-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l), 1);
  --bulma-warning-60: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l), 1);
  --bulma-warning-60-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-60-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l), 1);
  --bulma-warning-65: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l), 1);
  --bulma-warning-65-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-65-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l), 1);
  --bulma-warning-70: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l), 1);
  --bulma-warning-70-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-70-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l), 1);
  --bulma-warning-75: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l), 1);
  --bulma-warning-75-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-75-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l), 1);
  --bulma-warning-80: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l), 1);
  --bulma-warning-80-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-80-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l), 1);
  --bulma-warning-85: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l), 1);
  --bulma-warning-85-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-85-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l), 1);
  --bulma-warning-90: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l), 1);
  --bulma-warning-90-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-90-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l), 1);
  --bulma-warning-95: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l), 1);
  --bulma-warning-95-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-95-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l), 1);
  --bulma-warning-100: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l), 1);
  --bulma-warning-100-invert-l: var(--bulma-warning-20-l);
  --bulma-warning-100-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l), 1);
  --bulma-warning-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l), 1);
  --bulma-warning-light-l: var(--bulma-warning-90-l);
  --bulma-warning-light: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l), 1);
  --bulma-warning-light-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-light-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l), 1);
  --bulma-warning-dark-l: var(--bulma-warning-10-l);
  --bulma-warning-dark: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l), 1);
  --bulma-warning-dark-invert-l: var(--bulma-warning-50-l);
  --bulma-warning-dark-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l), 1);
  --bulma-warning-soft: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l), 1);
  --bulma-warning-bold: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l), 1);
  --bulma-warning-soft-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l), 1);
  --bulma-warning-bold-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l), 1);
  --bulma-warning-on-scheme-l: 23%;
  --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
  --bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
  --bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
  --bulma-danger-rgb: 255, 102, 132.6;
  --bulma-danger-h: 348deg;
  --bulma-danger-s: 100%;
  --bulma-danger-l: 70%;
  --bulma-danger-00-l: 0%;
  --bulma-danger-05-l: 5%;
  --bulma-danger-10-l: 10%;
  --bulma-danger-15-l: 15%;
  --bulma-danger-20-l: 20%;
  --bulma-danger-25-l: 25%;
  --bulma-danger-30-l: 30%;
  --bulma-danger-35-l: 35%;
  --bulma-danger-40-l: 40%;
  --bulma-danger-45-l: 45%;
  --bulma-danger-50-l: 50%;
  --bulma-danger-55-l: 55%;
  --bulma-danger-60-l: 60%;
  --bulma-danger-65-l: 65%;
  --bulma-danger-70-l: 70%;
  --bulma-danger-75-l: 75%;
  --bulma-danger-80-l: 80%;
  --bulma-danger-85-l: 85%;
  --bulma-danger-90-l: 90%;
  --bulma-danger-95-l: 95%;
  --bulma-danger-100-l: 100%;
  --bulma-danger-00: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l), 1);
  --bulma-danger-00-invert-l: var(--bulma-danger-65-l);
  --bulma-danger-00-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l), 1);
  --bulma-danger-05: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l), 1);
  --bulma-danger-05-invert-l: var(--bulma-danger-70-l);
  --bulma-danger-05-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l), 1);
  --bulma-danger-10: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l), 1);
  --bulma-danger-10-invert-l: var(--bulma-danger-75-l);
  --bulma-danger-10-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l), 1);
  --bulma-danger-15: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l), 1);
  --bulma-danger-15-invert-l: var(--bulma-danger-80-l);
  --bulma-danger-15-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l), 1);
  --bulma-danger-20: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l), 1);
  --bulma-danger-20-invert-l: var(--bulma-danger-85-l);
  --bulma-danger-20-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l), 1);
  --bulma-danger-25: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l), 1);
  --bulma-danger-25-invert-l: var(--bulma-danger-90-l);
  --bulma-danger-25-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l), 1);
  --bulma-danger-30: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l), 1);
  --bulma-danger-30-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-30-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l), 1);
  --bulma-danger-35: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l), 1);
  --bulma-danger-35-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-35-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l), 1);
  --bulma-danger-40: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l), 1);
  --bulma-danger-40-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-40-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l), 1);
  --bulma-danger-45: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l), 1);
  --bulma-danger-45-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-45-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l), 1);
  --bulma-danger-50: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l), 1);
  --bulma-danger-50-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-50-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l), 1);
  --bulma-danger-55: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l), 1);
  --bulma-danger-55-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-55-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l), 1);
  --bulma-danger-60: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l), 1);
  --bulma-danger-60-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-60-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l), 1);
  --bulma-danger-65: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l), 1);
  --bulma-danger-65-invert-l: var(--bulma-danger-00-l);
  --bulma-danger-65-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l), 1);
  --bulma-danger-70: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l), 1);
  --bulma-danger-70-invert-l: var(--bulma-danger-05-l);
  --bulma-danger-70-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l), 1);
  --bulma-danger-75: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l), 1);
  --bulma-danger-75-invert-l: var(--bulma-danger-10-l);
  --bulma-danger-75-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l), 1);
  --bulma-danger-80: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l), 1);
  --bulma-danger-80-invert-l: var(--bulma-danger-15-l);
  --bulma-danger-80-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l), 1);
  --bulma-danger-85: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l), 1);
  --bulma-danger-85-invert-l: var(--bulma-danger-20-l);
  --bulma-danger-85-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l), 1);
  --bulma-danger-90: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l), 1);
  --bulma-danger-90-invert-l: var(--bulma-danger-25-l);
  --bulma-danger-90-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l), 1);
  --bulma-danger-95: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l), 1);
  --bulma-danger-95-invert-l: var(--bulma-danger-25-l);
  --bulma-danger-95-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l), 1);
  --bulma-danger-100: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l), 1);
  --bulma-danger-100-invert-l: var(--bulma-danger-30-l);
  --bulma-danger-100-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l), 1);
  --bulma-danger-invert-l: var(--bulma-danger-05-l);
  --bulma-danger-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l), 1);
  --bulma-danger-light-l: var(--bulma-danger-90-l);
  --bulma-danger-light: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l), 1);
  --bulma-danger-light-invert-l: var(--bulma-danger-25-l);
  --bulma-danger-light-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l), 1);
  --bulma-danger-dark-l: var(--bulma-danger-10-l);
  --bulma-danger-dark: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l), 1);
  --bulma-danger-dark-invert-l: var(--bulma-danger-75-l);
  --bulma-danger-dark-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l), 1);
  --bulma-danger-soft: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l), 1);
  --bulma-danger-bold: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l), 1);
  --bulma-danger-soft-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l), 1);
  --bulma-danger-bold-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l), 1);
  --bulma-danger-on-scheme-l: 40%;
  --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1);
  --bulma-black-bis: hsl(221, 14%, 9%);
  --bulma-black-ter: hsl(221, 14%, 14%);
  --bulma-grey-darker: hsl(221, 14%, 21%);
  --bulma-grey-dark: hsl(221, 14%, 29%);
  --bulma-grey: hsl(221, 14%, 48%);
  --bulma-grey-light: hsl(221, 14%, 71%);
  --bulma-grey-lighter: hsl(221, 14%, 86%);
  --bulma-white-ter: hsl(221, 14%, 96%);
  --bulma-white-bis: hsl(221, 14%, 98%);
  --bulma-shadow-h: 221deg;
  --bulma-shadow-s: 14%;
  --bulma-shadow-l: 4%;
  --bulma-size-1: 2.25rem;
  --bulma-size-2: 1.75rem;
  --bulma-size-3: 1.5rem;
  --bulma-size-4: 1.125rem;
  --bulma-size-5: 1rem;
  --bulma-size-6: 0.875rem;
  --bulma-size-7: 0.75rem;
  --bulma-scheme-main: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l));
  --bulma-scheme-main-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l));
  --bulma-scheme-main-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l));
  --bulma-background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l));
  --bulma-background-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta)));
  --bulma-background-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta)));
  --bulma-border-weak: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l));
  --bulma-border: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l));
  --bulma-border-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta)));
  --bulma-border-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta)));
  --bulma-text-weak: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l));
  --bulma-text: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l));
  --bulma-text-strong: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l));
  --bulma-scheme-invert-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-ter-l));
  --bulma-scheme-invert-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-bis-l));
  --bulma-scheme-invert: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l));
  --bulma-link: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l));
  --bulma-link-text: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l));
  --bulma-link-text-hover: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta)));
  --bulma-link-text-active: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta)));
  --bulma-focus-h: var(--bulma-link-h);
  --bulma-focus-s: var(--bulma-link-s);
  --bulma-focus-l: var(--bulma-link-l);
  --bulma-focus-offset: 1px;
  --bulma-focus-style: solid;
  --bulma-focus-width: 2px;
  --bulma-focus-shadow-size: 0 0 0 0.1875em;
  --bulma-focus-shadow-alpha: 0.25;
  --bulma-code: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l));
  --bulma-code-background: var(--bulma-background);
  --bulma-pre: var(--bulma-text);
  --bulma-pre-background: var(--bulma-background);
  --bulma-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.1), 0 0px 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.02);
}

@media (prefers-color-scheme: light) {
  :root {
    --bulma-scheme-h: 221;
    --bulma-scheme-s: 14%;
    --bulma-light-l: 90%;
    --bulma-light-invert-l: 20%;
    --bulma-dark-l: 20%;
    --bulma-dark-invert-l: 90%;
    --bulma-soft-l: 90%;
    --bulma-bold-l: 20%;
    --bulma-soft-invert-l: 20%;
    --bulma-bold-invert-l: 90%;
    --bulma-hover-background-l-delta: -5%;
    --bulma-active-background-l-delta: -10%;
    --bulma-hover-border-l-delta: -10%;
    --bulma-active-border-l-delta: -20%;
    --bulma-hover-color-l-delta: -5%;
    --bulma-active-color-l-delta: -10%;
    --bulma-hover-shadow-a-delta: -0.05;
    --bulma-active-shadow-a-delta: -0.1;
    --bulma-scheme-brightness: light;
    --bulma-scheme-main-l: 100%;
    --bulma-scheme-main-bis-l: 98%;
    --bulma-scheme-main-ter-l: 96%;
    --bulma-background-l: 96%;
    --bulma-border-weak-l: 93%;
    --bulma-border-l: 86%;
    --bulma-text-weak-l: 48%;
    --bulma-text-l: 29%;
    --bulma-text-strong-l: 21%;
    --bulma-text-title-l: 14%;
    --bulma-scheme-invert-ter-l: 14%;
    --bulma-scheme-invert-bis-l: 7%;
    --bulma-scheme-invert-l: 4%;
    --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
    --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
    --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
    --bulma-size-small: 0.75rem;
    --bulma-size-normal: 0.875rem;
    --bulma-size-medium: 1rem;
    --bulma-size-large: 1.125rem;
    --bulma-weight-light: 300;
    --bulma-weight-normal: 400;
    --bulma-weight-medium: 500;
    --bulma-weight-semibold: 600;
    --bulma-weight-bold: 700;
    --bulma-weight-extrabold: 800;
    --bulma-block-spacing: 1.5rem;
    --bulma-duration: 294ms;
    --bulma-easing: ease-out;
    --bulma-radius-small: 0.25rem;
    --bulma-radius: 0.375rem;
    --bulma-radius-medium: 0.5em;
    --bulma-radius-large: 0.75rem;
    --bulma-radius-rounded: 9999px;
    --bulma-speed: 86ms;
    --bulma-arrow-color: var(--bulma-link);
    --bulma-loading-color: var(--bulma-border);
    --bulma-burger-h: var(--bulma-link-h);
    --bulma-burger-s: var(--bulma-link-s);
    --bulma-burger-l: var(--bulma-link-l);
    --bulma-burger-border-radius: 0.5em;
    --bulma-burger-gap: 5px;
    --bulma-burger-item-height: 2px;
    --bulma-burger-item-width: 20px;
    --bulma-white: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1);
    --bulma-white-base: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1);
    --bulma-white-rgb: 255, 255, 255;
    --bulma-white-h: 221deg;
    --bulma-white-s: 14%;
    --bulma-white-l: 100%;
    --bulma-white-invert-l: 4%;
    --bulma-white-invert: hsl(221, 14%, 4%);
    --bulma-white-on-scheme-l: 35%;
    --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
    --bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
    --bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
    --bulma-black-rgb: 8.772, 9.6764, 11.628;
    --bulma-black-h: 221deg;
    --bulma-black-s: 14%;
    --bulma-black-l: 4%;
    --bulma-black-invert-l: 100%;
    --bulma-black-invert: hsl(221, 14%, 100%);
    --bulma-black-on-scheme-l: 4%;
    --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
    --bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
    --bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
    --bulma-light-rgb: 243.372, 244.2764, 246.228;
    --bulma-light-h: 221deg;
    --bulma-light-s: 14%;
    --bulma-light-l: 96%;
    --bulma-light-invert-l: 21%;
    --bulma-light-invert: hsl(221, 14%, 21%);
    --bulma-light-on-scheme-l: 36%;
    --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
    --bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
    --bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
    --bulma-dark-rgb: 46.053, 50.8011, 61.047;
    --bulma-dark-h: 221deg;
    --bulma-dark-s: 14%;
    --bulma-dark-l: 21%;
    --bulma-dark-invert-l: 96%;
    --bulma-dark-invert: hsl(221, 14%, 96%);
    --bulma-dark-on-scheme-l: 21%;
    --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
    --bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
    --bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
    --bulma-text-rgb: 63.597, 70.1539, 84.303;
    --bulma-text-h: 221deg;
    --bulma-text-s: 14%;
    --bulma-text-l: 29%;
    --bulma-text-00-l: 0%;
    --bulma-text-05-l: 4%;
    --bulma-text-10-l: 9%;
    --bulma-text-15-l: 14%;
    --bulma-text-20-l: 19%;
    --bulma-text-25-l: 24%;
    --bulma-text-30-l: 29%;
    --bulma-text-35-l: 34%;
    --bulma-text-40-l: 39%;
    --bulma-text-45-l: 44%;
    --bulma-text-50-l: 49%;
    --bulma-text-55-l: 54%;
    --bulma-text-60-l: 59%;
    --bulma-text-65-l: 64%;
    --bulma-text-70-l: 69%;
    --bulma-text-75-l: 74%;
    --bulma-text-80-l: 79%;
    --bulma-text-85-l: 84%;
    --bulma-text-90-l: 89%;
    --bulma-text-95-l: 94%;
    --bulma-text-100-l: 99%;
    --bulma-text-00: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l), 1);
    --bulma-text-00-invert-l: var(--bulma-text-60-l);
    --bulma-text-00-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l), 1);
    --bulma-text-05: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l), 1);
    --bulma-text-05-invert-l: var(--bulma-text-60-l);
    --bulma-text-05-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l), 1);
    --bulma-text-10: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l), 1);
    --bulma-text-10-invert-l: var(--bulma-text-70-l);
    --bulma-text-10-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l), 1);
    --bulma-text-15: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l), 1);
    --bulma-text-15-invert-l: var(--bulma-text-75-l);
    --bulma-text-15-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l), 1);
    --bulma-text-20: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l), 1);
    --bulma-text-20-invert-l: var(--bulma-text-85-l);
    --bulma-text-20-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l), 1);
    --bulma-text-25: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l), 1);
    --bulma-text-25-invert-l: var(--bulma-text-95-l);
    --bulma-text-25-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l), 1);
    --bulma-text-30: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l), 1);
    --bulma-text-30-invert-l: var(--bulma-text-100-l);
    --bulma-text-30-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l), 1);
    --bulma-text-35: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l), 1);
    --bulma-text-35-invert-l: var(--bulma-text-100-l);
    --bulma-text-35-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l), 1);
    --bulma-text-40: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l), 1);
    --bulma-text-40-invert-l: var(--bulma-text-100-l);
    --bulma-text-40-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l), 1);
    --bulma-text-45: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l), 1);
    --bulma-text-45-invert-l: var(--bulma-text-100-l);
    --bulma-text-45-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l), 1);
    --bulma-text-50: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l), 1);
    --bulma-text-50-invert-l: var(--bulma-text-100-l);
    --bulma-text-50-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l), 1);
    --bulma-text-55: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l), 1);
    --bulma-text-55-invert-l: var(--bulma-text-100-l);
    --bulma-text-55-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l), 1);
    --bulma-text-60: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l), 1);
    --bulma-text-60-invert-l: var(--bulma-text-05-l);
    --bulma-text-60-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l), 1);
    --bulma-text-65: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l), 1);
    --bulma-text-65-invert-l: var(--bulma-text-05-l);
    --bulma-text-65-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l), 1);
    --bulma-text-70: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l), 1);
    --bulma-text-70-invert-l: var(--bulma-text-10-l);
    --bulma-text-70-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l), 1);
    --bulma-text-75: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l), 1);
    --bulma-text-75-invert-l: var(--bulma-text-15-l);
    --bulma-text-75-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l), 1);
    --bulma-text-80: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l), 1);
    --bulma-text-80-invert-l: var(--bulma-text-15-l);
    --bulma-text-80-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l), 1);
    --bulma-text-85: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l), 1);
    --bulma-text-85-invert-l: var(--bulma-text-20-l);
    --bulma-text-85-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l), 1);
    --bulma-text-90: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l), 1);
    --bulma-text-90-invert-l: var(--bulma-text-20-l);
    --bulma-text-90-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l), 1);
    --bulma-text-95: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l), 1);
    --bulma-text-95-invert-l: var(--bulma-text-25-l);
    --bulma-text-95-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l), 1);
    --bulma-text-100: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l), 1);
    --bulma-text-100-invert-l: var(--bulma-text-25-l);
    --bulma-text-100-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l), 1);
    --bulma-text-invert-l: var(--bulma-text-100-l);
    --bulma-text-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l), 1);
    --bulma-text-light-l: var(--bulma-text-90-l);
    --bulma-text-light: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l), 1);
    --bulma-text-light-invert-l: var(--bulma-text-20-l);
    --bulma-text-light-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l), 1);
    --bulma-text-dark-l: var(--bulma-text-10-l);
    --bulma-text-dark: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l), 1);
    --bulma-text-dark-invert-l: var(--bulma-text-70-l);
    --bulma-text-dark-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l), 1);
    --bulma-text-soft: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l), 1);
    --bulma-text-bold: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l), 1);
    --bulma-text-soft-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l), 1);
    --bulma-text-bold-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l), 1);
    --bulma-text-on-scheme-l: 29%;
    --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
    --bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
    --bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
    --bulma-primary-rgb: 0, 209.1, 177.735;
    --bulma-primary-h: 171deg;
    --bulma-primary-s: 100%;
    --bulma-primary-l: 41%;
    --bulma-primary-00-l: 1%;
    --bulma-primary-05-l: 6%;
    --bulma-primary-10-l: 11%;
    --bulma-primary-15-l: 16%;
    --bulma-primary-20-l: 21%;
    --bulma-primary-25-l: 26%;
    --bulma-primary-30-l: 31%;
    --bulma-primary-35-l: 36%;
    --bulma-primary-40-l: 41%;
    --bulma-primary-45-l: 46%;
    --bulma-primary-50-l: 51%;
    --bulma-primary-55-l: 56%;
    --bulma-primary-60-l: 61%;
    --bulma-primary-65-l: 66%;
    --bulma-primary-70-l: 71%;
    --bulma-primary-75-l: 76%;
    --bulma-primary-80-l: 81%;
    --bulma-primary-85-l: 86%;
    --bulma-primary-90-l: 91%;
    --bulma-primary-95-l: 96%;
    --bulma-primary-100-l: 100%;
    --bulma-primary-00: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l), 1);
    --bulma-primary-00-invert-l: var(--bulma-primary-30-l);
    --bulma-primary-00-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l), 1);
    --bulma-primary-05: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l), 1);
    --bulma-primary-05-invert-l: var(--bulma-primary-40-l);
    --bulma-primary-05-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l), 1);
    --bulma-primary-10: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l), 1);
    --bulma-primary-10-invert-l: var(--bulma-primary-50-l);
    --bulma-primary-10-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l), 1);
    --bulma-primary-15: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l), 1);
    --bulma-primary-15-invert-l: var(--bulma-primary-100-l);
    --bulma-primary-15-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l), 1);
    --bulma-primary-20: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l), 1);
    --bulma-primary-20-invert-l: var(--bulma-primary-100-l);
    --bulma-primary-20-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l), 1);
    --bulma-primary-25: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l), 1);
    --bulma-primary-25-invert-l: var(--bulma-primary-100-l);
    --bulma-primary-25-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l), 1);
    --bulma-primary-30: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l), 1);
    --bulma-primary-30-invert-l: var(--bulma-primary-00-l);
    --bulma-primary-30-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l), 1);
    --bulma-primary-35: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l), 1);
    --bulma-primary-35-invert-l: var(--bulma-primary-00-l);
    --bulma-primary-35-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l), 1);
    --bulma-primary-40: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l), 1);
    --bulma-primary-40-invert-l: var(--bulma-primary-05-l);
    --bulma-primary-40-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l), 1);
    --bulma-primary-45: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l), 1);
    --bulma-primary-45-invert-l: var(--bulma-primary-05-l);
    --bulma-primary-45-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l), 1);
    --bulma-primary-50: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l), 1);
    --bulma-primary-50-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-50-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l), 1);
    --bulma-primary-55: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l), 1);
    --bulma-primary-55-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-55-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l), 1);
    --bulma-primary-60: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l), 1);
    --bulma-primary-60-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-60-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l), 1);
    --bulma-primary-65: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l), 1);
    --bulma-primary-65-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-65-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l), 1);
    --bulma-primary-70: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l), 1);
    --bulma-primary-70-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-70-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l), 1);
    --bulma-primary-75: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l), 1);
    --bulma-primary-75-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-75-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l), 1);
    --bulma-primary-80: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l), 1);
    --bulma-primary-80-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-80-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l), 1);
    --bulma-primary-85: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l), 1);
    --bulma-primary-85-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-85-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l), 1);
    --bulma-primary-90: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l), 1);
    --bulma-primary-90-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-90-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l), 1);
    --bulma-primary-95: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l), 1);
    --bulma-primary-95-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-95-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l), 1);
    --bulma-primary-100: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l), 1);
    --bulma-primary-100-invert-l: var(--bulma-primary-15-l);
    --bulma-primary-100-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l), 1);
    --bulma-primary-invert-l: var(--bulma-primary-05-l);
    --bulma-primary-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l), 1);
    --bulma-primary-light-l: var(--bulma-primary-90-l);
    --bulma-primary-light: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l), 1);
    --bulma-primary-light-invert-l: var(--bulma-primary-10-l);
    --bulma-primary-light-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l), 1);
    --bulma-primary-dark-l: var(--bulma-primary-10-l);
    --bulma-primary-dark: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l), 1);
    --bulma-primary-dark-invert-l: var(--bulma-primary-50-l);
    --bulma-primary-dark-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l), 1);
    --bulma-primary-soft: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l), 1);
    --bulma-primary-bold: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l), 1);
    --bulma-primary-soft-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l), 1);
    --bulma-primary-bold-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l), 1);
    --bulma-primary-on-scheme-l: 21%;
    --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
    --bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
    --bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
    --bulma-link-rgb: 66.3, 88.315, 255;
    --bulma-link-h: 233deg;
    --bulma-link-s: 100%;
    --bulma-link-l: 63%;
    --bulma-link-00-l: 0%;
    --bulma-link-05-l: 3%;
    --bulma-link-10-l: 8%;
    --bulma-link-15-l: 13%;
    --bulma-link-20-l: 18%;
    --bulma-link-25-l: 23%;
    --bulma-link-30-l: 28%;
    --bulma-link-35-l: 33%;
    --bulma-link-40-l: 38%;
    --bulma-link-45-l: 43%;
    --bulma-link-50-l: 48%;
    --bulma-link-55-l: 53%;
    --bulma-link-60-l: 58%;
    --bulma-link-65-l: 63%;
    --bulma-link-70-l: 68%;
    --bulma-link-75-l: 73%;
    --bulma-link-80-l: 78%;
    --bulma-link-85-l: 83%;
    --bulma-link-90-l: 88%;
    --bulma-link-95-l: 93%;
    --bulma-link-100-l: 98%;
    --bulma-link-00: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l), 1);
    --bulma-link-00-invert-l: var(--bulma-link-75-l);
    --bulma-link-00-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l), 1);
    --bulma-link-05: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l), 1);
    --bulma-link-05-invert-l: var(--bulma-link-75-l);
    --bulma-link-05-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l), 1);
    --bulma-link-10: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l), 1);
    --bulma-link-10-invert-l: var(--bulma-link-75-l);
    --bulma-link-10-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l), 1);
    --bulma-link-15: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l), 1);
    --bulma-link-15-invert-l: var(--bulma-link-80-l);
    --bulma-link-15-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l), 1);
    --bulma-link-20: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l), 1);
    --bulma-link-20-invert-l: var(--bulma-link-80-l);
    --bulma-link-20-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l), 1);
    --bulma-link-25: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l), 1);
    --bulma-link-25-invert-l: var(--bulma-link-85-l);
    --bulma-link-25-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l), 1);
    --bulma-link-30: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l), 1);
    --bulma-link-30-invert-l: var(--bulma-link-90-l);
    --bulma-link-30-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l), 1);
    --bulma-link-35: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l), 1);
    --bulma-link-35-invert-l: var(--bulma-link-90-l);
    --bulma-link-35-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l), 1);
    --bulma-link-40: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l), 1);
    --bulma-link-40-invert-l: var(--bulma-link-95-l);
    --bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1);
    --bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1);
    --bulma-link-45-invert-l: var(--bulma-link-95-l);
    --bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1);
    --bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1);
    --bulma-link-50-invert-l: var(--bulma-link-100-l);
    --bulma-link-50-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l), 1);
    --bulma-link-55: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l), 1);
    --bulma-link-55-invert-l: var(--bulma-link-100-l);
    --bulma-link-55-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l), 1);
    --bulma-link-60: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l), 1);
    --bulma-link-60-invert-l: var(--bulma-link-100-l);
    --bulma-link-60-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l), 1);
    --bulma-link-65: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l), 1);
    --bulma-link-65-invert-l: var(--bulma-link-100-l);
    --bulma-link-65-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l), 1);
    --bulma-link-70: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l), 1);
    --bulma-link-70-invert-l: var(--bulma-link-100-l);
    --bulma-link-70-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l), 1);
    --bulma-link-75: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l), 1);
    --bulma-link-75-invert-l: var(--bulma-link-10-l);
    --bulma-link-75-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l), 1);
    --bulma-link-80: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l), 1);
    --bulma-link-80-invert-l: var(--bulma-link-20-l);
    --bulma-link-80-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l), 1);
    --bulma-link-85: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l), 1);
    --bulma-link-85-invert-l: var(--bulma-link-25-l);
    --bulma-link-85-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l), 1);
    --bulma-link-90: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l), 1);
    --bulma-link-90-invert-l: var(--bulma-link-35-l);
    --bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1);
    --bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1);
    --bulma-link-95-invert-l: var(--bulma-link-45-l);
    --bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1);
    --bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1);
    --bulma-link-100-invert-l: var(--bulma-link-50-l);
    --bulma-link-100-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l), 1);
    --bulma-link-invert-l: var(--bulma-link-100-l);
    --bulma-link-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l), 1);
    --bulma-link-light-l: var(--bulma-link-90-l);
    --bulma-link-light: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l), 1);
    --bulma-link-light-invert-l: var(--bulma-link-35-l);
    --bulma-link-light-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l), 1);
    --bulma-link-dark-l: var(--bulma-link-10-l);
    --bulma-link-dark: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l), 1);
    --bulma-link-dark-invert-l: var(--bulma-link-75-l);
    --bulma-link-dark-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l), 1);
    --bulma-link-soft: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l), 1);
    --bulma-link-bold: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l), 1);
    --bulma-link-soft-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l), 1);
    --bulma-link-bold-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l), 1);
    --bulma-link-on-scheme-l: 58%;
    --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
    --bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
    --bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
    --bulma-info-rgb: 102, 209.1, 255;
    --bulma-info-h: 198deg;
    --bulma-info-s: 100%;
    --bulma-info-l: 70%;
    --bulma-info-00-l: 0%;
    --bulma-info-05-l: 5%;
    --bulma-info-10-l: 10%;
    --bulma-info-15-l: 15%;
    --bulma-info-20-l: 20%;
    --bulma-info-25-l: 25%;
    --bulma-info-30-l: 30%;
    --bulma-info-35-l: 35%;
    --bulma-info-40-l: 40%;
    --bulma-info-45-l: 45%;
    --bulma-info-50-l: 50%;
    --bulma-info-55-l: 55%;
    --bulma-info-60-l: 60%;
    --bulma-info-65-l: 65%;
    --bulma-info-70-l: 70%;
    --bulma-info-75-l: 75%;
    --bulma-info-80-l: 80%;
    --bulma-info-85-l: 85%;
    --bulma-info-90-l: 90%;
    --bulma-info-95-l: 95%;
    --bulma-info-100-l: 100%;
    --bulma-info-00: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l), 1);
    --bulma-info-00-invert-l: var(--bulma-info-45-l);
    --bulma-info-00-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l), 1);
    --bulma-info-05: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l), 1);
    --bulma-info-05-invert-l: var(--bulma-info-50-l);
    --bulma-info-05-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l), 1);
    --bulma-info-10: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l), 1);
    --bulma-info-10-invert-l: var(--bulma-info-60-l);
    --bulma-info-10-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l), 1);
    --bulma-info-15: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l), 1);
    --bulma-info-15-invert-l: var(--bulma-info-80-l);
    --bulma-info-15-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l), 1);
    --bulma-info-20: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l), 1);
    --bulma-info-20-invert-l: var(--bulma-info-95-l);
    --bulma-info-20-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l), 1);
    --bulma-info-25: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l), 1);
    --bulma-info-25-invert-l: var(--bulma-info-100-l);
    --bulma-info-25-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l), 1);
    --bulma-info-30: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l), 1);
    --bulma-info-30-invert-l: var(--bulma-info-100-l);
    --bulma-info-30-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l), 1);
    --bulma-info-35: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l), 1);
    --bulma-info-35-invert-l: var(--bulma-info-100-l);
    --bulma-info-35-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l), 1);
    --bulma-info-40: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l), 1);
    --bulma-info-40-invert-l: var(--bulma-info-100-l);
    --bulma-info-40-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l), 1);
    --bulma-info-45: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l), 1);
    --bulma-info-45-invert-l: var(--bulma-info-00-l);
    --bulma-info-45-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l), 1);
    --bulma-info-50: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l), 1);
    --bulma-info-50-invert-l: var(--bulma-info-05-l);
    --bulma-info-50-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l), 1);
    --bulma-info-55: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l), 1);
    --bulma-info-55-invert-l: var(--bulma-info-05-l);
    --bulma-info-55-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l), 1);
    --bulma-info-60: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l), 1);
    --bulma-info-60-invert-l: var(--bulma-info-10-l);
    --bulma-info-60-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l), 1);
    --bulma-info-65: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l), 1);
    --bulma-info-65-invert-l: var(--bulma-info-10-l);
    --bulma-info-65-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l), 1);
    --bulma-info-70: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l), 1);
    --bulma-info-70-invert-l: var(--bulma-info-10-l);
    --bulma-info-70-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l), 1);
    --bulma-info-75: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l), 1);
    --bulma-info-75-invert-l: var(--bulma-info-10-l);
    --bulma-info-75-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l), 1);
    --bulma-info-80: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l), 1);
    --bulma-info-80-invert-l: var(--bulma-info-15-l);
    --bulma-info-80-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l), 1);
    --bulma-info-85: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l), 1);
    --bulma-info-85-invert-l: var(--bulma-info-15-l);
    --bulma-info-85-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l), 1);
    --bulma-info-90: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l), 1);
    --bulma-info-90-invert-l: var(--bulma-info-15-l);
    --bulma-info-90-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l), 1);
    --bulma-info-95: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l), 1);
    --bulma-info-95-invert-l: var(--bulma-info-20-l);
    --bulma-info-95-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l), 1);
    --bulma-info-100: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l), 1);
    --bulma-info-100-invert-l: var(--bulma-info-20-l);
    --bulma-info-100-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l), 1);
    --bulma-info-invert-l: var(--bulma-info-10-l);
    --bulma-info-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l), 1);
    --bulma-info-light-l: var(--bulma-info-90-l);
    --bulma-info-light: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l), 1);
    --bulma-info-light-invert-l: var(--bulma-info-15-l);
    --bulma-info-light-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l), 1);
    --bulma-info-dark-l: var(--bulma-info-10-l);
    --bulma-info-dark: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l), 1);
    --bulma-info-dark-invert-l: var(--bulma-info-60-l);
    --bulma-info-dark-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l), 1);
    --bulma-info-soft: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l), 1);
    --bulma-info-bold: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l), 1);
    --bulma-info-soft-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l), 1);
    --bulma-info-bold-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l), 1);
    --bulma-info-on-scheme-l: 25%;
    --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
    --bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
    --bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
    --bulma-success-rgb: 71.6295, 198.6705, 141.50205;
    --bulma-success-h: 153deg;
    --bulma-success-s: 53%;
    --bulma-success-l: 53%;
    --bulma-success-00-l: 0%;
    --bulma-success-05-l: 3%;
    --bulma-success-10-l: 8%;
    --bulma-success-15-l: 13%;
    --bulma-success-20-l: 18%;
    --bulma-success-25-l: 23%;
    --bulma-success-30-l: 28%;
    --bulma-success-35-l: 33%;
    --bulma-success-40-l: 38%;
    --bulma-success-45-l: 43%;
    --bulma-success-50-l: 48%;
    --bulma-success-55-l: 53%;
    --bulma-success-60-l: 58%;
    --bulma-success-65-l: 63%;
    --bulma-success-70-l: 68%;
    --bulma-success-75-l: 73%;
    --bulma-success-80-l: 78%;
    --bulma-success-85-l: 83%;
    --bulma-success-90-l: 88%;
    --bulma-success-95-l: 93%;
    --bulma-success-100-l: 98%;
    --bulma-success-00: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l), 1);
    --bulma-success-00-invert-l: var(--bulma-success-45-l);
    --bulma-success-00-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l), 1);
    --bulma-success-05: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l), 1);
    --bulma-success-05-invert-l: var(--bulma-success-45-l);
    --bulma-success-05-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l), 1);
    --bulma-success-10: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l), 1);
    --bulma-success-10-invert-l: var(--bulma-success-55-l);
    --bulma-success-10-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l), 1);
    --bulma-success-15: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l), 1);
    --bulma-success-15-invert-l: var(--bulma-success-75-l);
    --bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1);
    --bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1);
    --bulma-success-20-invert-l: var(--bulma-success-95-l);
    --bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1);
    --bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1);
    --bulma-success-25-invert-l: var(--bulma-success-100-l);
    --bulma-success-25-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l), 1);
    --bulma-success-30: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l), 1);
    --bulma-success-30-invert-l: var(--bulma-success-100-l);
    --bulma-success-30-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l), 1);
    --bulma-success-35: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l), 1);
    --bulma-success-35-invert-l: var(--bulma-success-100-l);
    --bulma-success-35-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l), 1);
    --bulma-success-40: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l), 1);
    --bulma-success-40-invert-l: var(--bulma-success-100-l);
    --bulma-success-40-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l), 1);
    --bulma-success-45: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l), 1);
    --bulma-success-45-invert-l: var(--bulma-success-05-l);
    --bulma-success-45-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l), 1);
    --bulma-success-50: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l), 1);
    --bulma-success-50-invert-l: var(--bulma-success-05-l);
    --bulma-success-50-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l), 1);
    --bulma-success-55: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l), 1);
    --bulma-success-55-invert-l: var(--bulma-success-10-l);
    --bulma-success-55-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l), 1);
    --bulma-success-60: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l), 1);
    --bulma-success-60-invert-l: var(--bulma-success-10-l);
    --bulma-success-60-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l), 1);
    --bulma-success-65: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l), 1);
    --bulma-success-65-invert-l: var(--bulma-success-10-l);
    --bulma-success-65-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l), 1);
    --bulma-success-70: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l), 1);
    --bulma-success-70-invert-l: var(--bulma-success-10-l);
    --bulma-success-70-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l), 1);
    --bulma-success-75: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l), 1);
    --bulma-success-75-invert-l: var(--bulma-success-15-l);
    --bulma-success-75-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l), 1);
    --bulma-success-80: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l), 1);
    --bulma-success-80-invert-l: var(--bulma-success-15-l);
    --bulma-success-80-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l), 1);
    --bulma-success-85: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l), 1);
    --bulma-success-85-invert-l: var(--bulma-success-15-l);
    --bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1);
    --bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1);
    --bulma-success-90-invert-l: var(--bulma-success-15-l);
    --bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1);
    --bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1);
    --bulma-success-95-invert-l: var(--bulma-success-20-l);
    --bulma-success-95-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l), 1);
    --bulma-success-100: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l), 1);
    --bulma-success-100-invert-l: var(--bulma-success-20-l);
    --bulma-success-100-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l), 1);
    --bulma-success-invert-l: var(--bulma-success-10-l);
    --bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1);
    --bulma-success-light-l: var(--bulma-success-90-l);
    --bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1);
    --bulma-success-light-invert-l: var(--bulma-success-15-l);
    --bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1);
    --bulma-success-dark-l: var(--bulma-success-10-l);
    --bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1);
    --bulma-success-dark-invert-l: var(--bulma-success-55-l);
    --bulma-success-dark-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l), 1);
    --bulma-success-soft: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l), 1);
    --bulma-success-bold: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l), 1);
    --bulma-success-soft-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l), 1);
    --bulma-success-bold-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l), 1);
    --bulma-success-on-scheme-l: 23%;
    --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
    --bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
    --bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
    --bulma-warning-rgb: 255, 183.09, 15.3;
    --bulma-warning-h: 42deg;
    --bulma-warning-s: 100%;
    --bulma-warning-l: 53%;
    --bulma-warning-00-l: 0%;
    --bulma-warning-05-l: 3%;
    --bulma-warning-10-l: 8%;
    --bulma-warning-15-l: 13%;
    --bulma-warning-20-l: 18%;
    --bulma-warning-25-l: 23%;
    --bulma-warning-30-l: 28%;
    --bulma-warning-35-l: 33%;
    --bulma-warning-40-l: 38%;
    --bulma-warning-45-l: 43%;
    --bulma-warning-50-l: 48%;
    --bulma-warning-55-l: 53%;
    --bulma-warning-60-l: 58%;
    --bulma-warning-65-l: 63%;
    --bulma-warning-70-l: 68%;
    --bulma-warning-75-l: 73%;
    --bulma-warning-80-l: 78%;
    --bulma-warning-85-l: 83%;
    --bulma-warning-90-l: 88%;
    --bulma-warning-95-l: 93%;
    --bulma-warning-100-l: 98%;
    --bulma-warning-00: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l), 1);
    --bulma-warning-00-invert-l: var(--bulma-warning-40-l);
    --bulma-warning-00-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l), 1);
    --bulma-warning-05: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l), 1);
    --bulma-warning-05-invert-l: var(--bulma-warning-45-l);
    --bulma-warning-05-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l), 1);
    --bulma-warning-10: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l), 1);
    --bulma-warning-10-invert-l: var(--bulma-warning-50-l);
    --bulma-warning-10-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l), 1);
    --bulma-warning-15: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l), 1);
    --bulma-warning-15-invert-l: var(--bulma-warning-70-l);
    --bulma-warning-15-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l), 1);
    --bulma-warning-20: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l), 1);
    --bulma-warning-20-invert-l: var(--bulma-warning-100-l);
    --bulma-warning-20-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l), 1);
    --bulma-warning-25: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l), 1);
    --bulma-warning-25-invert-l: var(--bulma-warning-100-l);
    --bulma-warning-25-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l), 1);
    --bulma-warning-30: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l), 1);
    --bulma-warning-30-invert-l: var(--bulma-warning-100-l);
    --bulma-warning-30-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l), 1);
    --bulma-warning-35: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l), 1);
    --bulma-warning-35-invert-l: var(--bulma-warning-100-l);
    --bulma-warning-35-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l), 1);
    --bulma-warning-40: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l), 1);
    --bulma-warning-40-invert-l: var(--bulma-warning-00-l);
    --bulma-warning-40-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l), 1);
    --bulma-warning-45: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l), 1);
    --bulma-warning-45-invert-l: var(--bulma-warning-05-l);
    --bulma-warning-45-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l), 1);
    --bulma-warning-50: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l), 1);
    --bulma-warning-50-invert-l: var(--bulma-warning-10-l);
    --bulma-warning-50-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l), 1);
    --bulma-warning-55: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l), 1);
    --bulma-warning-55-invert-l: var(--bulma-warning-10-l);
    --bulma-warning-55-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l), 1);
    --bulma-warning-60: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l), 1);
    --bulma-warning-60-invert-l: var(--bulma-warning-10-l);
    --bulma-warning-60-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l), 1);
    --bulma-warning-65: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l), 1);
    --bulma-warning-65-invert-l: var(--bulma-warning-10-l);
    --bulma-warning-65-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l), 1);
    --bulma-warning-70: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l), 1);
    --bulma-warning-70-invert-l: var(--bulma-warning-15-l);
    --bulma-warning-70-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l), 1);
    --bulma-warning-75: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l), 1);
    --bulma-warning-75-invert-l: var(--bulma-warning-15-l);
    --bulma-warning-75-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l), 1);
    --bulma-warning-80: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l), 1);
    --bulma-warning-80-invert-l: var(--bulma-warning-15-l);
    --bulma-warning-80-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l), 1);
    --bulma-warning-85: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l), 1);
    --bulma-warning-85-invert-l: var(--bulma-warning-15-l);
    --bulma-warning-85-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l), 1);
    --bulma-warning-90: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l), 1);
    --bulma-warning-90-invert-l: var(--bulma-warning-15-l);
    --bulma-warning-90-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l), 1);
    --bulma-warning-95: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l), 1);
    --bulma-warning-95-invert-l: var(--bulma-warning-15-l);
    --bulma-warning-95-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l), 1);
    --bulma-warning-100: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l), 1);
    --bulma-warning-100-invert-l: var(--bulma-warning-20-l);
    --bulma-warning-100-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l), 1);
    --bulma-warning-invert-l: var(--bulma-warning-10-l);
    --bulma-warning-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l), 1);
    --bulma-warning-light-l: var(--bulma-warning-90-l);
    --bulma-warning-light: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l), 1);
    --bulma-warning-light-invert-l: var(--bulma-warning-15-l);
    --bulma-warning-light-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l), 1);
    --bulma-warning-dark-l: var(--bulma-warning-10-l);
    --bulma-warning-dark: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l), 1);
    --bulma-warning-dark-invert-l: var(--bulma-warning-50-l);
    --bulma-warning-dark-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l), 1);
    --bulma-warning-soft: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l), 1);
    --bulma-warning-bold: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l), 1);
    --bulma-warning-soft-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l), 1);
    --bulma-warning-bold-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l), 1);
    --bulma-warning-on-scheme-l: 23%;
    --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
    --bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
    --bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
    --bulma-danger-rgb: 255, 102, 132.6;
    --bulma-danger-h: 348deg;
    --bulma-danger-s: 100%;
    --bulma-danger-l: 70%;
    --bulma-danger-00-l: 0%;
    --bulma-danger-05-l: 5%;
    --bulma-danger-10-l: 10%;
    --bulma-danger-15-l: 15%;
    --bulma-danger-20-l: 20%;
    --bulma-danger-25-l: 25%;
    --bulma-danger-30-l: 30%;
    --bulma-danger-35-l: 35%;
    --bulma-danger-40-l: 40%;
    --bulma-danger-45-l: 45%;
    --bulma-danger-50-l: 50%;
    --bulma-danger-55-l: 55%;
    --bulma-danger-60-l: 60%;
    --bulma-danger-65-l: 65%;
    --bulma-danger-70-l: 70%;
    --bulma-danger-75-l: 75%;
    --bulma-danger-80-l: 80%;
    --bulma-danger-85-l: 85%;
    --bulma-danger-90-l: 90%;
    --bulma-danger-95-l: 95%;
    --bulma-danger-100-l: 100%;
    --bulma-danger-00: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l), 1);
    --bulma-danger-00-invert-l: var(--bulma-danger-65-l);
    --bulma-danger-00-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l), 1);
    --bulma-danger-05: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l), 1);
    --bulma-danger-05-invert-l: var(--bulma-danger-70-l);
    --bulma-danger-05-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l), 1);
    --bulma-danger-10: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l), 1);
    --bulma-danger-10-invert-l: var(--bulma-danger-75-l);
    --bulma-danger-10-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l), 1);
    --bulma-danger-15: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l), 1);
    --bulma-danger-15-invert-l: var(--bulma-danger-80-l);
    --bulma-danger-15-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l), 1);
    --bulma-danger-20: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l), 1);
    --bulma-danger-20-invert-l: var(--bulma-danger-85-l);
    --bulma-danger-20-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l), 1);
    --bulma-danger-25: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l), 1);
    --bulma-danger-25-invert-l: var(--bulma-danger-90-l);
    --bulma-danger-25-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l), 1);
    --bulma-danger-30: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l), 1);
    --bulma-danger-30-invert-l: var(--bulma-danger-100-l);
    --bulma-danger-30-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l), 1);
    --bulma-danger-35: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l), 1);
    --bulma-danger-35-invert-l: var(--bulma-danger-100-l);
    --bulma-danger-35-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l), 1);
    --bulma-danger-40: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l), 1);
    --bulma-danger-40-invert-l: var(--bulma-danger-100-l);
    --bulma-danger-40-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l), 1);
    --bulma-danger-45: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l), 1);
    --bulma-danger-45-invert-l: var(--bulma-danger-100-l);
    --bulma-danger-45-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l), 1);
    --bulma-danger-50: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l), 1);
    --bulma-danger-50-invert-l: var(--bulma-danger-100-l);
    --bulma-danger-50-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l), 1);
    --bulma-danger-55: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l), 1);
    --bulma-danger-55-invert-l: var(--bulma-danger-100-l);
    --bulma-danger-55-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l), 1);
    --bulma-danger-60: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l), 1);
    --bulma-danger-60-invert-l: var(--bulma-danger-100-l);
    --bulma-danger-60-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l), 1);
    --bulma-danger-65: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l), 1);
    --bulma-danger-65-invert-l: var(--bulma-danger-00-l);
    --bulma-danger-65-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l), 1);
    --bulma-danger-70: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l), 1);
    --bulma-danger-70-invert-l: var(--bulma-danger-05-l);
    --bulma-danger-70-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l), 1);
    --bulma-danger-75: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l), 1);
    --bulma-danger-75-invert-l: var(--bulma-danger-10-l);
    --bulma-danger-75-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l), 1);
    --bulma-danger-80: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l), 1);
    --bulma-danger-80-invert-l: var(--bulma-danger-15-l);
    --bulma-danger-80-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l), 1);
    --bulma-danger-85: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l), 1);
    --bulma-danger-85-invert-l: var(--bulma-danger-20-l);
    --bulma-danger-85-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l), 1);
    --bulma-danger-90: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l), 1);
    --bulma-danger-90-invert-l: var(--bulma-danger-25-l);
    --bulma-danger-90-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l), 1);
    --bulma-danger-95: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l), 1);
    --bulma-danger-95-invert-l: var(--bulma-danger-25-l);
    --bulma-danger-95-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l), 1);
    --bulma-danger-100: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l), 1);
    --bulma-danger-100-invert-l: var(--bulma-danger-30-l);
    --bulma-danger-100-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l), 1);
    --bulma-danger-invert-l: var(--bulma-danger-05-l);
    --bulma-danger-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l), 1);
    --bulma-danger-light-l: var(--bulma-danger-90-l);
    --bulma-danger-light: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l), 1);
    --bulma-danger-light-invert-l: var(--bulma-danger-25-l);
    --bulma-danger-light-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l), 1);
    --bulma-danger-dark-l: var(--bulma-danger-10-l);
    --bulma-danger-dark: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l), 1);
    --bulma-danger-dark-invert-l: var(--bulma-danger-75-l);
    --bulma-danger-dark-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l), 1);
    --bulma-danger-soft: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l), 1);
    --bulma-danger-bold: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l), 1);
    --bulma-danger-soft-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l), 1);
    --bulma-danger-bold-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l), 1);
    --bulma-danger-on-scheme-l: 40%;
    --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1);
    --bulma-black-bis: hsl(221, 14%, 9%);
    --bulma-black-ter: hsl(221, 14%, 14%);
    --bulma-grey-darker: hsl(221, 14%, 21%);
    --bulma-grey-dark: hsl(221, 14%, 29%);
    --bulma-grey: hsl(221, 14%, 48%);
    --bulma-grey-light: hsl(221, 14%, 71%);
    --bulma-grey-lighter: hsl(221, 14%, 86%);
    --bulma-white-ter: hsl(221, 14%, 96%);
    --bulma-white-bis: hsl(221, 14%, 98%);
    --bulma-shadow-h: 221deg;
    --bulma-shadow-s: 14%;
    --bulma-shadow-l: 4%;
    --bulma-size-1: 2.25rem;
    --bulma-size-2: 1.75rem;
    --bulma-size-3: 1.5rem;
    --bulma-size-4: 1.125rem;
    --bulma-size-5: 1rem;
    --bulma-size-6: 0.875rem;
    --bulma-size-7: 0.75rem;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --bulma-white-on-scheme-l: 100%;
    --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
    --bulma-black-on-scheme-l: -51%;
    --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
    --bulma-light-on-scheme-l: 96%;
    --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
    --bulma-dark-on-scheme-l: 56%;
    --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
    --bulma-text-on-scheme-l: 54%;
    --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
    --bulma-primary-on-scheme-l: 41%;
    --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
    --bulma-link-on-scheme-l: 73%;
    --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
    --bulma-info-on-scheme-l: 70%;
    --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
    --bulma-success-on-scheme-l: 53%;
    --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
    --bulma-warning-on-scheme-l: 53%;
    --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
    --bulma-danger-on-scheme-l: 70%;
    --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1);
    --bulma-scheme-brightness: dark;
    --bulma-scheme-main-l: 9%;
    --bulma-scheme-main-bis-l: 11%;
    --bulma-scheme-main-ter-l: 13%;
    --bulma-soft-l: 20%;
    --bulma-bold-l: 90%;
    --bulma-soft-invert-l: 90%;
    --bulma-bold-invert-l: 20%;
    --bulma-background-l: 14%;
    --bulma-border-weak-l: 21%;
    --bulma-border-l: 24%;
    --bulma-text-weak-l: 53%;
    --bulma-text-l: 71%;
    --bulma-text-strong-l: 93%;
    --bulma-text-title-l: 100%;
    --bulma-hover-background-l-delta: 5%;
    --bulma-active-background-l-delta: 10%;
    --bulma-hover-border-l-delta: 10%;
    --bulma-active-border-l-delta: 20%;
    --bulma-hover-color-l-delta: 5%;
    --bulma-active-color-l-delta: 10%;
    --bulma-shadow-h: 0deg;
    --bulma-shadow-s: 0%;
    --bulma-shadow-l: 100%;
  }
}
[data-theme=light],
.theme-light {
  --bulma-scheme-h: 221;
  --bulma-scheme-s: 14%;
  --bulma-light-l: 90%;
  --bulma-light-invert-l: 20%;
  --bulma-dark-l: 20%;
  --bulma-dark-invert-l: 90%;
  --bulma-soft-l: 90%;
  --bulma-bold-l: 20%;
  --bulma-soft-invert-l: 20%;
  --bulma-bold-invert-l: 90%;
  --bulma-hover-background-l-delta: -5%;
  --bulma-active-background-l-delta: -10%;
  --bulma-hover-border-l-delta: -10%;
  --bulma-active-border-l-delta: -20%;
  --bulma-hover-color-l-delta: -5%;
  --bulma-active-color-l-delta: -10%;
  --bulma-hover-shadow-a-delta: -0.05;
  --bulma-active-shadow-a-delta: -0.1;
  --bulma-scheme-brightness: light;
  --bulma-scheme-main-l: 100%;
  --bulma-scheme-main-bis-l: 98%;
  --bulma-scheme-main-ter-l: 96%;
  --bulma-background-l: 96%;
  --bulma-border-weak-l: 93%;
  --bulma-border-l: 86%;
  --bulma-text-weak-l: 48%;
  --bulma-text-l: 29%;
  --bulma-text-strong-l: 21%;
  --bulma-text-title-l: 14%;
  --bulma-scheme-invert-ter-l: 14%;
  --bulma-scheme-invert-bis-l: 7%;
  --bulma-scheme-invert-l: 4%;
  --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
  --bulma-size-small: 0.75rem;
  --bulma-size-normal: 0.875rem;
  --bulma-size-medium: 1rem;
  --bulma-size-large: 1.125rem;
  --bulma-weight-light: 300;
  --bulma-weight-normal: 400;
  --bulma-weight-medium: 500;
  --bulma-weight-semibold: 600;
  --bulma-weight-bold: 700;
  --bulma-weight-extrabold: 800;
  --bulma-block-spacing: 1.5rem;
  --bulma-duration: 294ms;
  --bulma-easing: ease-out;
  --bulma-radius-small: 0.25rem;
  --bulma-radius: 0.375rem;
  --bulma-radius-medium: 0.5em;
  --bulma-radius-large: 0.75rem;
  --bulma-radius-rounded: 9999px;
  --bulma-speed: 86ms;
  --bulma-arrow-color: var(--bulma-link);
  --bulma-loading-color: var(--bulma-border);
  --bulma-burger-h: var(--bulma-link-h);
  --bulma-burger-s: var(--bulma-link-s);
  --bulma-burger-l: var(--bulma-link-l);
  --bulma-burger-border-radius: 0.5em;
  --bulma-burger-gap: 5px;
  --bulma-burger-item-height: 2px;
  --bulma-burger-item-width: 20px;
  --bulma-white: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1);
  --bulma-white-base: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1);
  --bulma-white-rgb: 255, 255, 255;
  --bulma-white-h: 221deg;
  --bulma-white-s: 14%;
  --bulma-white-l: 100%;
  --bulma-white-invert-l: 4%;
  --bulma-white-invert: hsl(221, 14%, 4%);
  --bulma-white-on-scheme-l: 35%;
  --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
  --bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
  --bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
  --bulma-black-rgb: 8.772, 9.6764, 11.628;
  --bulma-black-h: 221deg;
  --bulma-black-s: 14%;
  --bulma-black-l: 4%;
  --bulma-black-invert-l: 100%;
  --bulma-black-invert: hsl(221, 14%, 100%);
  --bulma-black-on-scheme-l: 4%;
  --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
  --bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
  --bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
  --bulma-light-rgb: 243.372, 244.2764, 246.228;
  --bulma-light-h: 221deg;
  --bulma-light-s: 14%;
  --bulma-light-l: 96%;
  --bulma-light-invert-l: 21%;
  --bulma-light-invert: hsl(221, 14%, 21%);
  --bulma-light-on-scheme-l: 36%;
  --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
  --bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
  --bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
  --bulma-dark-rgb: 46.053, 50.8011, 61.047;
  --bulma-dark-h: 221deg;
  --bulma-dark-s: 14%;
  --bulma-dark-l: 21%;
  --bulma-dark-invert-l: 96%;
  --bulma-dark-invert: hsl(221, 14%, 96%);
  --bulma-dark-on-scheme-l: 21%;
  --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
  --bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
  --bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
  --bulma-text-rgb: 63.597, 70.1539, 84.303;
  --bulma-text-h: 221deg;
  --bulma-text-s: 14%;
  --bulma-text-l: 29%;
  --bulma-text-00-l: 0%;
  --bulma-text-05-l: 4%;
  --bulma-text-10-l: 9%;
  --bulma-text-15-l: 14%;
  --bulma-text-20-l: 19%;
  --bulma-text-25-l: 24%;
  --bulma-text-30-l: 29%;
  --bulma-text-35-l: 34%;
  --bulma-text-40-l: 39%;
  --bulma-text-45-l: 44%;
  --bulma-text-50-l: 49%;
  --bulma-text-55-l: 54%;
  --bulma-text-60-l: 59%;
  --bulma-text-65-l: 64%;
  --bulma-text-70-l: 69%;
  --bulma-text-75-l: 74%;
  --bulma-text-80-l: 79%;
  --bulma-text-85-l: 84%;
  --bulma-text-90-l: 89%;
  --bulma-text-95-l: 94%;
  --bulma-text-100-l: 99%;
  --bulma-text-00: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l), 1);
  --bulma-text-00-invert-l: var(--bulma-text-60-l);
  --bulma-text-00-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l), 1);
  --bulma-text-05: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l), 1);
  --bulma-text-05-invert-l: var(--bulma-text-60-l);
  --bulma-text-05-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l), 1);
  --bulma-text-10: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l), 1);
  --bulma-text-10-invert-l: var(--bulma-text-70-l);
  --bulma-text-10-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l), 1);
  --bulma-text-15: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l), 1);
  --bulma-text-15-invert-l: var(--bulma-text-75-l);
  --bulma-text-15-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l), 1);
  --bulma-text-20: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l), 1);
  --bulma-text-20-invert-l: var(--bulma-text-85-l);
  --bulma-text-20-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l), 1);
  --bulma-text-25: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l), 1);
  --bulma-text-25-invert-l: var(--bulma-text-95-l);
  --bulma-text-25-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l), 1);
  --bulma-text-30: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l), 1);
  --bulma-text-30-invert-l: var(--bulma-text-100-l);
  --bulma-text-30-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l), 1);
  --bulma-text-35: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l), 1);
  --bulma-text-35-invert-l: var(--bulma-text-100-l);
  --bulma-text-35-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l), 1);
  --bulma-text-40: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l), 1);
  --bulma-text-40-invert-l: var(--bulma-text-100-l);
  --bulma-text-40-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l), 1);
  --bulma-text-45: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l), 1);
  --bulma-text-45-invert-l: var(--bulma-text-100-l);
  --bulma-text-45-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l), 1);
  --bulma-text-50: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l), 1);
  --bulma-text-50-invert-l: var(--bulma-text-100-l);
  --bulma-text-50-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l), 1);
  --bulma-text-55: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l), 1);
  --bulma-text-55-invert-l: var(--bulma-text-100-l);
  --bulma-text-55-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l), 1);
  --bulma-text-60: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l), 1);
  --bulma-text-60-invert-l: var(--bulma-text-05-l);
  --bulma-text-60-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l), 1);
  --bulma-text-65: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l), 1);
  --bulma-text-65-invert-l: var(--bulma-text-05-l);
  --bulma-text-65-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l), 1);
  --bulma-text-70: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l), 1);
  --bulma-text-70-invert-l: var(--bulma-text-10-l);
  --bulma-text-70-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l), 1);
  --bulma-text-75: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l), 1);
  --bulma-text-75-invert-l: var(--bulma-text-15-l);
  --bulma-text-75-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l), 1);
  --bulma-text-80: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l), 1);
  --bulma-text-80-invert-l: var(--bulma-text-15-l);
  --bulma-text-80-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l), 1);
  --bulma-text-85: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l), 1);
  --bulma-text-85-invert-l: var(--bulma-text-20-l);
  --bulma-text-85-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l), 1);
  --bulma-text-90: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l), 1);
  --bulma-text-90-invert-l: var(--bulma-text-20-l);
  --bulma-text-90-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l), 1);
  --bulma-text-95: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l), 1);
  --bulma-text-95-invert-l: var(--bulma-text-25-l);
  --bulma-text-95-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l), 1);
  --bulma-text-100: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l), 1);
  --bulma-text-100-invert-l: var(--bulma-text-25-l);
  --bulma-text-100-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l), 1);
  --bulma-text-invert-l: var(--bulma-text-100-l);
  --bulma-text-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l), 1);
  --bulma-text-light-l: var(--bulma-text-90-l);
  --bulma-text-light: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l), 1);
  --bulma-text-light-invert-l: var(--bulma-text-20-l);
  --bulma-text-light-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l), 1);
  --bulma-text-dark-l: var(--bulma-text-10-l);
  --bulma-text-dark: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l), 1);
  --bulma-text-dark-invert-l: var(--bulma-text-70-l);
  --bulma-text-dark-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l), 1);
  --bulma-text-soft: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l), 1);
  --bulma-text-bold: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l), 1);
  --bulma-text-soft-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l), 1);
  --bulma-text-bold-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l), 1);
  --bulma-text-on-scheme-l: 29%;
  --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
  --bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
  --bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
  --bulma-primary-rgb: 0, 209.1, 177.735;
  --bulma-primary-h: 171deg;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 41%;
  --bulma-primary-00-l: 1%;
  --bulma-primary-05-l: 6%;
  --bulma-primary-10-l: 11%;
  --bulma-primary-15-l: 16%;
  --bulma-primary-20-l: 21%;
  --bulma-primary-25-l: 26%;
  --bulma-primary-30-l: 31%;
  --bulma-primary-35-l: 36%;
  --bulma-primary-40-l: 41%;
  --bulma-primary-45-l: 46%;
  --bulma-primary-50-l: 51%;
  --bulma-primary-55-l: 56%;
  --bulma-primary-60-l: 61%;
  --bulma-primary-65-l: 66%;
  --bulma-primary-70-l: 71%;
  --bulma-primary-75-l: 76%;
  --bulma-primary-80-l: 81%;
  --bulma-primary-85-l: 86%;
  --bulma-primary-90-l: 91%;
  --bulma-primary-95-l: 96%;
  --bulma-primary-100-l: 100%;
  --bulma-primary-00: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l), 1);
  --bulma-primary-00-invert-l: var(--bulma-primary-30-l);
  --bulma-primary-00-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l), 1);
  --bulma-primary-05: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l), 1);
  --bulma-primary-05-invert-l: var(--bulma-primary-40-l);
  --bulma-primary-05-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l), 1);
  --bulma-primary-10: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l), 1);
  --bulma-primary-10-invert-l: var(--bulma-primary-50-l);
  --bulma-primary-10-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l), 1);
  --bulma-primary-15: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l), 1);
  --bulma-primary-15-invert-l: var(--bulma-primary-100-l);
  --bulma-primary-15-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l), 1);
  --bulma-primary-20: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l), 1);
  --bulma-primary-20-invert-l: var(--bulma-primary-100-l);
  --bulma-primary-20-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l), 1);
  --bulma-primary-25: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l), 1);
  --bulma-primary-25-invert-l: var(--bulma-primary-100-l);
  --bulma-primary-25-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l), 1);
  --bulma-primary-30: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l), 1);
  --bulma-primary-30-invert-l: var(--bulma-primary-00-l);
  --bulma-primary-30-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l), 1);
  --bulma-primary-35: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l), 1);
  --bulma-primary-35-invert-l: var(--bulma-primary-00-l);
  --bulma-primary-35-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l), 1);
  --bulma-primary-40: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l), 1);
  --bulma-primary-40-invert-l: var(--bulma-primary-05-l);
  --bulma-primary-40-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l), 1);
  --bulma-primary-45: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l), 1);
  --bulma-primary-45-invert-l: var(--bulma-primary-05-l);
  --bulma-primary-45-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l), 1);
  --bulma-primary-50: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l), 1);
  --bulma-primary-50-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-50-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l), 1);
  --bulma-primary-55: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l), 1);
  --bulma-primary-55-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-55-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l), 1);
  --bulma-primary-60: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l), 1);
  --bulma-primary-60-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-60-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l), 1);
  --bulma-primary-65: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l), 1);
  --bulma-primary-65-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-65-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l), 1);
  --bulma-primary-70: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l), 1);
  --bulma-primary-70-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-70-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l), 1);
  --bulma-primary-75: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l), 1);
  --bulma-primary-75-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-75-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l), 1);
  --bulma-primary-80: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l), 1);
  --bulma-primary-80-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-80-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l), 1);
  --bulma-primary-85: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l), 1);
  --bulma-primary-85-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-85-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l), 1);
  --bulma-primary-90: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l), 1);
  --bulma-primary-90-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-90-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l), 1);
  --bulma-primary-95: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l), 1);
  --bulma-primary-95-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-95-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l), 1);
  --bulma-primary-100: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l), 1);
  --bulma-primary-100-invert-l: var(--bulma-primary-15-l);
  --bulma-primary-100-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l), 1);
  --bulma-primary-invert-l: var(--bulma-primary-05-l);
  --bulma-primary-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l), 1);
  --bulma-primary-light-l: var(--bulma-primary-90-l);
  --bulma-primary-light: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l), 1);
  --bulma-primary-light-invert-l: var(--bulma-primary-10-l);
  --bulma-primary-light-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l), 1);
  --bulma-primary-dark-l: var(--bulma-primary-10-l);
  --bulma-primary-dark: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l), 1);
  --bulma-primary-dark-invert-l: var(--bulma-primary-50-l);
  --bulma-primary-dark-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l), 1);
  --bulma-primary-soft: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l), 1);
  --bulma-primary-bold: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l), 1);
  --bulma-primary-soft-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l), 1);
  --bulma-primary-bold-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l), 1);
  --bulma-primary-on-scheme-l: 21%;
  --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
  --bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
  --bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
  --bulma-link-rgb: 66.3, 88.315, 255;
  --bulma-link-h: 233deg;
  --bulma-link-s: 100%;
  --bulma-link-l: 63%;
  --bulma-link-00-l: 0%;
  --bulma-link-05-l: 3%;
  --bulma-link-10-l: 8%;
  --bulma-link-15-l: 13%;
  --bulma-link-20-l: 18%;
  --bulma-link-25-l: 23%;
  --bulma-link-30-l: 28%;
  --bulma-link-35-l: 33%;
  --bulma-link-40-l: 38%;
  --bulma-link-45-l: 43%;
  --bulma-link-50-l: 48%;
  --bulma-link-55-l: 53%;
  --bulma-link-60-l: 58%;
  --bulma-link-65-l: 63%;
  --bulma-link-70-l: 68%;
  --bulma-link-75-l: 73%;
  --bulma-link-80-l: 78%;
  --bulma-link-85-l: 83%;
  --bulma-link-90-l: 88%;
  --bulma-link-95-l: 93%;
  --bulma-link-100-l: 98%;
  --bulma-link-00: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l), 1);
  --bulma-link-00-invert-l: var(--bulma-link-75-l);
  --bulma-link-00-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l), 1);
  --bulma-link-05: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l), 1);
  --bulma-link-05-invert-l: var(--bulma-link-75-l);
  --bulma-link-05-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l), 1);
  --bulma-link-10: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l), 1);
  --bulma-link-10-invert-l: var(--bulma-link-75-l);
  --bulma-link-10-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l), 1);
  --bulma-link-15: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l), 1);
  --bulma-link-15-invert-l: var(--bulma-link-80-l);
  --bulma-link-15-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l), 1);
  --bulma-link-20: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l), 1);
  --bulma-link-20-invert-l: var(--bulma-link-80-l);
  --bulma-link-20-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l), 1);
  --bulma-link-25: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l), 1);
  --bulma-link-25-invert-l: var(--bulma-link-85-l);
  --bulma-link-25-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l), 1);
  --bulma-link-30: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l), 1);
  --bulma-link-30-invert-l: var(--bulma-link-90-l);
  --bulma-link-30-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l), 1);
  --bulma-link-35: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l), 1);
  --bulma-link-35-invert-l: var(--bulma-link-90-l);
  --bulma-link-35-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l), 1);
  --bulma-link-40: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l), 1);
  --bulma-link-40-invert-l: var(--bulma-link-95-l);
  --bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1);
  --bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1);
  --bulma-link-45-invert-l: var(--bulma-link-95-l);
  --bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1);
  --bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1);
  --bulma-link-50-invert-l: var(--bulma-link-100-l);
  --bulma-link-50-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l), 1);
  --bulma-link-55: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l), 1);
  --bulma-link-55-invert-l: var(--bulma-link-100-l);
  --bulma-link-55-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l), 1);
  --bulma-link-60: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l), 1);
  --bulma-link-60-invert-l: var(--bulma-link-100-l);
  --bulma-link-60-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l), 1);
  --bulma-link-65: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l), 1);
  --bulma-link-65-invert-l: var(--bulma-link-100-l);
  --bulma-link-65-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l), 1);
  --bulma-link-70: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l), 1);
  --bulma-link-70-invert-l: var(--bulma-link-100-l);
  --bulma-link-70-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l), 1);
  --bulma-link-75: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l), 1);
  --bulma-link-75-invert-l: var(--bulma-link-10-l);
  --bulma-link-75-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l), 1);
  --bulma-link-80: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l), 1);
  --bulma-link-80-invert-l: var(--bulma-link-20-l);
  --bulma-link-80-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l), 1);
  --bulma-link-85: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l), 1);
  --bulma-link-85-invert-l: var(--bulma-link-25-l);
  --bulma-link-85-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l), 1);
  --bulma-link-90: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l), 1);
  --bulma-link-90-invert-l: var(--bulma-link-35-l);
  --bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1);
  --bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1);
  --bulma-link-95-invert-l: var(--bulma-link-45-l);
  --bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1);
  --bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1);
  --bulma-link-100-invert-l: var(--bulma-link-50-l);
  --bulma-link-100-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l), 1);
  --bulma-link-invert-l: var(--bulma-link-100-l);
  --bulma-link-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l), 1);
  --bulma-link-light-l: var(--bulma-link-90-l);
  --bulma-link-light: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l), 1);
  --bulma-link-light-invert-l: var(--bulma-link-35-l);
  --bulma-link-light-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l), 1);
  --bulma-link-dark-l: var(--bulma-link-10-l);
  --bulma-link-dark: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l), 1);
  --bulma-link-dark-invert-l: var(--bulma-link-75-l);
  --bulma-link-dark-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l), 1);
  --bulma-link-soft: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l), 1);
  --bulma-link-bold: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l), 1);
  --bulma-link-soft-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l), 1);
  --bulma-link-bold-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l), 1);
  --bulma-link-on-scheme-l: 58%;
  --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
  --bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
  --bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
  --bulma-info-rgb: 102, 209.1, 255;
  --bulma-info-h: 198deg;
  --bulma-info-s: 100%;
  --bulma-info-l: 70%;
  --bulma-info-00-l: 0%;
  --bulma-info-05-l: 5%;
  --bulma-info-10-l: 10%;
  --bulma-info-15-l: 15%;
  --bulma-info-20-l: 20%;
  --bulma-info-25-l: 25%;
  --bulma-info-30-l: 30%;
  --bulma-info-35-l: 35%;
  --bulma-info-40-l: 40%;
  --bulma-info-45-l: 45%;
  --bulma-info-50-l: 50%;
  --bulma-info-55-l: 55%;
  --bulma-info-60-l: 60%;
  --bulma-info-65-l: 65%;
  --bulma-info-70-l: 70%;
  --bulma-info-75-l: 75%;
  --bulma-info-80-l: 80%;
  --bulma-info-85-l: 85%;
  --bulma-info-90-l: 90%;
  --bulma-info-95-l: 95%;
  --bulma-info-100-l: 100%;
  --bulma-info-00: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l), 1);
  --bulma-info-00-invert-l: var(--bulma-info-45-l);
  --bulma-info-00-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l), 1);
  --bulma-info-05: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l), 1);
  --bulma-info-05-invert-l: var(--bulma-info-50-l);
  --bulma-info-05-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l), 1);
  --bulma-info-10: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l), 1);
  --bulma-info-10-invert-l: var(--bulma-info-60-l);
  --bulma-info-10-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l), 1);
  --bulma-info-15: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l), 1);
  --bulma-info-15-invert-l: var(--bulma-info-80-l);
  --bulma-info-15-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l), 1);
  --bulma-info-20: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l), 1);
  --bulma-info-20-invert-l: var(--bulma-info-95-l);
  --bulma-info-20-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l), 1);
  --bulma-info-25: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l), 1);
  --bulma-info-25-invert-l: var(--bulma-info-100-l);
  --bulma-info-25-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l), 1);
  --bulma-info-30: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l), 1);
  --bulma-info-30-invert-l: var(--bulma-info-100-l);
  --bulma-info-30-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l), 1);
  --bulma-info-35: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l), 1);
  --bulma-info-35-invert-l: var(--bulma-info-100-l);
  --bulma-info-35-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l), 1);
  --bulma-info-40: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l), 1);
  --bulma-info-40-invert-l: var(--bulma-info-100-l);
  --bulma-info-40-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l), 1);
  --bulma-info-45: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l), 1);
  --bulma-info-45-invert-l: var(--bulma-info-00-l);
  --bulma-info-45-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l), 1);
  --bulma-info-50: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l), 1);
  --bulma-info-50-invert-l: var(--bulma-info-05-l);
  --bulma-info-50-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l), 1);
  --bulma-info-55: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l), 1);
  --bulma-info-55-invert-l: var(--bulma-info-05-l);
  --bulma-info-55-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l), 1);
  --bulma-info-60: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l), 1);
  --bulma-info-60-invert-l: var(--bulma-info-10-l);
  --bulma-info-60-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l), 1);
  --bulma-info-65: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l), 1);
  --bulma-info-65-invert-l: var(--bulma-info-10-l);
  --bulma-info-65-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l), 1);
  --bulma-info-70: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l), 1);
  --bulma-info-70-invert-l: var(--bulma-info-10-l);
  --bulma-info-70-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l), 1);
  --bulma-info-75: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l), 1);
  --bulma-info-75-invert-l: var(--bulma-info-10-l);
  --bulma-info-75-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l), 1);
  --bulma-info-80: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l), 1);
  --bulma-info-80-invert-l: var(--bulma-info-15-l);
  --bulma-info-80-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l), 1);
  --bulma-info-85: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l), 1);
  --bulma-info-85-invert-l: var(--bulma-info-15-l);
  --bulma-info-85-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l), 1);
  --bulma-info-90: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l), 1);
  --bulma-info-90-invert-l: var(--bulma-info-15-l);
  --bulma-info-90-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l), 1);
  --bulma-info-95: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l), 1);
  --bulma-info-95-invert-l: var(--bulma-info-20-l);
  --bulma-info-95-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l), 1);
  --bulma-info-100: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l), 1);
  --bulma-info-100-invert-l: var(--bulma-info-20-l);
  --bulma-info-100-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l), 1);
  --bulma-info-invert-l: var(--bulma-info-10-l);
  --bulma-info-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l), 1);
  --bulma-info-light-l: var(--bulma-info-90-l);
  --bulma-info-light: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l), 1);
  --bulma-info-light-invert-l: var(--bulma-info-15-l);
  --bulma-info-light-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l), 1);
  --bulma-info-dark-l: var(--bulma-info-10-l);
  --bulma-info-dark: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l), 1);
  --bulma-info-dark-invert-l: var(--bulma-info-60-l);
  --bulma-info-dark-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l), 1);
  --bulma-info-soft: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l), 1);
  --bulma-info-bold: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l), 1);
  --bulma-info-soft-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l), 1);
  --bulma-info-bold-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l), 1);
  --bulma-info-on-scheme-l: 25%;
  --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
  --bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
  --bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
  --bulma-success-rgb: 71.6295, 198.6705, 141.50205;
  --bulma-success-h: 153deg;
  --bulma-success-s: 53%;
  --bulma-success-l: 53%;
  --bulma-success-00-l: 0%;
  --bulma-success-05-l: 3%;
  --bulma-success-10-l: 8%;
  --bulma-success-15-l: 13%;
  --bulma-success-20-l: 18%;
  --bulma-success-25-l: 23%;
  --bulma-success-30-l: 28%;
  --bulma-success-35-l: 33%;
  --bulma-success-40-l: 38%;
  --bulma-success-45-l: 43%;
  --bulma-success-50-l: 48%;
  --bulma-success-55-l: 53%;
  --bulma-success-60-l: 58%;
  --bulma-success-65-l: 63%;
  --bulma-success-70-l: 68%;
  --bulma-success-75-l: 73%;
  --bulma-success-80-l: 78%;
  --bulma-success-85-l: 83%;
  --bulma-success-90-l: 88%;
  --bulma-success-95-l: 93%;
  --bulma-success-100-l: 98%;
  --bulma-success-00: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l), 1);
  --bulma-success-00-invert-l: var(--bulma-success-45-l);
  --bulma-success-00-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l), 1);
  --bulma-success-05: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l), 1);
  --bulma-success-05-invert-l: var(--bulma-success-45-l);
  --bulma-success-05-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l), 1);
  --bulma-success-10: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l), 1);
  --bulma-success-10-invert-l: var(--bulma-success-55-l);
  --bulma-success-10-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l), 1);
  --bulma-success-15: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l), 1);
  --bulma-success-15-invert-l: var(--bulma-success-75-l);
  --bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1);
  --bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1);
  --bulma-success-20-invert-l: var(--bulma-success-95-l);
  --bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1);
  --bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1);
  --bulma-success-25-invert-l: var(--bulma-success-100-l);
  --bulma-success-25-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l), 1);
  --bulma-success-30: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l), 1);
  --bulma-success-30-invert-l: var(--bulma-success-100-l);
  --bulma-success-30-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l), 1);
  --bulma-success-35: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l), 1);
  --bulma-success-35-invert-l: var(--bulma-success-100-l);
  --bulma-success-35-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l), 1);
  --bulma-success-40: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l), 1);
  --bulma-success-40-invert-l: var(--bulma-success-100-l);
  --bulma-success-40-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l), 1);
  --bulma-success-45: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l), 1);
  --bulma-success-45-invert-l: var(--bulma-success-05-l);
  --bulma-success-45-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l), 1);
  --bulma-success-50: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l), 1);
  --bulma-success-50-invert-l: var(--bulma-success-05-l);
  --bulma-success-50-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l), 1);
  --bulma-success-55: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l), 1);
  --bulma-success-55-invert-l: var(--bulma-success-10-l);
  --bulma-success-55-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l), 1);
  --bulma-success-60: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l), 1);
  --bulma-success-60-invert-l: var(--bulma-success-10-l);
  --bulma-success-60-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l), 1);
  --bulma-success-65: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l), 1);
  --bulma-success-65-invert-l: var(--bulma-success-10-l);
  --bulma-success-65-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l), 1);
  --bulma-success-70: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l), 1);
  --bulma-success-70-invert-l: var(--bulma-success-10-l);
  --bulma-success-70-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l), 1);
  --bulma-success-75: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l), 1);
  --bulma-success-75-invert-l: var(--bulma-success-15-l);
  --bulma-success-75-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l), 1);
  --bulma-success-80: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l), 1);
  --bulma-success-80-invert-l: var(--bulma-success-15-l);
  --bulma-success-80-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l), 1);
  --bulma-success-85: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l), 1);
  --bulma-success-85-invert-l: var(--bulma-success-15-l);
  --bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1);
  --bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1);
  --bulma-success-90-invert-l: var(--bulma-success-15-l);
  --bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1);
  --bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1);
  --bulma-success-95-invert-l: var(--bulma-success-20-l);
  --bulma-success-95-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l), 1);
  --bulma-success-100: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l), 1);
  --bulma-success-100-invert-l: var(--bulma-success-20-l);
  --bulma-success-100-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l), 1);
  --bulma-success-invert-l: var(--bulma-success-10-l);
  --bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1);
  --bulma-success-light-l: var(--bulma-success-90-l);
  --bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1);
  --bulma-success-light-invert-l: var(--bulma-success-15-l);
  --bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1);
  --bulma-success-dark-l: var(--bulma-success-10-l);
  --bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1);
  --bulma-success-dark-invert-l: var(--bulma-success-55-l);
  --bulma-success-dark-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l), 1);
  --bulma-success-soft: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l), 1);
  --bulma-success-bold: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l), 1);
  --bulma-success-soft-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l), 1);
  --bulma-success-bold-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l), 1);
  --bulma-success-on-scheme-l: 23%;
  --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
  --bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
  --bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
  --bulma-warning-rgb: 255, 183.09, 15.3;
  --bulma-warning-h: 42deg;
  --bulma-warning-s: 100%;
  --bulma-warning-l: 53%;
  --bulma-warning-00-l: 0%;
  --bulma-warning-05-l: 3%;
  --bulma-warning-10-l: 8%;
  --bulma-warning-15-l: 13%;
  --bulma-warning-20-l: 18%;
  --bulma-warning-25-l: 23%;
  --bulma-warning-30-l: 28%;
  --bulma-warning-35-l: 33%;
  --bulma-warning-40-l: 38%;
  --bulma-warning-45-l: 43%;
  --bulma-warning-50-l: 48%;
  --bulma-warning-55-l: 53%;
  --bulma-warning-60-l: 58%;
  --bulma-warning-65-l: 63%;
  --bulma-warning-70-l: 68%;
  --bulma-warning-75-l: 73%;
  --bulma-warning-80-l: 78%;
  --bulma-warning-85-l: 83%;
  --bulma-warning-90-l: 88%;
  --bulma-warning-95-l: 93%;
  --bulma-warning-100-l: 98%;
  --bulma-warning-00: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l), 1);
  --bulma-warning-00-invert-l: var(--bulma-warning-40-l);
  --bulma-warning-00-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l), 1);
  --bulma-warning-05: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l), 1);
  --bulma-warning-05-invert-l: var(--bulma-warning-45-l);
  --bulma-warning-05-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l), 1);
  --bulma-warning-10: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l), 1);
  --bulma-warning-10-invert-l: var(--bulma-warning-50-l);
  --bulma-warning-10-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l), 1);
  --bulma-warning-15: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l), 1);
  --bulma-warning-15-invert-l: var(--bulma-warning-70-l);
  --bulma-warning-15-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l), 1);
  --bulma-warning-20: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l), 1);
  --bulma-warning-20-invert-l: var(--bulma-warning-100-l);
  --bulma-warning-20-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l), 1);
  --bulma-warning-25: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l), 1);
  --bulma-warning-25-invert-l: var(--bulma-warning-100-l);
  --bulma-warning-25-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l), 1);
  --bulma-warning-30: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l), 1);
  --bulma-warning-30-invert-l: var(--bulma-warning-100-l);
  --bulma-warning-30-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l), 1);
  --bulma-warning-35: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l), 1);
  --bulma-warning-35-invert-l: var(--bulma-warning-100-l);
  --bulma-warning-35-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l), 1);
  --bulma-warning-40: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l), 1);
  --bulma-warning-40-invert-l: var(--bulma-warning-00-l);
  --bulma-warning-40-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l), 1);
  --bulma-warning-45: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l), 1);
  --bulma-warning-45-invert-l: var(--bulma-warning-05-l);
  --bulma-warning-45-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l), 1);
  --bulma-warning-50: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l), 1);
  --bulma-warning-50-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-50-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l), 1);
  --bulma-warning-55: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l), 1);
  --bulma-warning-55-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-55-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l), 1);
  --bulma-warning-60: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l), 1);
  --bulma-warning-60-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-60-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l), 1);
  --bulma-warning-65: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l), 1);
  --bulma-warning-65-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-65-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l), 1);
  --bulma-warning-70: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l), 1);
  --bulma-warning-70-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-70-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l), 1);
  --bulma-warning-75: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l), 1);
  --bulma-warning-75-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-75-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l), 1);
  --bulma-warning-80: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l), 1);
  --bulma-warning-80-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-80-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l), 1);
  --bulma-warning-85: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l), 1);
  --bulma-warning-85-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-85-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l), 1);
  --bulma-warning-90: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l), 1);
  --bulma-warning-90-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-90-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l), 1);
  --bulma-warning-95: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l), 1);
  --bulma-warning-95-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-95-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l), 1);
  --bulma-warning-100: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l), 1);
  --bulma-warning-100-invert-l: var(--bulma-warning-20-l);
  --bulma-warning-100-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l), 1);
  --bulma-warning-invert-l: var(--bulma-warning-10-l);
  --bulma-warning-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l), 1);
  --bulma-warning-light-l: var(--bulma-warning-90-l);
  --bulma-warning-light: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l), 1);
  --bulma-warning-light-invert-l: var(--bulma-warning-15-l);
  --bulma-warning-light-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l), 1);
  --bulma-warning-dark-l: var(--bulma-warning-10-l);
  --bulma-warning-dark: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l), 1);
  --bulma-warning-dark-invert-l: var(--bulma-warning-50-l);
  --bulma-warning-dark-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l), 1);
  --bulma-warning-soft: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l), 1);
  --bulma-warning-bold: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l), 1);
  --bulma-warning-soft-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l), 1);
  --bulma-warning-bold-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l), 1);
  --bulma-warning-on-scheme-l: 23%;
  --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
  --bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
  --bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
  --bulma-danger-rgb: 255, 102, 132.6;
  --bulma-danger-h: 348deg;
  --bulma-danger-s: 100%;
  --bulma-danger-l: 70%;
  --bulma-danger-00-l: 0%;
  --bulma-danger-05-l: 5%;
  --bulma-danger-10-l: 10%;
  --bulma-danger-15-l: 15%;
  --bulma-danger-20-l: 20%;
  --bulma-danger-25-l: 25%;
  --bulma-danger-30-l: 30%;
  --bulma-danger-35-l: 35%;
  --bulma-danger-40-l: 40%;
  --bulma-danger-45-l: 45%;
  --bulma-danger-50-l: 50%;
  --bulma-danger-55-l: 55%;
  --bulma-danger-60-l: 60%;
  --bulma-danger-65-l: 65%;
  --bulma-danger-70-l: 70%;
  --bulma-danger-75-l: 75%;
  --bulma-danger-80-l: 80%;
  --bulma-danger-85-l: 85%;
  --bulma-danger-90-l: 90%;
  --bulma-danger-95-l: 95%;
  --bulma-danger-100-l: 100%;
  --bulma-danger-00: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l), 1);
  --bulma-danger-00-invert-l: var(--bulma-danger-65-l);
  --bulma-danger-00-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l), 1);
  --bulma-danger-05: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l), 1);
  --bulma-danger-05-invert-l: var(--bulma-danger-70-l);
  --bulma-danger-05-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l), 1);
  --bulma-danger-10: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l), 1);
  --bulma-danger-10-invert-l: var(--bulma-danger-75-l);
  --bulma-danger-10-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l), 1);
  --bulma-danger-15: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l), 1);
  --bulma-danger-15-invert-l: var(--bulma-danger-80-l);
  --bulma-danger-15-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l), 1);
  --bulma-danger-20: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l), 1);
  --bulma-danger-20-invert-l: var(--bulma-danger-85-l);
  --bulma-danger-20-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l), 1);
  --bulma-danger-25: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l), 1);
  --bulma-danger-25-invert-l: var(--bulma-danger-90-l);
  --bulma-danger-25-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l), 1);
  --bulma-danger-30: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l), 1);
  --bulma-danger-30-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-30-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l), 1);
  --bulma-danger-35: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l), 1);
  --bulma-danger-35-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-35-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l), 1);
  --bulma-danger-40: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l), 1);
  --bulma-danger-40-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-40-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l), 1);
  --bulma-danger-45: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l), 1);
  --bulma-danger-45-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-45-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l), 1);
  --bulma-danger-50: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l), 1);
  --bulma-danger-50-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-50-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l), 1);
  --bulma-danger-55: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l), 1);
  --bulma-danger-55-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-55-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l), 1);
  --bulma-danger-60: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l), 1);
  --bulma-danger-60-invert-l: var(--bulma-danger-100-l);
  --bulma-danger-60-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l), 1);
  --bulma-danger-65: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l), 1);
  --bulma-danger-65-invert-l: var(--bulma-danger-00-l);
  --bulma-danger-65-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l), 1);
  --bulma-danger-70: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l), 1);
  --bulma-danger-70-invert-l: var(--bulma-danger-05-l);
  --bulma-danger-70-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l), 1);
  --bulma-danger-75: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l), 1);
  --bulma-danger-75-invert-l: var(--bulma-danger-10-l);
  --bulma-danger-75-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l), 1);
  --bulma-danger-80: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l), 1);
  --bulma-danger-80-invert-l: var(--bulma-danger-15-l);
  --bulma-danger-80-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l), 1);
  --bulma-danger-85: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l), 1);
  --bulma-danger-85-invert-l: var(--bulma-danger-20-l);
  --bulma-danger-85-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l), 1);
  --bulma-danger-90: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l), 1);
  --bulma-danger-90-invert-l: var(--bulma-danger-25-l);
  --bulma-danger-90-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l), 1);
  --bulma-danger-95: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l), 1);
  --bulma-danger-95-invert-l: var(--bulma-danger-25-l);
  --bulma-danger-95-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l), 1);
  --bulma-danger-100: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l), 1);
  --bulma-danger-100-invert-l: var(--bulma-danger-30-l);
  --bulma-danger-100-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l), 1);
  --bulma-danger-invert-l: var(--bulma-danger-05-l);
  --bulma-danger-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l), 1);
  --bulma-danger-light-l: var(--bulma-danger-90-l);
  --bulma-danger-light: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l), 1);
  --bulma-danger-light-invert-l: var(--bulma-danger-25-l);
  --bulma-danger-light-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l), 1);
  --bulma-danger-dark-l: var(--bulma-danger-10-l);
  --bulma-danger-dark: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l), 1);
  --bulma-danger-dark-invert-l: var(--bulma-danger-75-l);
  --bulma-danger-dark-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l), 1);
  --bulma-danger-soft: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l), 1);
  --bulma-danger-bold: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l), 1);
  --bulma-danger-soft-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l), 1);
  --bulma-danger-bold-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l), 1);
  --bulma-danger-on-scheme-l: 40%;
  --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1);
  --bulma-black-bis: hsl(221, 14%, 9%);
  --bulma-black-ter: hsl(221, 14%, 14%);
  --bulma-grey-darker: hsl(221, 14%, 21%);
  --bulma-grey-dark: hsl(221, 14%, 29%);
  --bulma-grey: hsl(221, 14%, 48%);
  --bulma-grey-light: hsl(221, 14%, 71%);
  --bulma-grey-lighter: hsl(221, 14%, 86%);
  --bulma-white-ter: hsl(221, 14%, 96%);
  --bulma-white-bis: hsl(221, 14%, 98%);
  --bulma-shadow-h: 221deg;
  --bulma-shadow-s: 14%;
  --bulma-shadow-l: 4%;
  --bulma-size-1: 2.25rem;
  --bulma-size-2: 1.75rem;
  --bulma-size-3: 1.5rem;
  --bulma-size-4: 1.125rem;
  --bulma-size-5: 1rem;
  --bulma-size-6: 0.875rem;
  --bulma-size-7: 0.75rem;
  --bulma-scheme-main: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l));
  --bulma-scheme-main-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l));
  --bulma-scheme-main-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l));
  --bulma-background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l));
  --bulma-background-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta)));
  --bulma-background-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta)));
  --bulma-border-weak: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l));
  --bulma-border: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l));
  --bulma-border-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta)));
  --bulma-border-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta)));
  --bulma-text-weak: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l));
  --bulma-text: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l));
  --bulma-text-strong: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l));
  --bulma-scheme-invert-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-ter-l));
  --bulma-scheme-invert-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-bis-l));
  --bulma-scheme-invert: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l));
  --bulma-link: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l));
  --bulma-link-text: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l));
  --bulma-link-text-hover: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta)));
  --bulma-link-text-active: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta)));
  --bulma-focus-h: var(--bulma-link-h);
  --bulma-focus-s: var(--bulma-link-s);
  --bulma-focus-l: var(--bulma-link-l);
  --bulma-focus-offset: 1px;
  --bulma-focus-style: solid;
  --bulma-focus-width: 2px;
  --bulma-focus-shadow-size: 0 0 0 0.1875em;
  --bulma-focus-shadow-alpha: 0.25;
  --bulma-code: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l));
  --bulma-code-background: var(--bulma-background);
  --bulma-pre: var(--bulma-text);
  --bulma-pre-background: var(--bulma-background);
  --bulma-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.1), 0 0px 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.02);
}

[data-theme=dark],
.theme-dark {
  --bulma-white-on-scheme-l: 100%;
  --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
  --bulma-black-on-scheme-l: -51%;
  --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
  --bulma-light-on-scheme-l: 96%;
  --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
  --bulma-dark-on-scheme-l: 56%;
  --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
  --bulma-text-on-scheme-l: 54%;
  --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
  --bulma-primary-on-scheme-l: 41%;
  --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
  --bulma-link-on-scheme-l: 73%;
  --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
  --bulma-info-on-scheme-l: 70%;
  --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
  --bulma-success-on-scheme-l: 53%;
  --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
  --bulma-warning-on-scheme-l: 53%;
  --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
  --bulma-danger-on-scheme-l: 70%;
  --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1);
  --bulma-scheme-brightness: dark;
  --bulma-scheme-main-l: 9%;
  --bulma-scheme-main-bis-l: 11%;
  --bulma-scheme-main-ter-l: 13%;
  --bulma-soft-l: 20%;
  --bulma-bold-l: 90%;
  --bulma-soft-invert-l: 90%;
  --bulma-bold-invert-l: 20%;
  --bulma-background-l: 14%;
  --bulma-border-weak-l: 21%;
  --bulma-border-l: 24%;
  --bulma-text-weak-l: 53%;
  --bulma-text-l: 71%;
  --bulma-text-strong-l: 93%;
  --bulma-text-title-l: 100%;
  --bulma-hover-background-l-delta: 5%;
  --bulma-active-background-l-delta: 10%;
  --bulma-hover-border-l-delta: 10%;
  --bulma-active-border-l-delta: 20%;
  --bulma-hover-color-l-delta: 5%;
  --bulma-active-color-l-delta: 10%;
  --bulma-shadow-h: 0deg;
  --bulma-shadow-s: 0%;
  --bulma-shadow-l: 100%;
  --bulma-scheme-main: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l));
  --bulma-scheme-main-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l));
  --bulma-scheme-main-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l));
  --bulma-background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l));
  --bulma-background-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta)));
  --bulma-background-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta)));
  --bulma-border-weak: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l));
  --bulma-border: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l));
  --bulma-border-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta)));
  --bulma-border-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta)));
  --bulma-text-weak: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l));
  --bulma-text: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l));
  --bulma-text-strong: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l));
  --bulma-scheme-invert-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-ter-l));
  --bulma-scheme-invert-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-bis-l));
  --bulma-scheme-invert: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l));
  --bulma-link: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l));
  --bulma-link-text: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l));
  --bulma-link-text-hover: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta)));
  --bulma-link-text-active: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta)));
  --bulma-focus-h: var(--bulma-link-h);
  --bulma-focus-s: var(--bulma-link-s);
  --bulma-focus-l: var(--bulma-link-l);
  --bulma-focus-offset: 1px;
  --bulma-focus-style: solid;
  --bulma-focus-width: 2px;
  --bulma-focus-shadow-size: 0 0 0 0.1875em;
  --bulma-focus-shadow-alpha: 0.25;
  --bulma-code: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l));
  --bulma-code-background: var(--bulma-background);
  --bulma-pre: var(--bulma-text);
  --bulma-pre-background: var(--bulma-background);
  --bulma-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.1), 0 0px 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.02);
}

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

:root {
  --bulma-body-background-color: var(--bulma-scheme-main);
  --bulma-body-size: 1em;
  --bulma-body-min-width: 300px;
  --bulma-body-rendering: optimizeLegibility;
  --bulma-body-family: var(--bulma-family-primary);
  --bulma-body-overflow-x: hidden;
  --bulma-body-overflow-y: scroll;
  --bulma-body-color: var(--bulma-text);
  --bulma-body-font-size: 0.875rem;
  --bulma-body-weight: var(--bulma-weight-normal);
  --bulma-body-line-height: 1.5;
  --bulma-code-family: var(--bulma-family-code);
  --bulma-code-padding: 0.25em 0.5em 0.25em;
  --bulma-code-weight: normal;
  --bulma-code-size: 0.875em;
  --bulma-small-font-size: 0.875em;
  --bulma-hr-background-color: var(--bulma-background);
  --bulma-hr-height: 2px;
  --bulma-hr-margin: 1.5rem 0;
  --bulma-strong-color: var(--bulma-text-strong);
  --bulma-strong-weight: var(--bulma-weight-semibold);
  --bulma-pre-font-size: 0.875em;
  --bulma-pre-padding: 1.25rem 1.5rem;
  --bulma-pre-code-font-size: 1em;
}

html {
  background-color: var(--bulma-body-background-color);
  font-size: var(--bulma-body-size);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: var(--bulma-body-min-width);
  overflow-x: var(--bulma-body-overflow-x);
  overflow-y: var(--bulma-body-overflow-y);
  text-rendering: var(--bulma-body-rendering);
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: var(--bulma-body-family);
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: var(--bulma-code-family);
}

body {
  color: var(--bulma-body-color);
  font-size: var(--bulma-body-font-size);
  font-weight: var(--bulma-body-weight);
  line-height: var(--bulma-body-line-height);
}

a,
button {
  cursor: pointer;
}
a:focus-visible,
button:focus-visible {
  outline-color: hsl(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l));
  outline-offset: var(--bulma-focus-offset);
  outline-style: var(--bulma-focus-style);
  outline-width: var(--bulma-focus-width);
}
a:focus-visible:active,
button:focus-visible:active {
  outline-width: 1px;
}
a:active,
button:active {
  outline-width: 1px;
}

a {
  color: var(--bulma-link-text);
  cursor: pointer;
  text-decoration: none;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, color;
}
a strong {
  color: currentColor;
}

button {
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, color;
}

code {
  background-color: var(--bulma-code-background);
  border-radius: 0.5em;
  color: var(--bulma-code);
  font-size: var(--bulma-code-size);
  font-weight: var(--bulma-code-weight);
  padding: var(--bulma-code-padding);
}

hr {
  background-color: var(--bulma-hr-background-color);
  border: none;
  display: block;
  height: var(--bulma-hr-height);
  margin: var(--bulma-hr-margin);
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: var(--bulma-small-font-size);
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: var(--bulma-strong-color);
  font-weight: var(--bulma-strong-weight);
}

svg {
  height: auto;
  width: auto;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: var(--bulma-pre-background);
  color: var(--bulma-pre);
  font-size: var(--bulma-pre-font-size);
  overflow-x: auto;
  padding: var(--bulma-pre-padding);
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: var(--bulma-pre-code-font-size);
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: var(--bulma-text-strong);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes pulsate {
  50% {
    opacity: 0.5;
  }
}
/* Bulma Elements */
.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 0.125em solid var(--bulma-arrow-color);
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  transition-duration: var(--bulma-duration);
  transition-property: border-color;
  width: 0.625em;
}

.skeleton-block:not(:last-child), .media:not(:last-child), .level:not(:last-child), .fixed-grid:not(:last-child), .grid:not(:last-child), .tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .card:not(:last-child), .breadcrumb:not(:last-child), .field:not(:last-child), .file:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .tags:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .buttons:not(:last-child), .box:not(:last-child), .block:not(:last-child) {
  margin-bottom: var(--bulma-block-spacing);
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .file-cta,
.file-name, .select select, .input, .textarea, .button {
  align-items: center;
  appearance: none;
  border-color: transparent;
  border-style: solid;
  border-width: var(--bulma-control-border-width);
  border-radius: var(--bulma-control-radius);
  box-shadow: none;
  display: inline-flex;
  font-size: var(--bulma-control-size);
  height: var(--bulma-control-height);
  justify-content: flex-start;
  line-height: var(--bulma-control-line-height);
  padding-bottom: var(--bulma-control-padding-vertical);
  padding-left: var(--bulma-control-padding-horizontal);
  padding-right: var(--bulma-control-padding-horizontal);
  padding-top: var(--bulma-control-padding-vertical);
  position: relative;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, box-shadow, color;
  vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .file-cta:focus,
.file-name:focus, .select select:focus, .input:focus, .textarea:focus, .button:focus, .pagination-previous:focus-visible,
.pagination-next:focus-visible,
.pagination-link:focus-visible,
.pagination-ellipsis:focus-visible, .file-cta:focus-visible,
.file-name:focus-visible, .select select:focus-visible, .input:focus-visible, .textarea:focus-visible, .button:focus-visible, .pagination-previous:focus-within,
.pagination-next:focus-within,
.pagination-link:focus-within,
.pagination-ellipsis:focus-within, .file-cta:focus-within,
.file-name:focus-within, .select select:focus-within, .input:focus-within, .textarea:focus-within, .button:focus-within, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.input, .is-focused.textarea, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .file-cta:active,
.file-name:active, .select select:active, .input:active, .textarea:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.input, .is-active.textarea, .is-active.button {
  outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, [disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].input, [disabled].textarea, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .button {
  cursor: not-allowed;
}

.modal-close {
  --bulma-delete-dimensions: 1.25rem;
  --bulma-delete-background-l: 0%;
  --bulma-delete-background-alpha: 0.5;
  --bulma-delete-color: var(--bulma-white);
  appearance: none;
  background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-delete-background-l), var(--bulma-delete-background-alpha));
  border: none;
  border-radius: var(--bulma-radius-rounded);
  cursor: pointer;
  pointer-events: auto;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1em;
  height: var(--bulma-delete-dimensions);
  max-height: var(--bulma-delete-dimensions);
  max-width: var(--bulma-delete-dimensions);
  min-height: var(--bulma-delete-dimensions);
  min-width: var(--bulma-delete-dimensions);
  outline: none;
  position: relative;
  vertical-align: top;
  width: var(--bulma-delete-dimensions);
}
.modal-close::before, .modal-close::after {
  background-color: var(--bulma-delete-color);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.modal-close::before {
  height: 2px;
  width: 50%;
}
.modal-close::after {
  height: 50%;
  width: 2px;
}
.modal-close:hover, .modal-close:focus {
  --bulma-delete-background-alpha: 0.4;
}
.modal-close:active {
  --bulma-delete-background-alpha: 0.5;
}
.is-small.modal-close {
  --bulma-delete-dimensions: 1rem;
}
.is-medium.modal-close {
  --bulma-delete-dimensions: 1.5rem;
}
.is-large.modal-close {
  --bulma-delete-dimensions: 2rem;
}

.control.is-loading::after, .select.is-loading::after, .button.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--bulma-loading-color);
  border-radius: var(--bulma-radius-rounded);
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.is-overlay, .hero-video, .modal, .modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-burger, .menu-list a,
.menu-list button,
.menu-list .menu-item {
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.is-unselectable, .tabs, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .breadcrumb, .file, .button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.box {
  --bulma-box-background-color: var(--bulma-scheme-main);
  --bulma-box-color: var(--bulma-text);
  --bulma-box-radius: var(--bulma-radius-large);
  --bulma-box-shadow: var(--bulma-shadow);
  --bulma-box-padding: 1.25rem;
  --bulma-box-link-hover-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1), 0 0 0 1px var(--bulma-link);
  --bulma-box-link-active-shadow: inset 0 1px 2px hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.2), 0 0 0 1px var(--bulma-link);
}

.box {
  background-color: var(--bulma-box-background-color);
  border-radius: var(--bulma-box-radius);
  box-shadow: var(--bulma-box-shadow);
  color: var(--bulma-box-color);
  display: block;
  padding: var(--bulma-box-padding);
}

a.box:hover, a.box:focus {
  box-shadow: var(--bulma-box-link-hover-shadow);
}
a.box:active {
  box-shadow: var(--bulma-box-link-active-shadow);
}

.button {
  --bulma-button-family: false;
  --bulma-button-weight: var(--bulma-weight-medium);
  --bulma-button-border-color: var(--bulma-border);
  --bulma-button-border-style: solid;
  --bulma-button-border-width: var(--bulma-control-border-width);
  --bulma-button-padding-vertical: 0.5em;
  --bulma-button-padding-horizontal: 1em;
  --bulma-button-focus-border-color: var(--bulma-link-focus-border);
  --bulma-button-focus-box-shadow-size: 0 0 0 0.125em;
  --bulma-button-focus-box-shadow-color: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 0.25);
  --bulma-button-active-color: var(--bulma-link-active);
  --bulma-button-active-border-color: var(--bulma-link-active-border);
  --bulma-button-text-color: var(--bulma-text);
  --bulma-button-text-decoration: underline;
  --bulma-button-text-hover-background-color: var(--bulma-background);
  --bulma-button-text-hover-color: var(--bulma-text-strong);
  --bulma-button-ghost-background: none;
  --bulma-button-ghost-border-color: transparent;
  --bulma-button-ghost-color: var(--bulma-link-text);
  --bulma-button-ghost-decoration: none;
  --bulma-button-ghost-hover-color: var(--bulma-link);
  --bulma-button-ghost-hover-decoration: underline;
  --bulma-button-disabled-background-color: var(--bulma-scheme-main);
  --bulma-button-disabled-border-color: var(--bulma-border);
  --bulma-button-disabled-shadow: none;
  --bulma-button-disabled-opacity: 0.5;
  --bulma-button-static-color: var(--bulma-text-weak);
  --bulma-button-static-background-color: var(--bulma-scheme-main-ter);
  --bulma-button-static-border-color: var(--bulma-border);
}

.button {
  --bulma-button-h: var(--bulma-scheme-h);
  --bulma-button-s: var(--bulma-scheme-s);
  --bulma-button-l: var(--bulma-scheme-main-l);
  --bulma-button-background-l: var(--bulma-scheme-main-l);
  --bulma-button-background-l-delta: 0%;
  --bulma-button-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-button-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-button-color-l: var(--bulma-text-strong-l);
  --bulma-button-border-l: var(--bulma-border-l);
  --bulma-button-border-l-delta: 0%;
  --bulma-button-hover-border-l-delta: var(--bulma-hover-border-l-delta);
  --bulma-button-active-border-l-delta: var(--bulma-active-border-l-delta);
  --bulma-button-focus-border-l-delta: var(--bulma-focus-border-l-delta);
  --bulma-button-outer-shadow-h: 0;
  --bulma-button-outer-shadow-s: 0%;
  --bulma-button-outer-shadow-l: 20%;
  --bulma-button-outer-shadow-a: 0.05;
  --bulma-loading-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l));
  background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-background-l) + var(--bulma-button-background-l-delta)));
  border-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-border-l) + var(--bulma-button-border-l-delta)));
  border-style: var(--bulma-button-border-style);
  border-width: var(--bulma-button-border-width);
  box-shadow: 0px 0.0625em 0.125em hsla(var(--bulma-button-outer-shadow-h), var(--bulma-button-outer-shadow-s), var(--bulma-button-outer-shadow-l), var(--bulma-button-outer-shadow-a)), 0px 0.125em 0.25em hsla(var(--bulma-button-outer-shadow-h), var(--bulma-button-outer-shadow-s), var(--bulma-button-outer-shadow-l), var(--bulma-button-outer-shadow-a));
  color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l));
  cursor: pointer;
  font-weight: var(--bulma-button-weight);
  height: auto;
  justify-content: center;
  padding-bottom: calc(var(--bulma-button-padding-vertical) - var(--bulma-button-border-width));
  padding-left: calc(var(--bulma-button-padding-horizontal) - var(--bulma-button-border-width));
  padding-right: calc(var(--bulma-button-padding-horizontal) - var(--bulma-button-border-width));
  padding-top: calc(var(--bulma-button-padding-vertical) - var(--bulma-button-border-width));
  text-align: center;
  white-space: nowrap;
}
.button strong {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-inline-start: calc(-0.5 * var(--bulma-button-padding-horizontal));
  margin-inline-end: calc(var(--bulma-button-padding-horizontal) * 0.25);
}
.button .icon:last-child:not(:first-child) {
  margin-inline-start: calc(var(--bulma-button-padding-horizontal) * 0.25);
  margin-inline-end: calc(-0.5 * var(--bulma-button-padding-horizontal));
}
.button .icon:first-child:last-child {
  margin-inline-start: calc(-0.5 * var(--bulma-button-padding-horizontal));
  margin-inline-end: calc(-0.5 * var(--bulma-button-padding-horizontal));
}
.button:hover, .button.is-hovered {
  --bulma-button-background-l-delta: var(--bulma-button-hover-background-l-delta);
  --bulma-button-border-l-delta: var(--bulma-button-hover-border-l-delta);
}
.button:focus-visible, .button.is-focused {
  --bulma-button-border-width: 1px;
  border-color: hsl(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l));
  box-shadow: var(--bulma-focus-shadow-size) hsla(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l), var(--bulma-focus-shadow-alpha));
}
.button:active, .button.is-active {
  --bulma-button-background-l-delta: var(--bulma-button-active-background-l-delta);
  --bulma-button-border-l-delta: var(--bulma-button-active-border-l-delta);
  --bulma-button-outer-shadow-a: 0;
}
.button[disabled], fieldset[disabled] .button {
  background-color: var(--bulma-button-disabled-background-color);
  border-color: var(--bulma-button-disabled-border-color);
  box-shadow: var(--bulma-button-disabled-shadow);
  opacity: var(--bulma-button-disabled-opacity);
}
.button.is-white {
  --bulma-button-h: var(--bulma-white-h);
  --bulma-button-s: var(--bulma-white-s);
  --bulma-button-l: var(--bulma-white-l);
  --bulma-button-background-l: var(--bulma-white-l);
  --bulma-button-border-l: var(--bulma-white-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-white-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-white:focus-visible, .button.is-white.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-white.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-white.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  background-color: var(--bulma-white);
  border-color: var(--bulma-white);
  box-shadow: none;
}
.button.is-black {
  --bulma-button-h: var(--bulma-black-h);
  --bulma-button-s: var(--bulma-black-s);
  --bulma-button-l: var(--bulma-black-l);
  --bulma-button-background-l: var(--bulma-black-l);
  --bulma-button-border-l: var(--bulma-black-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-black-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-black:focus-visible, .button.is-black.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-black.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-black.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  background-color: var(--bulma-black);
  border-color: var(--bulma-black);
  box-shadow: none;
}
.button.is-light {
  --bulma-button-h: var(--bulma-light-h);
  --bulma-button-s: var(--bulma-light-s);
  --bulma-button-l: var(--bulma-light-l);
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-border-l: var(--bulma-light-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-light-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-light:focus-visible, .button.is-light.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-light.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-light.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  background-color: var(--bulma-light);
  border-color: var(--bulma-light);
  box-shadow: none;
}
.button.is-dark {
  --bulma-button-h: var(--bulma-dark-h);
  --bulma-button-s: var(--bulma-dark-s);
  --bulma-button-l: var(--bulma-dark-l);
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-border-l: var(--bulma-dark-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-dark-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-dark:focus-visible, .button.is-dark.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-dark.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-dark.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  background-color: var(--bulma-dark);
  border-color: var(--bulma-dark);
  box-shadow: none;
}
.button.is-text {
  --bulma-button-h: var(--bulma-text-h);
  --bulma-button-s: var(--bulma-text-s);
  --bulma-button-l: var(--bulma-text-l);
  --bulma-button-background-l: var(--bulma-text-l);
  --bulma-button-border-l: var(--bulma-text-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-text-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-text:focus-visible, .button.is-text.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-text.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-text-light-invert-l);
}
.button.is-text.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-text-dark-invert-l);
}
.button.is-text.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-text.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: var(--bulma-text);
  border-color: var(--bulma-text);
  box-shadow: none;
}
.button.is-primary {
  --bulma-button-h: var(--bulma-primary-h);
  --bulma-button-s: var(--bulma-primary-s);
  --bulma-button-l: var(--bulma-primary-l);
  --bulma-button-background-l: var(--bulma-primary-l);
  --bulma-button-border-l: var(--bulma-primary-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-primary-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-primary:focus-visible, .button.is-primary.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-primary.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-primary-light-invert-l);
}
.button.is-primary.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-primary-dark-invert-l);
}
.button.is-primary.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-primary.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  background-color: var(--bulma-primary);
  border-color: var(--bulma-primary);
  box-shadow: none;
}
.button.is-link {
  --bulma-button-h: var(--bulma-link-h);
  --bulma-button-s: var(--bulma-link-s);
  --bulma-button-l: var(--bulma-link-l);
  --bulma-button-background-l: var(--bulma-link-l);
  --bulma-button-border-l: var(--bulma-link-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-link-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-link:focus-visible, .button.is-link.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-link.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-link-light-invert-l);
}
.button.is-link.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-link-dark-invert-l);
}
.button.is-link.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-link.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  background-color: var(--bulma-link);
  border-color: var(--bulma-link);
  box-shadow: none;
}
.button.is-info {
  --bulma-button-h: var(--bulma-info-h);
  --bulma-button-s: var(--bulma-info-s);
  --bulma-button-l: var(--bulma-info-l);
  --bulma-button-background-l: var(--bulma-info-l);
  --bulma-button-border-l: var(--bulma-info-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-info-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-info:focus-visible, .button.is-info.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-info.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-info-light-invert-l);
}
.button.is-info.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-info-dark-invert-l);
}
.button.is-info.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-info.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  background-color: var(--bulma-info);
  border-color: var(--bulma-info);
  box-shadow: none;
}
.button.is-success {
  --bulma-button-h: var(--bulma-success-h);
  --bulma-button-s: var(--bulma-success-s);
  --bulma-button-l: var(--bulma-success-l);
  --bulma-button-background-l: var(--bulma-success-l);
  --bulma-button-border-l: var(--bulma-success-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-success-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-success:focus-visible, .button.is-success.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-success.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-success-light-invert-l);
}
.button.is-success.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-success-dark-invert-l);
}
.button.is-success.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-success.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  background-color: var(--bulma-success);
  border-color: var(--bulma-success);
  box-shadow: none;
}
.button.is-warning {
  --bulma-button-h: var(--bulma-warning-h);
  --bulma-button-s: var(--bulma-warning-s);
  --bulma-button-l: var(--bulma-warning-l);
  --bulma-button-background-l: var(--bulma-warning-l);
  --bulma-button-border-l: var(--bulma-warning-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-warning-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-warning:focus-visible, .button.is-warning.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-warning.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-warning-light-invert-l);
}
.button.is-warning.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-warning-dark-invert-l);
}
.button.is-warning.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-warning.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  background-color: var(--bulma-warning);
  border-color: var(--bulma-warning);
  box-shadow: none;
}
.button.is-danger {
  --bulma-button-h: var(--bulma-danger-h);
  --bulma-button-s: var(--bulma-danger-s);
  --bulma-button-l: var(--bulma-danger-l);
  --bulma-button-background-l: var(--bulma-danger-l);
  --bulma-button-border-l: var(--bulma-danger-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-danger-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-danger:focus-visible, .button.is-danger.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-danger.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-danger-light-invert-l);
}
.button.is-danger.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-danger-dark-invert-l);
}
.button.is-danger.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-danger.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  background-color: var(--bulma-danger);
  border-color: var(--bulma-danger);
  box-shadow: none;
}
.button.is-outlined {
  --bulma-button-border-width: max(1px, 0.0625em);
  --bulma-loading-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
  background-color: transparent;
  border-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
  color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
}
.button.is-outlined:hover {
  --bulma-button-border-width: max(2px, 0.125em);
  --bulma-button-outer-shadow-alpha: 1;
}
.button.is-outlined[disabled], fieldset[disabled] .button.is-outlined {
  background-color: transparent;
  box-shadow: none;
}
.button.is-inverted {
  background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta)));
  color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-background-l));
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: var(--bulma-button-text-color);
  text-decoration: var(--bulma-button-text-decoration);
}
.button.is-text:hover, .button.is-text.is-hovered {
  background-color: var(--bulma-button-text-hover-background-color);
  color: var(--bulma-button-text-hover-color);
}
.button.is-text:active, .button.is-text.is-active {
  color: var(--bulma-button-text-hover-color);
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-ghost {
  background: var(--bulma-button-ghost-background);
  border-color: var(--bulma-button-ghost-border-color);
  box-shadow: none;
  color: var(--bulma-button-ghost-color);
  text-decoration: var(--bulma-button-ghost-decoration);
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: var(--bulma-button-ghost-hover-color);
  text-decoration: var(--bulma-button-ghost-hover-decoration);
}
.button.is-small {
  --bulma-control-size: var(--bulma-size-small);
  --bulma-control-radius: var(--bulma-radius-small);
}
.button.is-normal {
  --bulma-control-size: var(--bulma-size-normal);
  --bulma-control-radius: var(--bulma-radius);
}
.button.is-medium {
  --bulma-control-size: var(--bulma-size-medium);
  --bulma-control-radius: var(--bulma-radius-medium);
}
.button.is-large {
  --bulma-control-size: var(--bulma-size-large);
  --bulma-control-radius: var(--bulma-radius-medium);
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  box-shadow: none;
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  position: absolute;
  left: calc(50% - 1em * 0.5);
  top: calc(50% - 1em * 0.5);
  position: absolute !important;
}
.button.is-static {
  background-color: var(--bulma-button-static-background-color);
  border-color: var(--bulma-button-static-border-color);
  color: var(--bulma-button-static-color);
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: var(--bulma-radius-rounded);
  padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
  padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-start;
}
.buttons.are-small {
  --bulma-control-size: var(--bulma-size-small);
  --bulma-control-radius: var(--bulma-radius-small);
}
.buttons.are-medium {
  --bulma-control-size: var(--bulma-size-medium);
  --bulma-control-radius: var(--bulma-radius-medium);
}
.buttons.are-large {
  --bulma-control-size: var(--bulma-size-large);
  --bulma-control-radius: var(--bulma-radius-large);
}
.buttons.has-addons {
  gap: 0;
}
.buttons.has-addons .button:not(:first-child) {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  margin-inline-end: -1px;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-right {
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .button.is-responsive.is-small {
    font-size: calc(var(--bulma-size-small) * 0.75);
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: calc(var(--bulma-size-small) * 0.875);
  }
  .button.is-responsive.is-medium {
    font-size: var(--bulma-size-small);
  }
  .button.is-responsive.is-large {
    font-size: var(--bulma-size-normal);
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .button.is-responsive.is-small {
    font-size: calc(var(--bulma-size-small) * 0.875);
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: var(--bulma-size-small);
  }
  .button.is-responsive.is-medium {
    font-size: var(--bulma-size-normal);
  }
  .button.is-responsive.is-large {
    font-size: var(--bulma-size-medium);
  }
}
.content {
  --bulma-content-heading-color: var(--bulma-text-strong);
  --bulma-content-heading-weight: var(--bulma-weight-extrabold);
  --bulma-content-heading-line-height: 1.125;
  --bulma-content-block-margin-bottom: 1em;
  --bulma-content-blockquote-background-color: var(--bulma-background);
  --bulma-content-blockquote-border-left: 5px solid var(--bulma-border);
  --bulma-content-blockquote-padding: 1.25em 1.5em;
  --bulma-content-pre-padding: 1.25em 1.5em;
  --bulma-content-table-cell-border: 1px solid var(--bulma-border);
  --bulma-content-table-cell-border-width: 0 0 1px;
  --bulma-content-table-cell-padding: 0.5em 0.75em;
  --bulma-content-table-cell-heading-color: var(--bulma-text-strong);
  --bulma-content-table-head-cell-border-width: 0 0 2px;
  --bulma-content-table-head-cell-color: var(--bulma-text-strong);
  --bulma-content-table-body-last-row-cell-border-bottom-width: 0;
  --bulma-content-table-foot-cell-border-width: 2px 0 0;
  --bulma-content-table-foot-cell-color: var(--bulma-text-strong);
}

.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: var(--bulma-content-block-margin-bottom);
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: var(--bulma-content-heading-color);
  font-weight: var(--bulma-content-heading-weight);
  line-height: var(--bulma-content-heading-line-height);
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content blockquote {
  background-color: var(--bulma-content-blockquote-background-color);
  border-inline-start: var(--bulma-content-blockquote-border-left);
  padding: var(--bulma-content-blockquote-padding);
}
.content ol {
  list-style-position: outside;
  margin-inline-start: 2em;
}
.content ol:not(:first-child) {
  margin-top: 1em;
}
.content ol:not([type]) {
  list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}
.content ul {
  list-style: disc outside;
  margin-inline-start: 2em;
}
.content ul:not(:first-child) {
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-bottom: 0.25em;
  margin-top: 0.25em;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-inline-start: 2em;
}
.content figure:not([class]) {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not([class]):not(:first-child) {
  margin-top: 2em;
}
.content figure:not([class]):not(:last-child) {
  margin-bottom: 2em;
}
.content figure:not([class]) img {
  display: inline-block;
}
.content figure:not([class]) figcaption {
  font-style: italic;
}
.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: var(--bulma-content-pre-padding);
  white-space: pre;
  word-wrap: normal;
}
.content sup,
.content sub {
  font-size: 75%;
}
.content table td,
.content table th {
  border: var(--bulma-content-table-cell-border);
  border-width: var(--bulma-content-table-cell-border-width);
  padding: var(--bulma-content-table-cell-padding);
  vertical-align: top;
}
.content table th {
  color: var(--bulma-content-table-cell-heading-color);
}
.content table th:not([align]) {
  text-align: inherit;
}
.content table thead td,
.content table thead th {
  border-width: var(--bulma-content-table-head-cell-border-width);
  color: var(--bulma-content-table-head-cell-color);
}
.content table tfoot td,
.content table tfoot th {
  border-width: var(--bulma-content-table-foot-cell-border-width);
  color: var(--bulma-content-table-foot-cell-color);
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: var(--bulma-content-table-body-last-row-cell-border-bottom-width);
}
.content .tabs li + li {
  margin-top: 0;
}
.content.is-small {
  font-size: var(--bulma-size-small);
}
.content.is-normal {
  font-size: var(--bulma-size-normal);
}
.content.is-medium {
  font-size: var(--bulma-size-medium);
}
.content.is-large {
  font-size: var(--bulma-size-large);
}

.delete {
  --bulma-delete-dimensions: 1.25rem;
  --bulma-delete-background-l: 0%;
  --bulma-delete-background-alpha: 0.5;
  --bulma-delete-color: var(--bulma-white);
  appearance: none;
  background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-delete-background-l), var(--bulma-delete-background-alpha));
  border: none;
  border-radius: var(--bulma-radius-rounded);
  cursor: pointer;
  pointer-events: auto;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1em;
  height: var(--bulma-delete-dimensions);
  max-height: var(--bulma-delete-dimensions);
  max-width: var(--bulma-delete-dimensions);
  min-height: var(--bulma-delete-dimensions);
  min-width: var(--bulma-delete-dimensions);
  outline: none;
  position: relative;
  vertical-align: top;
  width: var(--bulma-delete-dimensions);
}
.delete::before, .delete::after {
  background-color: var(--bulma-delete-color);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.delete::before {
  height: 2px;
  width: 50%;
}
.delete::after {
  height: 50%;
  width: 2px;
}
.delete:hover, .delete:focus {
  --bulma-delete-background-alpha: 0.4;
}
.delete:active {
  --bulma-delete-background-alpha: 0.5;
}
.delete.is-small {
  --bulma-delete-dimensions: 1rem;
}
.delete.is-medium {
  --bulma-delete-dimensions: 1.5rem;
}
.delete.is-large {
  --bulma-delete-dimensions: 2rem;
}

.icon,
.icon-text {
  --bulma-icon-dimensions: 1.5rem;
  --bulma-icon-dimensions-small: 1rem;
  --bulma-icon-dimensions-medium: 2rem;
  --bulma-icon-dimensions-large: 3rem;
  --bulma-icon-text-spacing: 0.25em;
}

.icon {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  height: var(--bulma-icon-dimensions);
  transition-duration: var(--bulma-duration);
  transition-property: color;
  width: var(--bulma-icon-dimensions);
}
.icon.is-small {
  height: var(--bulma-icon-dimensions-small);
  width: var(--bulma-icon-dimensions-small);
}
.icon.is-medium {
  height: var(--bulma-icon-dimensions-medium);
  width: var(--bulma-icon-dimensions-medium);
}
.icon.is-large {
  height: var(--bulma-icon-dimensions-large);
  width: var(--bulma-icon-dimensions-large);
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--bulma-icon-text-spacing);
  line-height: var(--bulma-icon-dimensions);
  vertical-align: top;
}
.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}

div.icon-text {
  display: flex;
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image img.is-rounded {
  border-radius: var(--bulma-radius-rounded);
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-square {
  aspect-ratio: 1;
}
.image.is-1by1 {
  aspect-ratio: 1/1;
}
.image.is-1by1 img,
.image.is-1by1 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-5by4 {
  aspect-ratio: 5/4;
}
.image.is-5by4 img,
.image.is-5by4 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-4by3 {
  aspect-ratio: 4/3;
}
.image.is-4by3 img,
.image.is-4by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-3by2 {
  aspect-ratio: 3/2;
}
.image.is-3by2 img,
.image.is-3by2 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-5by3 {
  aspect-ratio: 5/3;
}
.image.is-5by3 img,
.image.is-5by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-16by9 {
  aspect-ratio: 16/9;
}
.image.is-16by9 img,
.image.is-16by9 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-2by1 {
  aspect-ratio: 2/1;
}
.image.is-2by1 img,
.image.is-2by1 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-3by1 {
  aspect-ratio: 3/1;
}
.image.is-3by1 img,
.image.is-3by1 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-4by5 {
  aspect-ratio: 4/5;
}
.image.is-4by5 img,
.image.is-4by5 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-3by4 {
  aspect-ratio: 3/4;
}
.image.is-3by4 img,
.image.is-3by4 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-2by3 {
  aspect-ratio: 2/3;
}
.image.is-2by3 img,
.image.is-2by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-3by5 {
  aspect-ratio: 3/5;
}
.image.is-3by5 img,
.image.is-3by5 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-9by16 {
  aspect-ratio: 9/16;
}
.image.is-9by16 img,
.image.is-9by16 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-1by2 {
  aspect-ratio: 1/2;
}
.image.is-1by2 img,
.image.is-1by2 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-1by3 {
  aspect-ratio: 1/3;
}
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.loader {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--bulma-border);
  border-radius: var(--bulma-radius-rounded);
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.notification {
  --bulma-notification-h: var(--bulma-scheme-h);
  --bulma-notification-s: var(--bulma-scheme-s);
  --bulma-notification-background-l: var(--bulma-background-l);
  --bulma-notification-color-l: var(--bulma-text-strong-l);
  --bulma-notification-code-background-color: var(--bulma-scheme-main);
  --bulma-notification-radius: var(--bulma-radius);
  --bulma-notification-padding: 1.375em 1.5em;
}

.notification {
  background-color: hsl(var(--bulma-notification-h), var(--bulma-notification-s), var(--bulma-notification-background-l));
  border-radius: var(--bulma-notification-radius);
  color: hsl(var(--bulma-notification-h), var(--bulma-notification-s), var(--bulma-notification-color-l));
  padding: var(--bulma-notification-padding);
  position: relative;
}
.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: var(--bulma-notification-code-background-color);
}
.notification pre code {
  background: transparent;
}
.notification > .delete {
  position: absolute;
  inset-inline-end: 1rem;
  top: 1rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-white {
  --bulma-notification-h: var(--bulma-white-h);
  --bulma-notification-s: var(--bulma-white-s);
  --bulma-notification-background-l: var(--bulma-white-l);
  --bulma-notification-color-l: var(--bulma-white-invert-l);
}
.notification.is-white.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-white-light-invert-l);
}
.notification.is-white.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-white-dark-invert-l);
}
.notification.is-black {
  --bulma-notification-h: var(--bulma-black-h);
  --bulma-notification-s: var(--bulma-black-s);
  --bulma-notification-background-l: var(--bulma-black-l);
  --bulma-notification-color-l: var(--bulma-black-invert-l);
}
.notification.is-black.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-black-light-invert-l);
}
.notification.is-black.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-black-dark-invert-l);
}
.notification.is-light {
  --bulma-notification-h: var(--bulma-light-h);
  --bulma-notification-s: var(--bulma-light-s);
  --bulma-notification-background-l: var(--bulma-light-l);
  --bulma-notification-color-l: var(--bulma-light-invert-l);
}
.notification.is-light.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-light-light-invert-l);
}
.notification.is-light.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-light-dark-invert-l);
}
.notification.is-dark {
  --bulma-notification-h: var(--bulma-dark-h);
  --bulma-notification-s: var(--bulma-dark-s);
  --bulma-notification-background-l: var(--bulma-dark-l);
  --bulma-notification-color-l: var(--bulma-dark-invert-l);
}
.notification.is-dark.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-dark-light-invert-l);
}
.notification.is-dark.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-dark-dark-invert-l);
}
.notification.is-text {
  --bulma-notification-h: var(--bulma-text-h);
  --bulma-notification-s: var(--bulma-text-s);
  --bulma-notification-background-l: var(--bulma-text-l);
  --bulma-notification-color-l: var(--bulma-text-invert-l);
}
.notification.is-text.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-text-light-invert-l);
}
.notification.is-text.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-text-dark-invert-l);
}
.notification.is-primary {
  --bulma-notification-h: var(--bulma-primary-h);
  --bulma-notification-s: var(--bulma-primary-s);
  --bulma-notification-background-l: var(--bulma-primary-l);
  --bulma-notification-color-l: var(--bulma-primary-invert-l);
}
.notification.is-primary.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-primary-light-invert-l);
}
.notification.is-primary.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-primary-dark-invert-l);
}
.notification.is-link {
  --bulma-notification-h: var(--bulma-link-h);
  --bulma-notification-s: var(--bulma-link-s);
  --bulma-notification-background-l: var(--bulma-link-l);
  --bulma-notification-color-l: var(--bulma-link-invert-l);
}
.notification.is-link.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-link-light-invert-l);
}
.notification.is-link.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-link-dark-invert-l);
}
.notification.is-info {
  --bulma-notification-h: var(--bulma-info-h);
  --bulma-notification-s: var(--bulma-info-s);
  --bulma-notification-background-l: var(--bulma-info-l);
  --bulma-notification-color-l: var(--bulma-info-invert-l);
}
.notification.is-info.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-info-light-invert-l);
}
.notification.is-info.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-info-dark-invert-l);
}
.notification.is-success {
  --bulma-notification-h: var(--bulma-success-h);
  --bulma-notification-s: var(--bulma-success-s);
  --bulma-notification-background-l: var(--bulma-success-l);
  --bulma-notification-color-l: var(--bulma-success-invert-l);
}
.notification.is-success.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-success-light-invert-l);
}
.notification.is-success.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-success-dark-invert-l);
}
.notification.is-warning {
  --bulma-notification-h: var(--bulma-warning-h);
  --bulma-notification-s: var(--bulma-warning-s);
  --bulma-notification-background-l: var(--bulma-warning-l);
  --bulma-notification-color-l: var(--bulma-warning-invert-l);
}
.notification.is-warning.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-warning-light-invert-l);
}
.notification.is-warning.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-warning-dark-invert-l);
}
.notification.is-danger {
  --bulma-notification-h: var(--bulma-danger-h);
  --bulma-notification-s: var(--bulma-danger-s);
  --bulma-notification-background-l: var(--bulma-danger-l);
  --bulma-notification-color-l: var(--bulma-danger-invert-l);
}
.notification.is-danger.is-light {
  --bulma-notification-background-l: 90%;
  --bulma-notification-color-l: var(--bulma-danger-light-invert-l);
}
.notification.is-danger.is-dark {
  --bulma-notification-background-l: 20%;
  --bulma-notification-color-l: var(--bulma-danger-dark-invert-l);
}

.progress {
  --bulma-progress-border-radius: var(--bulma-radius-rounded);
  --bulma-progress-bar-background-color: var(--bulma-border-weak);
  --bulma-progress-value-background-color: var(--bulma-text);
  --bulma-progress-indeterminate-duration: 1.5s;
}

.progress {
  appearance: none;
  border: none;
  border-radius: var(--bulma-progress-border-radius);
  display: block;
  height: var(--bulma-size-normal);
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar {
  background-color: var(--bulma-progress-bar-background-color);
}
.progress::-webkit-progress-value {
  background-color: var(--bulma-progress-value-background-color);
}
.progress::-moz-progress-bar {
  background-color: var(--bulma-progress-value-background-color);
}
.progress::-ms-fill {
  background-color: var(--bulma-progress-value-background-color);
  border: none;
}
.progress.is-white {
  --bulma-progress-value-background-color: var(--bulma-white);
}
.progress.is-black {
  --bulma-progress-value-background-color: var(--bulma-black);
}
.progress.is-light {
  --bulma-progress-value-background-color: var(--bulma-light);
}
.progress.is-dark {
  --bulma-progress-value-background-color: var(--bulma-dark);
}
.progress.is-text {
  --bulma-progress-value-background-color: var(--bulma-text);
}
.progress.is-primary {
  --bulma-progress-value-background-color: var(--bulma-primary);
}
.progress.is-link {
  --bulma-progress-value-background-color: var(--bulma-link);
}
.progress.is-info {
  --bulma-progress-value-background-color: var(--bulma-info);
}
.progress.is-success {
  --bulma-progress-value-background-color: var(--bulma-success);
}
.progress.is-warning {
  --bulma-progress-value-background-color: var(--bulma-warning);
}
.progress.is-danger {
  --bulma-progress-value-background-color: var(--bulma-danger);
}
.progress:indeterminate {
  animation-duration: var(--bulma-progress-indeterminate-duration);
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: var(--bulma-progress-bar-background-color);
  background-image: linear-gradient(to right, var(--bulma-progress-value-background-color) 30%, var(--bulma-progress-bar-background-color) 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-ms-fill {
  animation-name: none;
}
.progress.is-small {
  height: var(--bulma-size-small);
}
.progress.is-medium {
  height: var(--bulma-size-medium);
}
.progress.is-large {
  height: var(--bulma-size-large);
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.table {
  --bulma-table-color: var(--bulma-text-strong);
  --bulma-table-background-color: var(--bulma-scheme-main);
  --bulma-table-cell-border-color: var(--bulma-border);
  --bulma-table-cell-border-style: solid;
  --bulma-table-cell-border-width: 0 0 1px;
  --bulma-table-cell-padding: 0.5em 0.75em;
  --bulma-table-cell-heading-color: var(--bulma-text-strong);
  --bulma-table-cell-text-align: left;
  --bulma-table-head-cell-border-width: 0 0 2px;
  --bulma-table-head-cell-color: var(--bulma-text-strong);
  --bulma-table-foot-cell-border-width: 2px 0 0;
  --bulma-table-foot-cell-color: var(--bulma-text-strong);
  --bulma-table-head-background-color: transparent;
  --bulma-table-body-background-color: transparent;
  --bulma-table-foot-background-color: transparent;
  --bulma-table-row-hover-background-color: var(--bulma-scheme-main-bis);
  --bulma-table-row-active-background-color: var(--bulma-primary);
  --bulma-table-row-active-color: var(--bulma-primary-invert);
  --bulma-table-striped-row-even-background-color: var(--bulma-scheme-main-bis);
  --bulma-table-striped-row-even-hover-background-color: var(--bulma-scheme-main-ter);
}

.table {
  background-color: var(--bulma-table-background-color);
  color: var(--bulma-table-color);
}
.table td,
.table th {
  background-color: var(--bulma-table-cell-background-color);
  border-color: var(--bulma-table-cell-border-color);
  border-style: var(--bulma-table-cell-border-style);
  border-width: var(--bulma-table-cell-border-width);
  color: var(--bulma-table-color);
  padding: var(--bulma-table-cell-padding);
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  --bulma-table-color: var(--bulma-white-invert);
  --bulma-table-cell-heading-color: var(--bulma-white-invert);
  --bulma-table-cell-background-color: var(--bulma-white);
  --bulma-table-cell-border-color: var(--bulma-white);
}
.table td.is-black,
.table th.is-black {
  --bulma-table-color: var(--bulma-black-invert);
  --bulma-table-cell-heading-color: var(--bulma-black-invert);
  --bulma-table-cell-background-color: var(--bulma-black);
  --bulma-table-cell-border-color: var(--bulma-black);
}
.table td.is-light,
.table th.is-light {
  --bulma-table-color: var(--bulma-light-invert);
  --bulma-table-cell-heading-color: var(--bulma-light-invert);
  --bulma-table-cell-background-color: var(--bulma-light);
  --bulma-table-cell-border-color: var(--bulma-light);
}
.table td.is-dark,
.table th.is-dark {
  --bulma-table-color: var(--bulma-dark-invert);
  --bulma-table-cell-heading-color: var(--bulma-dark-invert);
  --bulma-table-cell-background-color: var(--bulma-dark);
  --bulma-table-cell-border-color: var(--bulma-dark);
}
.table td.is-text,
.table th.is-text {
  --bulma-table-color: var(--bulma-text-invert);
  --bulma-table-cell-heading-color: var(--bulma-text-invert);
  --bulma-table-cell-background-color: var(--bulma-text);
  --bulma-table-cell-border-color: var(--bulma-text);
}
.table td.is-primary,
.table th.is-primary {
  --bulma-table-color: var(--bulma-primary-invert);
  --bulma-table-cell-heading-color: var(--bulma-primary-invert);
  --bulma-table-cell-background-color: var(--bulma-primary);
  --bulma-table-cell-border-color: var(--bulma-primary);
}
.table td.is-link,
.table th.is-link {
  --bulma-table-color: var(--bulma-link-invert);
  --bulma-table-cell-heading-color: var(--bulma-link-invert);
  --bulma-table-cell-background-color: var(--bulma-link);
  --bulma-table-cell-border-color: var(--bulma-link);
}
.table td.is-info,
.table th.is-info {
  --bulma-table-color: var(--bulma-info-invert);
  --bulma-table-cell-heading-color: var(--bulma-info-invert);
  --bulma-table-cell-background-color: var(--bulma-info);
  --bulma-table-cell-border-color: var(--bulma-info);
}
.table td.is-success,
.table th.is-success {
  --bulma-table-color: var(--bulma-success-invert);
  --bulma-table-cell-heading-color: var(--bulma-success-invert);
  --bulma-table-cell-background-color: var(--bulma-success);
  --bulma-table-cell-border-color: var(--bulma-success);
}
.table td.is-warning,
.table th.is-warning {
  --bulma-table-color: var(--bulma-warning-invert);
  --bulma-table-cell-heading-color: var(--bulma-warning-invert);
  --bulma-table-cell-background-color: var(--bulma-warning);
  --bulma-table-cell-border-color: var(--bulma-warning);
}
.table td.is-danger,
.table th.is-danger {
  --bulma-table-color: var(--bulma-danger-invert);
  --bulma-table-cell-heading-color: var(--bulma-danger-invert);
  --bulma-table-cell-background-color: var(--bulma-danger);
  --bulma-table-cell-border-color: var(--bulma-danger);
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: var(--bulma-table-row-active-background-color);
  color: var(--bulma-table-row-active-color);
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}
.table th {
  color: var(--bulma-table-cell-heading-color);
}
.table th:not([align]) {
  text-align: var(--bulma-table-cell-text-align);
}
.table tr.is-selected {
  background-color: var(--bulma-table-row-active-background-color);
  color: var(--bulma-table-row-active-color);
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: var(--bulma-table-row-active-color);
  color: currentColor;
}
.table tr.is-white {
  --bulma-table-color: var(--bulma-white-invert);
  --bulma-table-cell-heading-color: var(--bulma-white-invert);
  --bulma-table-cell-background-color: var(--bulma-white);
  --bulma-table-cell-border-color: var(--bulma-white);
}
.table tr.is-black {
  --bulma-table-color: var(--bulma-black-invert);
  --bulma-table-cell-heading-color: var(--bulma-black-invert);
  --bulma-table-cell-background-color: var(--bulma-black);
  --bulma-table-cell-border-color: var(--bulma-black);
}
.table tr.is-light {
  --bulma-table-color: var(--bulma-light-invert);
  --bulma-table-cell-heading-color: var(--bulma-light-invert);
  --bulma-table-cell-background-color: var(--bulma-light);
  --bulma-table-cell-border-color: var(--bulma-light);
}
.table tr.is-dark {
  --bulma-table-color: var(--bulma-dark-invert);
  --bulma-table-cell-heading-color: var(--bulma-dark-invert);
  --bulma-table-cell-background-color: var(--bulma-dark);
  --bulma-table-cell-border-color: var(--bulma-dark);
}
.table tr.is-text {
  --bulma-table-color: var(--bulma-text-invert);
  --bulma-table-cell-heading-color: var(--bulma-text-invert);
  --bulma-table-cell-background-color: var(--bulma-text);
  --bulma-table-cell-border-color: var(--bulma-text);
}
.table tr.is-primary {
  --bulma-table-color: var(--bulma-primary-invert);
  --bulma-table-cell-heading-color: var(--bulma-primary-invert);
  --bulma-table-cell-background-color: var(--bulma-primary);
  --bulma-table-cell-border-color: var(--bulma-primary);
}
.table tr.is-link {
  --bulma-table-color: var(--bulma-link-invert);
  --bulma-table-cell-heading-color: var(--bulma-link-invert);
  --bulma-table-cell-background-color: var(--bulma-link);
  --bulma-table-cell-border-color: var(--bulma-link);
}
.table tr.is-info {
  --bulma-table-color: var(--bulma-info-invert);
  --bulma-table-cell-heading-color: var(--bulma-info-invert);
  --bulma-table-cell-background-color: var(--bulma-info);
  --bulma-table-cell-border-color: var(--bulma-info);
}
.table tr.is-success {
  --bulma-table-color: var(--bulma-success-invert);
  --bulma-table-cell-heading-color: var(--bulma-success-invert);
  --bulma-table-cell-background-color: var(--bulma-success);
  --bulma-table-cell-border-color: var(--bulma-success);
}
.table tr.is-warning {
  --bulma-table-color: var(--bulma-warning-invert);
  --bulma-table-cell-heading-color: var(--bulma-warning-invert);
  --bulma-table-cell-background-color: var(--bulma-warning);
  --bulma-table-cell-border-color: var(--bulma-warning);
}
.table tr.is-danger {
  --bulma-table-color: var(--bulma-danger-invert);
  --bulma-table-cell-heading-color: var(--bulma-danger-invert);
  --bulma-table-cell-background-color: var(--bulma-danger);
  --bulma-table-cell-border-color: var(--bulma-danger);
}
.table thead {
  background-color: var(--bulma-table-head-background-color);
}
.table thead td,
.table thead th {
  border-width: var(--bulma-table-head-cell-border-width);
  color: var(--bulma-table-head-cell-color);
}
.table tfoot {
  background-color: var(--bulma-table-foot-background-color);
}
.table tfoot td,
.table tfoot th {
  border-width: var(--bulma-table-foot-cell-border-width);
  color: var(--bulma-table-foot-cell-color);
}
.table tbody {
  background-color: var(--bulma-table-body-background-color);
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: var(--bulma-table-row-hover-background-color);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: var(--bulma-table-row-hover-background-color);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: var(--bulma-table-striped-row-even-hover-background-color);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: var(--bulma-table-striped-row-even-background-color);
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  color: hsl(var(--bulma-tag-h), var(--bulma-tag-s), var(--bulma-tag-color-l));
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: var(--bulma-size-normal);
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: var(--bulma-size-medium);
}
.tags.is-centered {
  gap: 0.25rem;
  justify-content: center;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.has-addons {
  gap: 0;
}
.tags.has-addons .tag:not(:first-child) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.tag {
  --bulma-tag-h: var(--bulma-scheme-h);
  --bulma-tag-s: var(--bulma-scheme-s);
  --bulma-tag-background-l: var(--bulma-background-l);
  --bulma-tag-background-l-delta: 0%;
  --bulma-tag-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-tag-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-tag-color-l: var(--bulma-text-l);
  --bulma-tag-radius: var(--bulma-radius);
  --bulma-tag-delete-margin: 1px;
  align-items: center;
  background-color: hsl(var(--bulma-tag-h), var(--bulma-tag-s), calc(var(--bulma-tag-background-l) + var(--bulma-tag-background-l-delta)));
  border-radius: var(--bulma-radius);
  color: hsl(var(--bulma-tag-h), var(--bulma-tag-s), var(--bulma-tag-color-l));
  display: inline-flex;
  font-size: var(--bulma-size-small);
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag .delete {
  margin-inline-start: 0.25rem;
  margin-inline-end: -0.375rem;
}
.tag.is-white {
  --bulma-tag-h: var(--bulma-white-h);
  --bulma-tag-s: var(--bulma-white-s);
  --bulma-tag-background-l: var(--bulma-white-l);
  --bulma-tag-color-l: var(--bulma-white-invert-l);
}
.tag.is-white.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-white-light-invert-l);
}
.tag.is-black {
  --bulma-tag-h: var(--bulma-black-h);
  --bulma-tag-s: var(--bulma-black-s);
  --bulma-tag-background-l: var(--bulma-black-l);
  --bulma-tag-color-l: var(--bulma-black-invert-l);
}
.tag.is-black.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-black-light-invert-l);
}
.tag.is-light {
  --bulma-tag-h: var(--bulma-light-h);
  --bulma-tag-s: var(--bulma-light-s);
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-light-invert-l);
}
.tag.is-light.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-light-light-invert-l);
}
.tag.is-dark {
  --bulma-tag-h: var(--bulma-dark-h);
  --bulma-tag-s: var(--bulma-dark-s);
  --bulma-tag-background-l: var(--bulma-dark-l);
  --bulma-tag-color-l: var(--bulma-dark-invert-l);
}
.tag.is-dark.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-dark-light-invert-l);
}
.tag.is-text {
  --bulma-tag-h: var(--bulma-text-h);
  --bulma-tag-s: var(--bulma-text-s);
  --bulma-tag-background-l: var(--bulma-text-l);
  --bulma-tag-color-l: var(--bulma-text-invert-l);
}
.tag.is-text.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-text-light-invert-l);
}
.tag.is-primary {
  --bulma-tag-h: var(--bulma-primary-h);
  --bulma-tag-s: var(--bulma-primary-s);
  --bulma-tag-background-l: var(--bulma-primary-l);
  --bulma-tag-color-l: var(--bulma-primary-invert-l);
}
.tag.is-primary.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-primary-light-invert-l);
}
.tag.is-link {
  --bulma-tag-h: var(--bulma-link-h);
  --bulma-tag-s: var(--bulma-link-s);
  --bulma-tag-background-l: var(--bulma-link-l);
  --bulma-tag-color-l: var(--bulma-link-invert-l);
}
.tag.is-link.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-link-light-invert-l);
}
.tag.is-info {
  --bulma-tag-h: var(--bulma-info-h);
  --bulma-tag-s: var(--bulma-info-s);
  --bulma-tag-background-l: var(--bulma-info-l);
  --bulma-tag-color-l: var(--bulma-info-invert-l);
}
.tag.is-info.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-info-light-invert-l);
}
.tag.is-success {
  --bulma-tag-h: var(--bulma-success-h);
  --bulma-tag-s: var(--bulma-success-s);
  --bulma-tag-background-l: var(--bulma-success-l);
  --bulma-tag-color-l: var(--bulma-success-invert-l);
}
.tag.is-success.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-success-light-invert-l);
}
.tag.is-warning {
  --bulma-tag-h: var(--bulma-warning-h);
  --bulma-tag-s: var(--bulma-warning-s);
  --bulma-tag-background-l: var(--bulma-warning-l);
  --bulma-tag-color-l: var(--bulma-warning-invert-l);
}
.tag.is-warning.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-warning-light-invert-l);
}
.tag.is-danger {
  --bulma-tag-h: var(--bulma-danger-h);
  --bulma-tag-s: var(--bulma-danger-s);
  --bulma-tag-background-l: var(--bulma-danger-l);
  --bulma-tag-color-l: var(--bulma-danger-invert-l);
}
.tag.is-danger.is-light {
  --bulma-tag-background-l: var(--bulma-light-l);
  --bulma-tag-color-l: var(--bulma-danger-light-invert-l);
}
.tag.is-normal {
  font-size: var(--bulma-size-small);
}
.tag.is-medium {
  font-size: var(--bulma-size-normal);
}
.tag.is-large {
  font-size: var(--bulma-size-medium);
}
.tag .icon:first-child:not(:last-child) {
  margin-inline-start: -0.375em;
  margin-inline-end: 0.1875em;
}
.tag .icon:last-child:not(:first-child) {
  margin-inline-start: 0.1875em;
  margin-inline-end: -0.375em;
}
.tag .icon:first-child:last-child {
  margin-inline-start: -0.375em;
  margin-inline-end: -0.375em;
}
.tag.is-delete {
  margin-inline-start: var(--bulma-tag-delete-margin);
  padding: 0;
  position: relative;
  width: 2em;
}
.tag.is-delete::before, .tag.is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag.is-delete::before {
  height: 1px;
  width: 50%;
}
.tag.is-delete::after {
  height: 50%;
  width: 1px;
}
.tag.is-rounded {
  border-radius: var(--bulma-radius-rounded);
}

a.tag,
button.tag,
.tag.is-hoverable {
  cursor: pointer;
}
a.tag:hover,
button.tag:hover,
.tag.is-hoverable:hover {
  --bulma-tag-background-l-delta: var(--bulma-tag-hover-background-l-delta);
}
a.tag:active,
button.tag:active,
.tag.is-hoverable:active {
  --bulma-tag-background-l-delta: var(--bulma-tag-active-background-l-delta);
}

.title,
.subtitle {
  --bulma-title-color: var(--bulma-text-strong);
  --bulma-title-family: false;
  --bulma-title-size: var(--bulma-size-3);
  --bulma-title-weight: var(--bulma-weight-extrabold);
  --bulma-title-line-height: 1.125;
  --bulma-title-strong-color: inherit;
  --bulma-title-strong-weight: inherit;
  --bulma-title-sub-size: 0.75em;
  --bulma-title-sup-size: 0.75em;
  --bulma-subtitle-color: var(--bulma-text);
  --bulma-subtitle-family: false;
  --bulma-subtitle-size: var(--bulma-size-5);
  --bulma-subtitle-weight: var(--bulma-weight-normal);
  --bulma-subtitle-line-height: 1.25;
  --bulma-subtitle-strong-color: var(--bulma-text-strong);
  --bulma-subtitle-strong-weight: var(--bulma-weight-semibold);
}

.title,
.subtitle {
  word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: var(--bulma-title-sub-size);
}
.title sup,
.subtitle sup {
  font-size: var(--bulma-title-sup-size);
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: var(--bulma-title-color);
  font-size: var(--bulma-title-size);
  font-weight: var(--bulma-title-weight);
  line-height: var(--bulma-title-line-height);
}
.title strong {
  color: var(--bulma-title-strong-color);
  font-weight: var(--bulma-title-strong-weight);
}
.title:not(.is-spaced):has(+ .subtitle) {
  margin-bottom: 0;
}
.title.is-1 {
  font-size: 2.25rem;
}
.title.is-2 {
  font-size: 1.75rem;
}
.title.is-3 {
  font-size: 1.5rem;
}
.title.is-4 {
  font-size: 1.125rem;
}
.title.is-5 {
  font-size: 1rem;
}
.title.is-6 {
  font-size: 0.875rem;
}
.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: var(--bulma-subtitle-color);
  font-size: var(--bulma-subtitle-size);
  font-weight: var(--bulma-subtitle-weight);
  line-height: var(--bulma-subtitle-line-height);
}
.subtitle strong {
  color: var(--bulma-subtitle-strong-color);
  font-weight: var(--bulma-subtitle-strong-weight);
}
.subtitle:not(.is-spaced):has(+ .title) {
  margin-bottom: 0;
}
.subtitle.is-1 {
  font-size: 2.25rem;
}
.subtitle.is-2 {
  font-size: 1.75rem;
}
.subtitle.is-3 {
  font-size: 1.5rem;
}
.subtitle.is-4 {
  font-size: 1.125rem;
}
.subtitle.is-5 {
  font-size: 1rem;
}
.subtitle.is-6 {
  font-size: 0.875rem;
}
.subtitle.is-7 {
  font-size: 0.75rem;
}

/* Bulma Form */
.control,
.input,
.textarea,
.select {
  --bulma-input-h: var(--bulma-scheme-h);
  --bulma-input-s: var(--bulma-scheme-s);
  --bulma-input-l: var(--bulma-scheme-main-l);
  --bulma-input-border-style: solid;
  --bulma-input-border-width: var(--bulma-control-border-width);
  --bulma-input-border-l: var(--bulma-border-l);
  --bulma-input-border-l-delta: 0%;
  --bulma-input-border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
  --bulma-input-hover-border-l-delta: var(--bulma-hover-border-l-delta);
  --bulma-input-active-border-l-delta: var(--bulma-active-border-l-delta);
  --bulma-input-focus-h: var(--bulma-focus-h);
  --bulma-input-focus-s: var(--bulma-focus-s);
  --bulma-input-focus-l: var(--bulma-focus-l);
  --bulma-input-focus-shadow-size: var(--bulma-focus-shadow-size);
  --bulma-input-focus-shadow-alpha: var(--bulma-focus-shadow-alpha);
  --bulma-input-color-l: var(--bulma-text-strong-l);
  --bulma-input-background-l: var(--bulma-scheme-main-l);
  --bulma-input-background-l-delta: 0%;
  --bulma-input-height: var(--bulma-control-height);
  --bulma-input-shadow: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.05);
  --bulma-input-placeholder-color: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l), 0.3);
  --bulma-input-disabled-color: var(--bulma-text-weak);
  --bulma-input-disabled-background-color: var(--bulma-background);
  --bulma-input-disabled-border-color: var(--bulma-background);
  --bulma-input-disabled-placeholder-color: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l), 0.3);
  --bulma-input-arrow: var(--bulma-link);
  --bulma-input-icon-color: var(--bulma-text-light);
  --bulma-input-icon-hover-color: var(--bulma-text-weak);
  --bulma-input-icon-focus-color: var(--bulma-link);
  --bulma-input-radius: var(--bulma-radius);
}

.select select, .input, .textarea {
  background-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-background-l) + var(--bulma-input-background-l-delta)));
  border-color: var(--bulma-input-border-color);
  border-radius: var(--bulma-input-radius);
  color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l));
}
.select select::-moz-placeholder, .input::-moz-placeholder, .textarea::-moz-placeholder {
  color: var(--bulma-input-placeholder-color);
}
.select select::-webkit-input-placeholder, .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
  color: var(--bulma-input-placeholder-color);
}
.select select:-moz-placeholder, .input:-moz-placeholder, .textarea:-moz-placeholder {
  color: var(--bulma-input-placeholder-color);
}
.select select:-ms-input-placeholder, .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
  color: var(--bulma-input-placeholder-color);
}
.select select:hover, .input:hover, .textarea:hover, .select select.is-hovered, .is-hovered.input, .is-hovered.textarea {
  --bulma-input-border-l-delta: var(--bulma-input-hover-border-l-delta);
}
.select select:active, .input:active, .textarea:active, .select select.is-active, .is-active.input, .is-active.textarea {
  --bulma-input-border-l-delta: var(--bulma-input-active-border-l-delta);
}
.select select:focus, .input:focus, .textarea:focus, .select select:focus-within, .input:focus-within, .textarea:focus-within, .select select.is-focused, .is-focused.input, .is-focused.textarea {
  border-color: hsl(var(--bulma-input-focus-h), var(--bulma-input-focus-s), var(--bulma-input-focus-l));
  box-shadow: var(--bulma-input-focus-shadow-size) hsla(var(--bulma-input-focus-h), var(--bulma-input-focus-s), var(--bulma-input-focus-l), var(--bulma-input-focus-shadow-alpha));
}
.select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
  background-color: var(--bulma-input-disabled-background-color);
  border-color: var(--bulma-input-disabled-border-color);
  box-shadow: none;
  color: var(--bulma-input-disabled-color);
}
.select select[disabled]::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder {
  color: var(--bulma-input-disabled-placeholder-color);
}
.select select[disabled]::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder {
  color: var(--bulma-input-disabled-placeholder-color);
}
.select select[disabled]:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder {
  color: var(--bulma-input-disabled-placeholder-color);
}
.select select[disabled]:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder {
  color: var(--bulma-input-disabled-placeholder-color);
}

/* Bulma Form */
.textarea, .input {
  box-shadow: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.05);
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  box-shadow: none;
}
.is-white.textarea, .is-white.input {
  --bulma-input-h: var(--bulma-white-h);
  --bulma-input-s: var(--bulma-white-s);
  --bulma-input-l: var(--bulma-white-l);
  --bulma-input-focus-h: var(--bulma-white-h);
  --bulma-input-focus-s: var(--bulma-white-s);
  --bulma-input-focus-l: var(--bulma-white-l);
  --bulma-input-border-l: var(--bulma-white-l);
}
.is-black.textarea, .is-black.input {
  --bulma-input-h: var(--bulma-black-h);
  --bulma-input-s: var(--bulma-black-s);
  --bulma-input-l: var(--bulma-black-l);
  --bulma-input-focus-h: var(--bulma-black-h);
  --bulma-input-focus-s: var(--bulma-black-s);
  --bulma-input-focus-l: var(--bulma-black-l);
  --bulma-input-border-l: var(--bulma-black-l);
}
.is-light.textarea, .is-light.input {
  --bulma-input-h: var(--bulma-light-h);
  --bulma-input-s: var(--bulma-light-s);
  --bulma-input-l: var(--bulma-light-l);
  --bulma-input-focus-h: var(--bulma-light-h);
  --bulma-input-focus-s: var(--bulma-light-s);
  --bulma-input-focus-l: var(--bulma-light-l);
  --bulma-input-border-l: var(--bulma-light-l);
}
.is-dark.textarea, .is-dark.input {
  --bulma-input-h: var(--bulma-dark-h);
  --bulma-input-s: var(--bulma-dark-s);
  --bulma-input-l: var(--bulma-dark-l);
  --bulma-input-focus-h: var(--bulma-dark-h);
  --bulma-input-focus-s: var(--bulma-dark-s);
  --bulma-input-focus-l: var(--bulma-dark-l);
  --bulma-input-border-l: var(--bulma-dark-l);
}
.is-text.textarea, .is-text.input {
  --bulma-input-h: var(--bulma-text-h);
  --bulma-input-s: var(--bulma-text-s);
  --bulma-input-l: var(--bulma-text-l);
  --bulma-input-focus-h: var(--bulma-text-h);
  --bulma-input-focus-s: var(--bulma-text-s);
  --bulma-input-focus-l: var(--bulma-text-l);
  --bulma-input-border-l: var(--bulma-text-l);
}
.is-primary.textarea, .is-primary.input {
  --bulma-input-h: var(--bulma-primary-h);
  --bulma-input-s: var(--bulma-primary-s);
  --bulma-input-l: var(--bulma-primary-l);
  --bulma-input-focus-h: var(--bulma-primary-h);
  --bulma-input-focus-s: var(--bulma-primary-s);
  --bulma-input-focus-l: var(--bulma-primary-l);
  --bulma-input-border-l: var(--bulma-primary-l);
}
.is-link.textarea, .is-link.input {
  --bulma-input-h: var(--bulma-link-h);
  --bulma-input-s: var(--bulma-link-s);
  --bulma-input-l: var(--bulma-link-l);
  --bulma-input-focus-h: var(--bulma-link-h);
  --bulma-input-focus-s: var(--bulma-link-s);
  --bulma-input-focus-l: var(--bulma-link-l);
  --bulma-input-border-l: var(--bulma-link-l);
}
.is-info.textarea, .is-info.input {
  --bulma-input-h: var(--bulma-info-h);
  --bulma-input-s: var(--bulma-info-s);
  --bulma-input-l: var(--bulma-info-l);
  --bulma-input-focus-h: var(--bulma-info-h);
  --bulma-input-focus-s: var(--bulma-info-s);
  --bulma-input-focus-l: var(--bulma-info-l);
  --bulma-input-border-l: var(--bulma-info-l);
}
.is-success.textarea, .is-success.input {
  --bulma-input-h: var(--bulma-success-h);
  --bulma-input-s: var(--bulma-success-s);
  --bulma-input-l: var(--bulma-success-l);
  --bulma-input-focus-h: var(--bulma-success-h);
  --bulma-input-focus-s: var(--bulma-success-s);
  --bulma-input-focus-l: var(--bulma-success-l);
  --bulma-input-border-l: var(--bulma-success-l);
}
.is-warning.textarea, .is-warning.input {
  --bulma-input-h: var(--bulma-warning-h);
  --bulma-input-s: var(--bulma-warning-s);
  --bulma-input-l: var(--bulma-warning-l);
  --bulma-input-focus-h: var(--bulma-warning-h);
  --bulma-input-focus-s: var(--bulma-warning-s);
  --bulma-input-focus-l: var(--bulma-warning-l);
  --bulma-input-border-l: var(--bulma-warning-l);
}
.is-danger.textarea, .is-danger.input {
  --bulma-input-h: var(--bulma-danger-h);
  --bulma-input-s: var(--bulma-danger-s);
  --bulma-input-l: var(--bulma-danger-l);
  --bulma-input-focus-h: var(--bulma-danger-h);
  --bulma-input-focus-s: var(--bulma-danger-s);
  --bulma-input-focus-l: var(--bulma-danger-l);
  --bulma-input-border-l: var(--bulma-danger-l);
}
.is-small.textarea, .is-small.input {
  border-radius: var(--bulma-radius-small);
  font-size: var(--bulma-size-small);
}
.is-medium.textarea, .is-medium.input {
  font-size: var(--bulma-size-medium);
}
.is-large.textarea, .is-large.input {
  font-size: var(--bulma-size-large);
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: var(--bulma-radius-rounded);
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  --bulma-textarea-padding: var(--bulma-control-padding-horizontal);
  --bulma-textarea-max-height: 40em;
  --bulma-textarea-min-height: 8em;
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: var(--bulma-textarea-padding);
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: var(--bulma-textarea-max-height);
  min-height: var(--bulma-textarea-min-height);
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

/* Bulma Form */
.radio, .checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input, .checkbox input {
  cursor: pointer;
}
[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
  color: var(--bulma-text-weak);
  cursor: not-allowed;
}

.checkboxes,
.radios {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  row-gap: 0.5em;
}

/* Bulma Form */
.select {
  --bulma-input-h: var(--bulma-scheme-h);
  --bulma-input-s: var(--bulma-scheme-s);
  --bulma-input-border-style: solid;
  --bulma-input-border-width: 1px;
  --bulma-input-border-l: var(--bulma-border-l);
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: var(--bulma-control-height);
}
.select:not(.is-multiple):not(.is-loading)::after {
  inset-inline-end: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: var(--bulma-radius-rounded);
  padding-inline-start: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: var(--bulma-background);
}
.select select:not([multiple]) {
  padding-inline-end: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select.is-white {
  --bulma-input-h: var(--bulma-white-h);
  --bulma-input-s: var(--bulma-white-s);
  --bulma-input-l: var(--bulma-white-l);
  --bulma-input-focus-h: var(--bulma-white-h);
  --bulma-input-focus-s: var(--bulma-white-s);
  --bulma-input-focus-l: var(--bulma-white-l);
  --bulma-input-border-l: var(--bulma-white-l);
  --bulma-arrow-color: var(--bulma-white);
}
.select.is-black {
  --bulma-input-h: var(--bulma-black-h);
  --bulma-input-s: var(--bulma-black-s);
  --bulma-input-l: var(--bulma-black-l);
  --bulma-input-focus-h: var(--bulma-black-h);
  --bulma-input-focus-s: var(--bulma-black-s);
  --bulma-input-focus-l: var(--bulma-black-l);
  --bulma-input-border-l: var(--bulma-black-l);
  --bulma-arrow-color: var(--bulma-black);
}
.select.is-light {
  --bulma-input-h: var(--bulma-light-h);
  --bulma-input-s: var(--bulma-light-s);
  --bulma-input-l: var(--bulma-light-l);
  --bulma-input-focus-h: var(--bulma-light-h);
  --bulma-input-focus-s: var(--bulma-light-s);
  --bulma-input-focus-l: var(--bulma-light-l);
  --bulma-input-border-l: var(--bulma-light-l);
  --bulma-arrow-color: var(--bulma-light);
}
.select.is-dark {
  --bulma-input-h: var(--bulma-dark-h);
  --bulma-input-s: var(--bulma-dark-s);
  --bulma-input-l: var(--bulma-dark-l);
  --bulma-input-focus-h: var(--bulma-dark-h);
  --bulma-input-focus-s: var(--bulma-dark-s);
  --bulma-input-focus-l: var(--bulma-dark-l);
  --bulma-input-border-l: var(--bulma-dark-l);
  --bulma-arrow-color: var(--bulma-dark);
}
.select.is-text {
  --bulma-input-h: var(--bulma-text-h);
  --bulma-input-s: var(--bulma-text-s);
  --bulma-input-l: var(--bulma-text-l);
  --bulma-input-focus-h: var(--bulma-text-h);
  --bulma-input-focus-s: var(--bulma-text-s);
  --bulma-input-focus-l: var(--bulma-text-l);
  --bulma-input-border-l: var(--bulma-text-l);
  --bulma-arrow-color: var(--bulma-text);
}
.select.is-primary {
  --bulma-input-h: var(--bulma-primary-h);
  --bulma-input-s: var(--bulma-primary-s);
  --bulma-input-l: var(--bulma-primary-l);
  --bulma-input-focus-h: var(--bulma-primary-h);
  --bulma-input-focus-s: var(--bulma-primary-s);
  --bulma-input-focus-l: var(--bulma-primary-l);
  --bulma-input-border-l: var(--bulma-primary-l);
  --bulma-arrow-color: var(--bulma-primary);
}
.select.is-link {
  --bulma-input-h: var(--bulma-link-h);
  --bulma-input-s: var(--bulma-link-s);
  --bulma-input-l: var(--bulma-link-l);
  --bulma-input-focus-h: var(--bulma-link-h);
  --bulma-input-focus-s: var(--bulma-link-s);
  --bulma-input-focus-l: var(--bulma-link-l);
  --bulma-input-border-l: var(--bulma-link-l);
  --bulma-arrow-color: var(--bulma-link);
}
.select.is-info {
  --bulma-input-h: var(--bulma-info-h);
  --bulma-input-s: var(--bulma-info-s);
  --bulma-input-l: var(--bulma-info-l);
  --bulma-input-focus-h: var(--bulma-info-h);
  --bulma-input-focus-s: var(--bulma-info-s);
  --bulma-input-focus-l: var(--bulma-info-l);
  --bulma-input-border-l: var(--bulma-info-l);
  --bulma-arrow-color: var(--bulma-info);
}
.select.is-success {
  --bulma-input-h: var(--bulma-success-h);
  --bulma-input-s: var(--bulma-success-s);
  --bulma-input-l: var(--bulma-success-l);
  --bulma-input-focus-h: var(--bulma-success-h);
  --bulma-input-focus-s: var(--bulma-success-s);
  --bulma-input-focus-l: var(--bulma-success-l);
  --bulma-input-border-l: var(--bulma-success-l);
  --bulma-arrow-color: var(--bulma-success);
}
.select.is-warning {
  --bulma-input-h: var(--bulma-warning-h);
  --bulma-input-s: var(--bulma-warning-s);
  --bulma-input-l: var(--bulma-warning-l);
  --bulma-input-focus-h: var(--bulma-warning-h);
  --bulma-input-focus-s: var(--bulma-warning-s);
  --bulma-input-focus-l: var(--bulma-warning-l);
  --bulma-input-border-l: var(--bulma-warning-l);
  --bulma-arrow-color: var(--bulma-warning);
}
.select.is-danger {
  --bulma-input-h: var(--bulma-danger-h);
  --bulma-input-s: var(--bulma-danger-s);
  --bulma-input-l: var(--bulma-danger-l);
  --bulma-input-focus-h: var(--bulma-danger-h);
  --bulma-input-focus-s: var(--bulma-danger-s);
  --bulma-input-focus-l: var(--bulma-danger-l);
  --bulma-input-border-l: var(--bulma-danger-l);
  --bulma-arrow-color: var(--bulma-danger);
}
.select.is-small {
  border-radius: var(--bulma-radius-small);
  font-size: var(--bulma-size-small);
}
.select.is-medium {
  font-size: var(--bulma-size-medium);
}
.select.is-large {
  font-size: var(--bulma-size-large);
}
.select.is-disabled::after {
  border-color: var(--bulma-text-weak) !important;
  opacity: 0.5;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  inset-inline-end: 0.625em;
  margin-top: 0;
  position: absolute;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: var(--bulma-size-small);
}
.select.is-loading.is-medium:after {
  font-size: var(--bulma-size-medium);
}
.select.is-loading.is-large:after {
  font-size: var(--bulma-size-large);
}

/* Bulma Form */
.file {
  --bulma-file-radius: var(--bulma-radius);
  --bulma-file-name-border-color: var(--bulma-border);
  --bulma-file-name-border-style: solid;
  --bulma-file-name-border-width: 1px 1px 1px 0;
  --bulma-file-name-max-width: 16em;
  --bulma-file-h: var(--bulma-scheme-h);
  --bulma-file-s: var(--bulma-scheme-s);
  --bulma-file-background-l: var(--bulma-scheme-main-ter-l);
  --bulma-file-background-l-delta: 0%;
  --bulma-file-hover-background-l-delta: -5%;
  --bulma-file-active-background-l-delta: -10%;
  --bulma-file-border-l: var(--bulma-border-l);
  --bulma-file-border-l-delta: 0%;
  --bulma-file-hover-border-l-delta: -10%;
  --bulma-file-active-border-l-delta: -20%;
  --bulma-file-cta-color-l: var(--bulma-text-strong-l);
  --bulma-file-name-color-l: var(--bulma-text-strong-l);
  --bulma-file-color-l-delta: 0%;
  --bulma-file-hover-color-l-delta: -5%;
  --bulma-file-active-color-l-delta: -10%;
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-white {
  --bulma-file-h: var(--bulma-white-h);
  --bulma-file-s: var(--bulma-white-s);
  --bulma-file-background-l: var(--bulma-white-l);
  --bulma-file-border-l: var(--bulma-white-l);
  --bulma-file-cta-color-l: var(--bulma-white-invert-l);
  --bulma-file-name-color-l: var(--bulma-white-on-scheme-l);
}
.file.is-black {
  --bulma-file-h: var(--bulma-black-h);
  --bulma-file-s: var(--bulma-black-s);
  --bulma-file-background-l: var(--bulma-black-l);
  --bulma-file-border-l: var(--bulma-black-l);
  --bulma-file-cta-color-l: var(--bulma-black-invert-l);
  --bulma-file-name-color-l: var(--bulma-black-on-scheme-l);
}
.file.is-light {
  --bulma-file-h: var(--bulma-light-h);
  --bulma-file-s: var(--bulma-light-s);
  --bulma-file-background-l: var(--bulma-light-l);
  --bulma-file-border-l: var(--bulma-light-l);
  --bulma-file-cta-color-l: var(--bulma-light-invert-l);
  --bulma-file-name-color-l: var(--bulma-light-on-scheme-l);
}
.file.is-dark {
  --bulma-file-h: var(--bulma-dark-h);
  --bulma-file-s: var(--bulma-dark-s);
  --bulma-file-background-l: var(--bulma-dark-l);
  --bulma-file-border-l: var(--bulma-dark-l);
  --bulma-file-cta-color-l: var(--bulma-dark-invert-l);
  --bulma-file-name-color-l: var(--bulma-dark-on-scheme-l);
}
.file.is-text {
  --bulma-file-h: var(--bulma-text-h);
  --bulma-file-s: var(--bulma-text-s);
  --bulma-file-background-l: var(--bulma-text-l);
  --bulma-file-border-l: var(--bulma-text-l);
  --bulma-file-cta-color-l: var(--bulma-text-invert-l);
  --bulma-file-name-color-l: var(--bulma-text-on-scheme-l);
}
.file.is-primary {
  --bulma-file-h: var(--bulma-primary-h);
  --bulma-file-s: var(--bulma-primary-s);
  --bulma-file-background-l: var(--bulma-primary-l);
  --bulma-file-border-l: var(--bulma-primary-l);
  --bulma-file-cta-color-l: var(--bulma-primary-invert-l);
  --bulma-file-name-color-l: var(--bulma-primary-on-scheme-l);
}
.file.is-link {
  --bulma-file-h: var(--bulma-link-h);
  --bulma-file-s: var(--bulma-link-s);
  --bulma-file-background-l: var(--bulma-link-l);
  --bulma-file-border-l: var(--bulma-link-l);
  --bulma-file-cta-color-l: var(--bulma-link-invert-l);
  --bulma-file-name-color-l: var(--bulma-link-on-scheme-l);
}
.file.is-info {
  --bulma-file-h: var(--bulma-info-h);
  --bulma-file-s: var(--bulma-info-s);
  --bulma-file-background-l: var(--bulma-info-l);
  --bulma-file-border-l: var(--bulma-info-l);
  --bulma-file-cta-color-l: var(--bulma-info-invert-l);
  --bulma-file-name-color-l: var(--bulma-info-on-scheme-l);
}
.file.is-success {
  --bulma-file-h: var(--bulma-success-h);
  --bulma-file-s: var(--bulma-success-s);
  --bulma-file-background-l: var(--bulma-success-l);
  --bulma-file-border-l: var(--bulma-success-l);
  --bulma-file-cta-color-l: var(--bulma-success-invert-l);
  --bulma-file-name-color-l: var(--bulma-success-on-scheme-l);
}
.file.is-warning {
  --bulma-file-h: var(--bulma-warning-h);
  --bulma-file-s: var(--bulma-warning-s);
  --bulma-file-background-l: var(--bulma-warning-l);
  --bulma-file-border-l: var(--bulma-warning-l);
  --bulma-file-cta-color-l: var(--bulma-warning-invert-l);
  --bulma-file-name-color-l: var(--bulma-warning-on-scheme-l);
}
.file.is-danger {
  --bulma-file-h: var(--bulma-danger-h);
  --bulma-file-s: var(--bulma-danger-s);
  --bulma-file-background-l: var(--bulma-danger-l);
  --bulma-file-border-l: var(--bulma-danger-l);
  --bulma-file-cta-color-l: var(--bulma-danger-invert-l);
  --bulma-file-name-color-l: var(--bulma-danger-on-scheme-l);
}
.file.is-small {
  font-size: var(--bulma-size-small);
}
.file.is-normal {
  font-size: var(--bulma-size-normal);
}
.file.is-medium {
  font-size: var(--bulma-size-medium);
}
.file.is-medium .file-icon .fa {
  font-size: 1.5rem;
}
.file.is-large {
  font-size: var(--bulma-size-large);
}
.file.is-large .file-icon .fa {
  font-size: 2rem;
}
.file.has-name .file-cta {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
.file.has-name .file-name {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: var(--bulma-file-radius);
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 1.5rem;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 1rem;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 2rem;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 2.5rem;
}
.file.is-boxed.has-name .file-cta {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: var(--bulma-file-radius);
  border-start-start-radius: var(--bulma-file-radius);
}
.file.is-boxed.has-name .file-name {
  border-end-end-radius: var(--bulma-file-radius);
  border-end-start-radius: var(--bulma-file-radius);
  border-start-end-radius: 0;
  border-start-start-radius: 0;
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 var(--bulma-file-radius) var(--bulma-file-radius) 0;
}
.file.is-right .file-name {
  border-radius: var(--bulma-file-radius) 0 0 var(--bulma-file-radius);
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover {
  --bulma-file-background-l-delta: var(--bulma-file-hover-background-l-delta);
  --bulma-file-border-l-delta: var(--bulma-file-hover-border-l-delta);
  --bulma-file-color-l-delta: var(--bulma-file-hover-color-l-delta);
}
.file-label:active {
  --bulma-file-background-l-delta: var(--bulma-file-active-background-l-delta);
  --bulma-file-border-l-delta: var(--bulma-file-active-border-l-delta);
  --bulma-file-color-l-delta: var(--bulma-file-active-color-l-delta);
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-border-l) + var(--bulma-file-border-l-delta)));
  border-radius: var(--bulma-file-radius);
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-background-l) + var(--bulma-file-background-l-delta)));
  color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-cta-color-l) + var(--bulma-file-color-l-delta)));
}

.file-name {
  border-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-border-l) + var(--bulma-file-color-l-delta)));
  border-style: var(--bulma-file-name-border-style);
  border-width: var(--bulma-file-name-border-width);
  color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-name-color-l) + var(--bulma-file-color-l-delta)));
  display: block;
  max-width: var(--bulma-file-name-max-width);
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-inline-end: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 1rem;
}

/* Bulma Form */
:root {
  --bulma-label-color: var(--bulma-text-strong);
  --bulma-label-spacing: 0.5em;
  --bulma-label-weight: var(--bulma-weight-semibold);
  --bulma-help-size: var(--bulma-size-small);
  --bulma-field-block-spacing: 0.75rem;
}

.label {
  color: var(--bulma-label-color);
  display: block;
  font-size: var(--bulma-size-normal);
  font-weight: var(--bulma-weight-semibold);
}
.label:not(:last-child) {
  margin-bottom: var(--bulma-label-spacing);
}
.label.is-small {
  font-size: var(--bulma-size-small);
}
.label.is-medium {
  font-size: var(--bulma-size-medium);
}
.label.is-large {
  font-size: var(--bulma-size-large);
}

.help {
  display: block;
  font-size: var(--bulma-help-size);
  margin-top: 0.25rem;
}
.help.is-white {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l));
}
.help.is-black {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l));
}
.help.is-light {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l));
}
.help.is-dark {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l));
}
.help.is-text {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l));
}
.help.is-primary {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l));
}
.help.is-link {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l));
}
.help.is-info {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l));
}
.help.is-success {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l));
}
.help.is-warning {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l));
}
.help.is-danger {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l));
}

.field {
  --bulma-block-spacing: var(--bulma-field-block-spacing);
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-inline-end: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-inline-end: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: var(--bulma-size-small);
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: var(--bulma-size-medium);
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: var(--bulma-size-large);
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-inline-end: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: var(--bulma-size-normal);
  position: relative;
  text-align: inherit;
}
.control.has-icons-left .input:hover ~ .icon,
.control.has-icons-left .select:hover ~ .icon, .control.has-icons-right .input:hover ~ .icon,
.control.has-icons-right .select:hover ~ .icon {
  color: var(--bulma-input-icon-hover-color);
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: var(--bulma-input-icon-focus-color);
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: var(--bulma-size-small);
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: var(--bulma-size-medium);
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: var(--bulma-size-large);
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: var(--bulma-input-icon-color);
  height: var(--bulma-input-height);
  pointer-events: none;
  position: absolute;
  top: 0;
  width: var(--bulma-input-height);
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: var(--bulma-input-height);
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: var(--bulma-input-height);
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  inset-inline-end: 0.75em;
  position: absolute !important;
  top: 0.75em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: var(--bulma-size-small);
}
.control.is-loading.is-medium:after {
  font-size: var(--bulma-size-medium);
}
.control.is-loading.is-large:after {
  font-size: var(--bulma-size-large);
}

/* Bulma Components */
.breadcrumb {
  --bulma-breadcrumb-item-color: var(--bulma-link-text);
  --bulma-breadcrumb-item-hover-color: var(--bulma-link-text-hover);
  --bulma-breadcrumb-item-active-color: var(--bulma-link-text-active);
  --bulma-breadcrumb-item-padding-vertical: 0;
  --bulma-breadcrumb-item-padding-horizontal: 0.75em;
  --bulma-breadcrumb-item-separator-color: var(--bulma-border);
}

.breadcrumb {
  font-size: var(--bulma-size-normal);
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: var(--bulma-breadcrumb-item-color);
  display: flex;
  justify-content: center;
  padding: var(--bulma-breadcrumb-item-padding-vertical) var(--bulma-breadcrumb-item-padding-horizontal);
}
.breadcrumb a:hover {
  color: var(--bulma-breadcrumb-item-hover-color);
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-inline-start: 0;
}
.breadcrumb li.is-active a {
  color: var(--bulma-breadcrumb-item-active-color);
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: var(--bulma-breadcrumb-item-separator-color);
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-inline-end: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-inline-start: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: var(--bulma-size-small);
}
.breadcrumb.is-medium {
  font-size: var(--bulma-size-medium);
}
.breadcrumb.is-large {
  font-size: var(--bulma-size-large);
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}

.card {
  --bulma-card-color: var(--bulma-text);
  --bulma-card-background-color: var(--bulma-scheme-main);
  --bulma-card-shadow: var(--bulma-shadow);
  --bulma-card-radius: 0.75rem;
  --bulma-card-header-background-color: transparent;
  --bulma-card-header-color: var(--bulma-text-strong);
  --bulma-card-header-padding: 0.75rem 1rem;
  --bulma-card-header-shadow: 0 0.125em 0.25em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
  --bulma-card-header-weight: var(--bulma-weight-bold);
  --bulma-card-content-background-color: transparent;
  --bulma-card-content-padding: 1.5rem;
  --bulma-card-footer-background-color: transparent;
  --bulma-card-footer-border-top: 1px solid var(--bulma-border-weak);
  --bulma-card-footer-padding: 0.75rem;
  --bulma-card-media-margin: var(--bulma-block-spacing);
}

.card {
  background-color: var(--bulma-card-background-color);
  border-radius: var(--bulma-card-radius);
  box-shadow: var(--bulma-card-shadow);
  color: var(--bulma-card-color);
  max-width: 100%;
  position: relative;
}

.card-footer:first-child, .card-content:first-child, .card-header:first-child {
  border-start-start-radius: var(--bulma-card-radius);
  border-start-end-radius: var(--bulma-card-radius);
}
.card-footer:last-child, .card-content:last-child, .card-header:last-child {
  border-end-start-radius: var(--bulma-card-radius);
  border-end-end-radius: var(--bulma-card-radius);
}

.card-header {
  background-color: var(--bulma-card-header-background-color);
  align-items: stretch;
  box-shadow: var(--bulma-card-header-shadow);
  display: flex;
}

.card-header-title {
  align-items: center;
  color: var(--bulma-card-header-color);
  display: flex;
  flex-grow: 1;
  font-weight: var(--bulma-card-header-weight);
  padding: var(--bulma-card-header-padding);
}
.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: var(--bulma-card-header-padding);
}

.card-image {
  display: block;
  position: relative;
}
.card-image:first-child img {
  border-start-start-radius: var(--bulma-card-radius);
  border-start-end-radius: var(--bulma-card-radius);
}
.card-image:last-child img {
  border-end-start-radius: var(--bulma-card-radius);
  border-end-end-radius: var(--bulma-card-radius);
}

.card-content {
  background-color: var(--bulma-card-content-background-color);
  padding: var(--bulma-card-content-padding);
}

.card-footer {
  background-color: var(--bulma-card-footer-background-color);
  border-top: var(--bulma-card-footer-border-top);
  align-items: stretch;
  display: flex;
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: var(--bulma-card-footer-padding);
}
.card-footer-item:not(:last-child) {
  border-inline-end: var(--bulma-card-footer-border-top);
}

.card .media:not(:last-child) {
  margin-bottom: var(--bulma-card-media-margin);
}

.dropdown {
  --bulma-dropdown-menu-min-width: 12rem;
  --bulma-dropdown-content-background-color: var(--bulma-scheme-main);
  --bulma-dropdown-content-offset: 0.25rem;
  --bulma-dropdown-content-padding-bottom: 0.5rem;
  --bulma-dropdown-content-padding-top: 0.5rem;
  --bulma-dropdown-content-radius: var(--bulma-radius);
  --bulma-dropdown-content-shadow: var(--bulma-shadow);
  --bulma-dropdown-content-z: 20;
  --bulma-dropdown-item-h: var(--bulma-scheme-h);
  --bulma-dropdown-item-s: var(--bulma-scheme-s);
  --bulma-dropdown-item-l: var(--bulma-scheme-main-l);
  --bulma-dropdown-item-background-l: var(--bulma-scheme-main-l);
  --bulma-dropdown-item-background-l-delta: 0%;
  --bulma-dropdown-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-dropdown-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-dropdown-item-color-l: var(--bulma-text-strong-l);
  --bulma-dropdown-item-selected-h: var(--bulma-link-h);
  --bulma-dropdown-item-selected-s: var(--bulma-link-s);
  --bulma-dropdown-item-selected-l: var(--bulma-link-l);
  --bulma-dropdown-item-selected-background-l: var(--bulma-link-l);
  --bulma-dropdown-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-dropdown-divider-background-color: var(--bulma-border-weak);
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: var(--bulma-dropdown-content-offset);
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: var(--bulma-dropdown-menu-min-width);
  padding-top: var(--bulma-dropdown-content-offset);
  position: absolute;
  top: 100%;
  z-index: var(--bulma-dropdown-content-z);
}

.dropdown-content {
  background-color: var(--bulma-dropdown-content-background-color);
  border-radius: var(--bulma-dropdown-content-radius);
  box-shadow: var(--bulma-dropdown-content-shadow);
  padding-bottom: var(--bulma-dropdown-content-padding-bottom);
  padding-top: var(--bulma-dropdown-content-padding-top);
}

.dropdown-item {
  color: hsl(var(--bulma-dropdown-item-h), var(--bulma-dropdown-item-s), var(--bulma-dropdown-item-color-l));
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
}

a.dropdown-item,
button.dropdown-item {
  background-color: hsl(var(--bulma-dropdown-item-h), var(--bulma-dropdown-item-s), calc(var(--bulma-dropdown-item-background-l) + var(--bulma-dropdown-item-background-l-delta)));
  padding-inline-end: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
a.dropdown-item:hover,
button.dropdown-item:hover {
  --bulma-dropdown-item-background-l-delta: var(--bulma-dropdown-item-hover-background-l-delta);
  --bulma-dropdown-item-border-l-delta: var(--bulma-dropdown-item-hover-border-l-delta);
}
a.dropdown-item:active,
button.dropdown-item:active {
  --bulma-dropdown-item-background-l-delta: var(--bulma-dropdown-item-active-background-l-delta);
  --bulma-dropdown-item-border-l-delta: var(--bulma-dropdown-item-active-border-l-delta);
}
a.dropdown-item.is-active, a.dropdown-item.is-selected,
button.dropdown-item.is-active,
button.dropdown-item.is-selected {
  --bulma-dropdown-item-h: var(--bulma-dropdown-item-selected-h);
  --bulma-dropdown-item-s: var(--bulma-dropdown-item-selected-s);
  --bulma-dropdown-item-l: var(--bulma-dropdown-item-selected-l);
  --bulma-dropdown-item-background-l: var(--bulma-dropdown-item-selected-background-l);
  --bulma-dropdown-item-color-l: var(--bulma-dropdown-item-selected-color-l);
}

.dropdown-divider {
  background-color: var(--bulma-dropdown-divider-background-color);
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.menu {
  --bulma-menu-item-h: var(--bulma-scheme-h);
  --bulma-menu-item-s: var(--bulma-scheme-s);
  --bulma-menu-item-l: var(--bulma-scheme-main-l);
  --bulma-menu-item-background-l: var(--bulma-scheme-main-l);
  --bulma-menu-item-background-l-delta: 0%;
  --bulma-menu-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-menu-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-menu-item-color-l: var(--bulma-text-l);
  --bulma-menu-item-radius: var(--bulma-radius-small);
  --bulma-menu-item-selected-h: var(--bulma-link-h);
  --bulma-menu-item-selected-s: var(--bulma-link-s);
  --bulma-menu-item-selected-l: var(--bulma-link-l);
  --bulma-menu-item-selected-background-l: var(--bulma-link-l);
  --bulma-menu-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-menu-list-border-left: 1px solid var(--bulma-border);
  --bulma-menu-list-line-height: 1.25;
  --bulma-menu-list-link-padding: 0.5em 0.75em;
  --bulma-menu-nested-list-margin: 0.75em;
  --bulma-menu-nested-list-padding-left: 0.75em;
  --bulma-menu-label-color: var(--bulma-text-weak);
  --bulma-menu-label-font-size: 0.75em;
  --bulma-menu-label-letter-spacing: 0.1em;
  --bulma-menu-label-spacing: 1em;
}

.menu {
  font-size: var(--bulma-size-normal);
}
.menu.is-small {
  font-size: var(--bulma-size-small);
}
.menu.is-medium {
  font-size: var(--bulma-size-medium);
}
.menu.is-large {
  font-size: var(--bulma-size-large);
}

.menu-list {
  line-height: var(--bulma-menu-list-line-height);
}
.menu-list a,
.menu-list button,
.menu-list .menu-item {
  background-color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), calc(var(--bulma-menu-item-background-l) + var(--bulma-menu-item-background-l-delta)));
  border-radius: var(--bulma-menu-item-radius);
  color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), var(--bulma-menu-item-color-l));
  display: block;
  padding: var(--bulma-menu-list-link-padding);
  text-align: left;
  width: 100%;
}
.menu-list a:hover,
.menu-list button:hover,
.menu-list .menu-item:hover {
  --bulma-menu-item-background-l-delta: var(--bulma-menu-item-hover-background-l-delta);
}
.menu-list a:active,
.menu-list button:active,
.menu-list .menu-item:active {
  --bulma-menu-item-background-l-delta: var(--bulma-menu-item-active-background-l-delta);
}
.menu-list a.is-active, .menu-list a.is-selected,
.menu-list button.is-active,
.menu-list button.is-selected,
.menu-list .menu-item.is-active,
.menu-list .menu-item.is-selected {
  --bulma-menu-item-h: var(--bulma-menu-item-selected-h);
  --bulma-menu-item-s: var(--bulma-menu-item-selected-s);
  --bulma-menu-item-l: var(--bulma-menu-item-selected-l);
  --bulma-menu-item-background-l: var(--bulma-menu-item-selected-background-l);
  --bulma-menu-item-color-l: var(--bulma-menu-item-selected-color-l);
}
.menu-list li ul {
  border-inline-start: var(--bulma-menu-list-border-left);
  margin: var(--bulma-menu-nested-list-margin);
  padding-inline-start: var(--bulma-menu-nested-list-padding-left);
}

.menu-label {
  color: var(--bulma-menu-label-color);
  font-size: var(--bulma-menu-label-font-size);
  letter-spacing: var(--bulma-menu-label-letter-spacing);
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: var(--bulma-menu-label-spacing);
}
.menu-label:not(:last-child) {
  margin-bottom: var(--bulma-menu-label-spacing);
}

.message {
  --bulma-message-border-l-delta: -20%;
  --bulma-message-radius: var(--bulma-radius);
  --bulma-message-header-weight: var(--bulma-weight-semibold);
  --bulma-message-header-padding: 1em 1.25em;
  --bulma-message-header-radius: var(--bulma-radius);
  --bulma-message-body-border-width: 0 0 0 4px;
  --bulma-message-body-color: var(--bulma-text);
  --bulma-message-body-padding: 1.25em 1.5em;
  --bulma-message-body-radius: var(--bulma-radius-small);
  --bulma-message-body-pre-code-background-color: transparent;
  --bulma-message-header-body-border-width: 0;
  --bulma-message-h: var(--bulma-scheme-h);
  --bulma-message-s: var(--bulma-scheme-s);
  --bulma-message-background-l: var(--bulma-background-l);
  --bulma-message-border-l: var(--bulma-border-l);
  --bulma-message-border-style: solid;
  --bulma-message-border-width: 0.25em;
  --bulma-message-color-l: var(--bulma-text-l);
  --bulma-message-header-background-l: var(--bulma-dark-l);
  --bulma-message-header-color-l: var(--bulma-text-dark-invert-l);
}

.message {
  border-radius: var(--bulma-message-radius);
  color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-color-l));
  font-size: var(--bulma-size-normal);
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-small {
  font-size: var(--bulma-size-small);
}
.message.is-medium {
  font-size: var(--bulma-size-medium);
}
.message.is-large {
  font-size: var(--bulma-size-large);
}
.message.is-white {
  --bulma-message-h: var(--bulma-white-h);
  --bulma-message-s: var(--bulma-white-s);
  --bulma-message-border-l: calc(var(--bulma-white-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-white-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-white-l);
  --bulma-message-header-color-l: var(--bulma-white-invert-l);
}
.message.is-black {
  --bulma-message-h: var(--bulma-black-h);
  --bulma-message-s: var(--bulma-black-s);
  --bulma-message-border-l: calc(var(--bulma-black-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-black-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-black-l);
  --bulma-message-header-color-l: var(--bulma-black-invert-l);
}
.message.is-light {
  --bulma-message-h: var(--bulma-light-h);
  --bulma-message-s: var(--bulma-light-s);
  --bulma-message-border-l: calc(var(--bulma-light-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-light-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-light-l);
  --bulma-message-header-color-l: var(--bulma-light-invert-l);
}
.message.is-dark {
  --bulma-message-h: var(--bulma-dark-h);
  --bulma-message-s: var(--bulma-dark-s);
  --bulma-message-border-l: calc(var(--bulma-dark-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-dark-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-dark-l);
  --bulma-message-header-color-l: var(--bulma-dark-invert-l);
}
.message.is-text {
  --bulma-message-h: var(--bulma-text-h);
  --bulma-message-s: var(--bulma-text-s);
  --bulma-message-border-l: calc(var(--bulma-text-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-text-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-text-l);
  --bulma-message-header-color-l: var(--bulma-text-invert-l);
}
.message.is-primary {
  --bulma-message-h: var(--bulma-primary-h);
  --bulma-message-s: var(--bulma-primary-s);
  --bulma-message-border-l: calc(var(--bulma-primary-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-primary-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-primary-l);
  --bulma-message-header-color-l: var(--bulma-primary-invert-l);
}
.message.is-link {
  --bulma-message-h: var(--bulma-link-h);
  --bulma-message-s: var(--bulma-link-s);
  --bulma-message-border-l: calc(var(--bulma-link-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-link-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-link-l);
  --bulma-message-header-color-l: var(--bulma-link-invert-l);
}
.message.is-info {
  --bulma-message-h: var(--bulma-info-h);
  --bulma-message-s: var(--bulma-info-s);
  --bulma-message-border-l: calc(var(--bulma-info-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-info-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-info-l);
  --bulma-message-header-color-l: var(--bulma-info-invert-l);
}
.message.is-success {
  --bulma-message-h: var(--bulma-success-h);
  --bulma-message-s: var(--bulma-success-s);
  --bulma-message-border-l: calc(var(--bulma-success-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-success-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-success-l);
  --bulma-message-header-color-l: var(--bulma-success-invert-l);
}
.message.is-warning {
  --bulma-message-h: var(--bulma-warning-h);
  --bulma-message-s: var(--bulma-warning-s);
  --bulma-message-border-l: calc(var(--bulma-warning-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-warning-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-warning-l);
  --bulma-message-header-color-l: var(--bulma-warning-invert-l);
}
.message.is-danger {
  --bulma-message-h: var(--bulma-danger-h);
  --bulma-message-s: var(--bulma-danger-s);
  --bulma-message-border-l: calc(var(--bulma-danger-l) + var(--bulma-message-border-l-delta));
  --bulma-message-color-l: var(--bulma-danger-on-scheme-l);
  --bulma-message-header-background-l: var(--bulma-danger-l);
  --bulma-message-header-color-l: var(--bulma-danger-invert-l);
}

.message-header {
  align-items: center;
  background-color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-header-background-l));
  border-start-start-radius: var(--bulma-message-header-radius);
  border-start-end-radius: var(--bulma-message-header-radius);
  color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-header-color-l));
  display: flex;
  font-weight: var(--bulma-message-header-weight);
  justify-content: space-between;
  line-height: 1.25;
  padding: var(--bulma-message-header-padding);
  position: relative;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-inline-start: 0.75em;
}
.message-header + .message-body {
  border-width: var(--bulma-message-header-body-border-width);
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.message-body {
  background-color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-background-l));
  border-inline-start-color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-border-l));
  border-inline-start-style: var(--bulma-message-border-style);
  border-inline-start-width: var(--bulma-message-border-width);
  border-radius: var(--bulma-message-body-radius);
  padding: var(--bulma-message-body-padding);
}
.message-body code,
.message-body pre {
  background-color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-header-color-l));
  color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-header-background-l));
}
.message-body pre code {
  background-color: var(--bulma-message-body-pre-code-background-color);
}

.modal {
  --bulma-modal-z: 40;
  --bulma-modal-background-background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.86);
  --bulma-modal-content-width: 40rem;
  --bulma-modal-content-margin-mobile: 1.25rem;
  --bulma-modal-content-spacing-mobile: 10rem;
  --bulma-modal-content-spacing-tablet: 2.5rem;
  --bulma-modal-close-dimensions: 2.5rem;
  --bulma-modal-close-right: 1.25rem;
  --bulma-modal-close-top: 1.25rem;
  --bulma-modal-card-spacing: 2.5rem;
  --bulma-modal-card-head-background-color: var(--bulma-scheme-main);
  --bulma-modal-card-head-padding: 2rem;
  --bulma-modal-card-head-radius: var(--bulma-radius-large);
  --bulma-modal-card-title-color: var(--bulma-text-strong);
  --bulma-modal-card-title-line-height: 1;
  --bulma-modal-card-title-size: var(--bulma-size-4);
  --bulma-modal-card-foot-background-color: var(--bulma-scheme-main-bis);
  --bulma-modal-card-foot-radius: var(--bulma-radius-large);
  --bulma-modal-card-body-background-color: var(--bulma-scheme-main);
  --bulma-modal-card-body-padding: 2rem;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: var(--bulma-modal-z);
}
.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: var(--bulma-modal-background-background-color);
}

.modal-content,
.modal-card {
  margin: 0 var(--bulma-modal-content-margin-mobile);
  max-height: calc(100vh - var(--bulma-modal-content-spacing-mobile));
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - var(--bulma-modal-content-spacing-tablet));
    width: var(--bulma-modal-content-width);
  }
}

.modal-close {
  background: none;
  height: var(--bulma-modal-close-dimensions);
  inset-inline-end: var(--bulma-modal-close-right);
  position: fixed;
  top: var(--bulma-modal-close-top);
  width: var(--bulma-modal-close-dimensions);
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - var(--bulma-modal-card-spacing));
  overflow: hidden;
  overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: var(--bulma-modal-card-head-padding);
  position: relative;
}

.modal-card-head {
  background-color: var(--bulma-modal-card-head-background-color);
  border-start-start-radius: var(--bulma-modal-card-head-radius);
  border-start-end-radius: var(--bulma-modal-card-head-radius);
  box-shadow: var(--bulma-shadow);
}

.modal-card-title {
  color: var(--bulma-modal-card-title-color);
  flex-grow: 1;
  flex-shrink: 0;
  font-size: var(--bulma-modal-card-title-size);
  line-height: var(--bulma-modal-card-title-line-height);
}

.modal-card-foot {
  background-color: var(--bulma-modal-card-foot-background-color);
  border-end-start-radius: var(--bulma-modal-card-foot-radius);
  border-end-end-radius: var(--bulma-modal-card-foot-radius);
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: var(--bulma-modal-card-body-background-color);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: var(--bulma-modal-card-body-padding);
}

:root {
  --bulma-navbar-height: 3.25rem;
}

.navbar {
  --bulma-navbar-h: var(--bulma-scheme-h);
  --bulma-navbar-s: var(--bulma-scheme-s);
  --bulma-navbar-l: var(--bulma-scheme-main-l);
  --bulma-navbar-background-color: var(--bulma-scheme-main);
  --bulma-navbar-box-shadow-size: 0 0.125em 0 0;
  --bulma-navbar-box-shadow-color: var(--bulma-background);
  --bulma-navbar-padding-vertical: 1rem;
  --bulma-navbar-padding-horizontal: 2rem;
  --bulma-navbar-z: 30;
  --bulma-navbar-fixed-z: 30;
  --bulma-navbar-item-background-a: 0;
  --bulma-navbar-item-background-l: var(--bulma-scheme-main-l);
  --bulma-navbar-item-background-l-delta: 0%;
  --bulma-navbar-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-navbar-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-navbar-item-color-l: var(--bulma-text-l);
  --bulma-navbar-item-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-item-color-l));
  --bulma-navbar-item-selected-h: var(--bulma-link-h);
  --bulma-navbar-item-selected-s: var(--bulma-link-s);
  --bulma-navbar-item-selected-l: var(--bulma-link-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-link-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-navbar-item-img-max-height: 1.75rem;
  --bulma-navbar-burger-color: var(--bulma-link);
  --bulma-navbar-tab-hover-background-color: transparent;
  --bulma-navbar-tab-hover-border-bottom-color: var(--bulma-link);
  --bulma-navbar-tab-active-color: var(--bulma-link);
  --bulma-navbar-tab-active-background-color: transparent;
  --bulma-navbar-tab-active-border-bottom-color: var(--bulma-link);
  --bulma-navbar-tab-active-border-bottom-style: solid;
  --bulma-navbar-tab-active-border-bottom-width: 0.1875em;
  --bulma-navbar-dropdown-background-color: var(--bulma-scheme-main);
  --bulma-navbar-dropdown-border-l: var(--bulma-border-l);
  --bulma-navbar-dropdown-border-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-dropdown-border-l));
  --bulma-navbar-dropdown-border-style: solid;
  --bulma-navbar-dropdown-border-width: 0.125em;
  --bulma-navbar-dropdown-offset: -0.25em;
  --bulma-navbar-dropdown-arrow: var(--bulma-link);
  --bulma-navbar-dropdown-radius: var(--bulma-radius-large);
  --bulma-navbar-dropdown-z: 20;
  --bulma-navbar-dropdown-boxed-radius: var(--bulma-radius-large);
  --bulma-navbar-dropdown-boxed-shadow: 0 0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1), 0 0 0 1px hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
  --bulma-navbar-dropdown-item-h: var(--bulma-scheme-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-scheme-s);
  --bulma-navbar-dropdown-item-l: var(--bulma-scheme-main-l);
  --bulma-navbar-dropdown-item-background-l: var(--bulma-scheme-main-l);
  --bulma-navbar-dropdown-item-color-l: var(--bulma-text-l);
  --bulma-navbar-divider-background-l: var(--bulma-background-l);
  --bulma-navbar-divider-height: 0.125em;
  --bulma-navbar-bottom-box-shadow-size: 0 -0.125em 0 0;
}

.navbar {
  background-color: var(--bulma-navbar-background-color);
  min-height: var(--bulma-navbar-height);
  position: relative;
  z-index: var(--bulma-navbar-z);
}
.navbar.is-white {
  --bulma-navbar-h: var(--bulma-white-h);
  --bulma-navbar-s: var(--bulma-white-s);
  --bulma-navbar-l: var(--bulma-white-l);
  --bulma-burger-h: var(--bulma-white-h);
  --bulma-burger-s: var(--bulma-white-s);
  --bulma-burger-l: var(--bulma-white-invert-l);
  --bulma-navbar-background-color: var(--bulma-white);
  --bulma-navbar-item-background-l: var(--bulma-white-l);
  --bulma-navbar-item-color-l: var(--bulma-white-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-white-h);
  --bulma-navbar-item-selected-s: var(--bulma-white-s);
  --bulma-navbar-item-selected-l: var(--bulma-white-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-white-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-white-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-white-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-white-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-white-s);
}
.navbar.is-black {
  --bulma-navbar-h: var(--bulma-black-h);
  --bulma-navbar-s: var(--bulma-black-s);
  --bulma-navbar-l: var(--bulma-black-l);
  --bulma-burger-h: var(--bulma-black-h);
  --bulma-burger-s: var(--bulma-black-s);
  --bulma-burger-l: var(--bulma-black-invert-l);
  --bulma-navbar-background-color: var(--bulma-black);
  --bulma-navbar-item-background-l: var(--bulma-black-l);
  --bulma-navbar-item-color-l: var(--bulma-black-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-black-h);
  --bulma-navbar-item-selected-s: var(--bulma-black-s);
  --bulma-navbar-item-selected-l: var(--bulma-black-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-black-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-black-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-black-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-black-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-black-s);
}
.navbar.is-light {
  --bulma-navbar-h: var(--bulma-light-h);
  --bulma-navbar-s: var(--bulma-light-s);
  --bulma-navbar-l: var(--bulma-light-l);
  --bulma-burger-h: var(--bulma-light-h);
  --bulma-burger-s: var(--bulma-light-s);
  --bulma-burger-l: var(--bulma-light-invert-l);
  --bulma-navbar-background-color: var(--bulma-light);
  --bulma-navbar-item-background-l: var(--bulma-light-l);
  --bulma-navbar-item-color-l: var(--bulma-light-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-light-h);
  --bulma-navbar-item-selected-s: var(--bulma-light-s);
  --bulma-navbar-item-selected-l: var(--bulma-light-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-light-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-light-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-light-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-light-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-light-s);
}
.navbar.is-dark {
  --bulma-navbar-h: var(--bulma-dark-h);
  --bulma-navbar-s: var(--bulma-dark-s);
  --bulma-navbar-l: var(--bulma-dark-l);
  --bulma-burger-h: var(--bulma-dark-h);
  --bulma-burger-s: var(--bulma-dark-s);
  --bulma-burger-l: var(--bulma-dark-invert-l);
  --bulma-navbar-background-color: var(--bulma-dark);
  --bulma-navbar-item-background-l: var(--bulma-dark-l);
  --bulma-navbar-item-color-l: var(--bulma-dark-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-dark-h);
  --bulma-navbar-item-selected-s: var(--bulma-dark-s);
  --bulma-navbar-item-selected-l: var(--bulma-dark-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-dark-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-dark-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-dark-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-dark-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-dark-s);
}
.navbar.is-text {
  --bulma-navbar-h: var(--bulma-text-h);
  --bulma-navbar-s: var(--bulma-text-s);
  --bulma-navbar-l: var(--bulma-text-l);
  --bulma-burger-h: var(--bulma-text-h);
  --bulma-burger-s: var(--bulma-text-s);
  --bulma-burger-l: var(--bulma-text-invert-l);
  --bulma-navbar-background-color: var(--bulma-text);
  --bulma-navbar-item-background-l: var(--bulma-text-l);
  --bulma-navbar-item-color-l: var(--bulma-text-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-text-h);
  --bulma-navbar-item-selected-s: var(--bulma-text-s);
  --bulma-navbar-item-selected-l: var(--bulma-text-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-text-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-text-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-text-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-text-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-text-s);
}
.navbar.is-primary {
  --bulma-navbar-h: var(--bulma-primary-h);
  --bulma-navbar-s: var(--bulma-primary-s);
  --bulma-navbar-l: var(--bulma-primary-l);
  --bulma-burger-h: var(--bulma-primary-h);
  --bulma-burger-s: var(--bulma-primary-s);
  --bulma-burger-l: var(--bulma-primary-invert-l);
  --bulma-navbar-background-color: var(--bulma-primary);
  --bulma-navbar-item-background-l: var(--bulma-primary-l);
  --bulma-navbar-item-color-l: var(--bulma-primary-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-primary-h);
  --bulma-navbar-item-selected-s: var(--bulma-primary-s);
  --bulma-navbar-item-selected-l: var(--bulma-primary-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-primary-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-primary-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-primary-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-primary-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-primary-s);
}
.navbar.is-link {
  --bulma-navbar-h: var(--bulma-link-h);
  --bulma-navbar-s: var(--bulma-link-s);
  --bulma-navbar-l: var(--bulma-link-l);
  --bulma-burger-h: var(--bulma-link-h);
  --bulma-burger-s: var(--bulma-link-s);
  --bulma-burger-l: var(--bulma-link-invert-l);
  --bulma-navbar-background-color: var(--bulma-link);
  --bulma-navbar-item-background-l: var(--bulma-link-l);
  --bulma-navbar-item-color-l: var(--bulma-link-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-link-h);
  --bulma-navbar-item-selected-s: var(--bulma-link-s);
  --bulma-navbar-item-selected-l: var(--bulma-link-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-link-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-link-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-link-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-link-s);
}
.navbar.is-info {
  --bulma-navbar-h: var(--bulma-info-h);
  --bulma-navbar-s: var(--bulma-info-s);
  --bulma-navbar-l: var(--bulma-info-l);
  --bulma-burger-h: var(--bulma-info-h);
  --bulma-burger-s: var(--bulma-info-s);
  --bulma-burger-l: var(--bulma-info-invert-l);
  --bulma-navbar-background-color: var(--bulma-info);
  --bulma-navbar-item-background-l: var(--bulma-info-l);
  --bulma-navbar-item-color-l: var(--bulma-info-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-info-h);
  --bulma-navbar-item-selected-s: var(--bulma-info-s);
  --bulma-navbar-item-selected-l: var(--bulma-info-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-info-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-info-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-info-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-info-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-info-s);
}
.navbar.is-success {
  --bulma-navbar-h: var(--bulma-success-h);
  --bulma-navbar-s: var(--bulma-success-s);
  --bulma-navbar-l: var(--bulma-success-l);
  --bulma-burger-h: var(--bulma-success-h);
  --bulma-burger-s: var(--bulma-success-s);
  --bulma-burger-l: var(--bulma-success-invert-l);
  --bulma-navbar-background-color: var(--bulma-success);
  --bulma-navbar-item-background-l: var(--bulma-success-l);
  --bulma-navbar-item-color-l: var(--bulma-success-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-success-h);
  --bulma-navbar-item-selected-s: var(--bulma-success-s);
  --bulma-navbar-item-selected-l: var(--bulma-success-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-success-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-success-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-success-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-success-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-success-s);
}
.navbar.is-warning {
  --bulma-navbar-h: var(--bulma-warning-h);
  --bulma-navbar-s: var(--bulma-warning-s);
  --bulma-navbar-l: var(--bulma-warning-l);
  --bulma-burger-h: var(--bulma-warning-h);
  --bulma-burger-s: var(--bulma-warning-s);
  --bulma-burger-l: var(--bulma-warning-invert-l);
  --bulma-navbar-background-color: var(--bulma-warning);
  --bulma-navbar-item-background-l: var(--bulma-warning-l);
  --bulma-navbar-item-color-l: var(--bulma-warning-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-warning-h);
  --bulma-navbar-item-selected-s: var(--bulma-warning-s);
  --bulma-navbar-item-selected-l: var(--bulma-warning-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-warning-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-warning-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-warning-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-warning-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-warning-s);
}
.navbar.is-danger {
  --bulma-navbar-h: var(--bulma-danger-h);
  --bulma-navbar-s: var(--bulma-danger-s);
  --bulma-navbar-l: var(--bulma-danger-l);
  --bulma-burger-h: var(--bulma-danger-h);
  --bulma-burger-s: var(--bulma-danger-s);
  --bulma-burger-l: var(--bulma-danger-invert-l);
  --bulma-navbar-background-color: var(--bulma-danger);
  --bulma-navbar-item-background-l: var(--bulma-danger-l);
  --bulma-navbar-item-color-l: var(--bulma-danger-invert-l);
  --bulma-navbar-item-selected-h: var(--bulma-danger-h);
  --bulma-navbar-item-selected-s: var(--bulma-danger-s);
  --bulma-navbar-item-selected-l: var(--bulma-danger-l);
  --bulma-navbar-item-selected-background-l: var(--bulma-danger-l);
  --bulma-navbar-item-selected-color-l: var(--bulma-danger-invert-l);
  --bulma-navbar-dropdown-arrow: var(--bulma-danger-invert-l);
  --bulma-navbar-dropdown-background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-navbar-dropdown-item-background-l));
  --bulma-navbar-dropdown-item-h: var(--bulma-danger-h);
  --bulma-navbar-dropdown-item-s: var(--bulma-danger-s);
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: var(--bulma-navbar-height);
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: var(--bulma-navbar-box-shadow-size) var(--bulma-navbar-box-shadow-color);
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: var(--bulma-navbar-fixed-z);
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: var(--bulma-navbar-bottom-box-shadow-size) var(--bulma-navbar-box-shadow-color);
}
.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: var(--bulma-navbar-height);
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: var(--bulma-navbar-height);
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: var(--bulma-navbar-height);
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  border-radius: var(--bulma-burger-border-radius);
  color: hsl(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l));
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 2.5rem;
  justify-content: center;
  position: relative;
  vertical-align: top;
  width: 2.5rem;
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: var(--bulma-burger-item-height);
  left: calc(50% - (var(--bulma-burger-item-width)) / 2);
  position: absolute;
  transform-origin: center;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, color, opacity, transform;
  transition-timing-function: var(--bulma-easing);
  width: var(--bulma-burger-item-width);
}
.navbar-burger span:nth-child(1), .navbar-burger span:nth-child(2) {
  top: calc(50% - (var(--bulma-burger-item-height)) / 2);
}
.navbar-burger span:nth-child(3) {
  bottom: calc(50% + var(--bulma-burger-gap));
}
.navbar-burger span:nth-child(4) {
  top: calc(50% + var(--bulma-burger-gap));
}
.navbar-burger:hover {
  background-color: hsla(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l), 0.1);
}
.navbar-burger:active {
  background-color: hsla(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l), 0.2);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: rotate(-45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}
.navbar-burger.is-active span:nth-child(3), .navbar-burger.is-active span:nth-child(4) {
  opacity: 0;
}
.navbar-burger {
  align-self: center;
  color: var(--bulma-navbar-burger-color);
  margin-inline-start: auto;
  margin-inline-end: 0.375rem;
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: var(--bulma-navbar-item-color);
  display: block;
  gap: 0.75rem;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  background-color: hsla(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)), var(--bulma-navbar-item-background-a));
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover {
  --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-hover-background-l-delta);
  --bulma-navbar-item-background-a: 1;
}
a.navbar-item:active,
.navbar-link:active {
  --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-active-background-l-delta);
  --bulma-navbar-item-background-a: 1;
}
a.navbar-item.is-active, a.navbar-item.is-selected,
.navbar-link.is-active,
.navbar-link.is-selected {
  --bulma-navbar-h: var(--bulma-navbar-item-selected-h);
  --bulma-navbar-s: var(--bulma-navbar-item-selected-s);
  --bulma-navbar-l: var(--bulma-navbar-item-selected-l);
  --bulma-navbar-item-background-l: var(--bulma-navbar-item-selected-background-l);
  --bulma-navbar-item-background-a: 1;
  --bulma-navbar-item-color-l: var(--bulma-navbar-item-selected-color-l);
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img,
.navbar-item svg {
  max-height: var(--bulma-navbar-item-img-max-height);
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: var(--bulma-navbar-height);
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: var(--bulma-navbar-tab-hover-background-color);
  border-bottom-color: var(--bulma-navbar-tab-hover-border-bottom-color);
}
.navbar-item.is-tab.is-active {
  background-color: var(--bulma-navbar-tab-active-background-color);
  border-bottom-color: var(--bulma-navbar-tab-active-border-bottom-color);
  border-bottom-style: var(--bulma-navbar-tab-active-border-bottom-style);
  border-bottom-width: var(--bulma-navbar-tab-active-border-bottom-width);
  color: var(--bulma-navbar-tab-active-color);
  padding-bottom: calc(0.5rem - var(--bulma-navbar-tab-active-border-bottom-width));
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-inline-end: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: var(--bulma-navbar-dropdown-arrow);
  margin-top: -0.375em;
  inset-inline-end: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.75rem;
  padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.navbar-dropdown .navbar-item:not(.is-active, .is-selected) {
  background-color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta)));
  color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), var(--bulma-navbar-dropdown-item-color-l));
}

.navbar-divider {
  background-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-divider-background-l));
  border: none;
  display: none;
  height: var(--bulma-navbar-divider-height);
  margin: 0.5rem 0;
}

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: var(--bulma-navbar-background-color);
    box-shadow: 0 0.5em 1em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: var(--bulma-navbar-fixed-z);
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -0.125em 0.1875em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - var(--bulma-navbar-height));
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: var(--bulma-navbar-height);
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: var(--bulma-navbar-height);
  }
}
@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: var(--bulma-navbar-height);
  }
  .navbar.is-spaced {
    padding: var(--bulma-navbar-padding-vertical) var(--bulma-navbar-padding-horizontal);
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: var(--bulma-radius);
  }
  .navbar.is-transparent {
    --bulma-navbar-item-background-a: 0;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item {
    background-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)));
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active, .navbar.is-transparent .navbar-dropdown a.navbar-item.is-selected {
    --bulma-navbar-h: var(--bulma-navbar-item-selected-h);
    --bulma-navbar-s: var(--bulma-navbar-item-selected-s);
    --bulma-navbar-l: var(--bulma-navbar-item-selected-l);
    --bulma-navbar-item-background-l: var(--bulma-navbar-item-selected-background-l);
    --bulma-navbar-item-color-l: var(--bulma-navbar-item-selected-color-l);
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom-color: var(--bulma-navbar-dropdown-border-color);
    border-bottom-style: var(--bulma-navbar-dropdown-border-style);
    border-bottom-width: var(--bulma-navbar-dropdown-border-width);
    border-radius: var(--bulma-navbar-dropdown-radius) var(--bulma-navbar-dropdown-radius) 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-inline-end: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-inline-start: auto;
  }
  .navbar-dropdown {
    background-color: var(--bulma-navbar-dropdown-background-color);
    border-end-start-radius: var(--bulma-navbar-dropdown-radius);
    border-end-end-radius: var(--bulma-navbar-dropdown-radius);
    border-top-color: var(--bulma-navbar-dropdown-border-color);
    border-top-style: var(--bulma-navbar-dropdown-border-style);
    border-top-width: var(--bulma-navbar-dropdown-border-width);
    box-shadow: 0 0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
    display: none;
    font-size: 0.875rem;
    inset-inline-start: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: var(--bulma-navbar-dropdown-z);
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-inline-end: 3rem;
  }
  .navbar-dropdown a.navbar-item:not(.is-active, .is-selected) {
    background-color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta)));
    color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), var(--bulma-navbar-dropdown-item-color-l));
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: var(--bulma-navbar-dropdown-boxed-radius);
    border-top: none;
    box-shadow: var(--bulma-navbar-dropdown-boxed-shadow);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (var(--bulma-navbar-dropdown-offset)));
    transform: translateY(-5px);
    transition-duration: var(--bulma-duration);
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }
  .navbar-divider {
    display: block;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-inline-start: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-inline-end: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: var(--bulma-navbar-fixed-z);
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -0.125em 0.1875em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: var(--bulma-navbar-height);
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: var(--bulma-navbar-height);
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2);
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2);
  }
}
.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - var(--bulma-navbar-height));
}

.pagination {
  --bulma-pagination-margin: -0.25rem;
  --bulma-pagination-min-width: var(--bulma-control-height);
  --bulma-pagination-item-h: var(--bulma-scheme-h);
  --bulma-pagination-item-s: var(--bulma-scheme-s);
  --bulma-pagination-item-l: var(--bulma-scheme-main-l);
  --bulma-pagination-item-background-l-delta: 0%;
  --bulma-pagination-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-pagination-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-pagination-item-border-style: solid;
  --bulma-pagination-item-border-width: var(--bulma-control-border-width);
  --bulma-pagination-item-border-l: var(--bulma-border-l);
  --bulma-pagination-item-border-l-delta: 0%;
  --bulma-pagination-item-hover-border-l-delta: var(--bulma-hover-border-l-delta);
  --bulma-pagination-item-active-border-l-delta: var(--bulma-active-border-l-delta);
  --bulma-pagination-item-focus-border-l-delta: var(--bulma-focus-border-l-delta);
  --bulma-pagination-item-color-l: var(--bulma-text-strong-l);
  --bulma-pagination-item-font-size: 1em;
  --bulma-pagination-item-margin: 0.25rem;
  --bulma-pagination-item-padding-left: 0.5em;
  --bulma-pagination-item-padding-right: 0.5em;
  --bulma-pagination-item-outer-shadow-h: 0;
  --bulma-pagination-item-outer-shadow-s: 0%;
  --bulma-pagination-item-outer-shadow-l: 20%;
  --bulma-pagination-item-outer-shadow-a: 0.05;
  --bulma-pagination-nav-padding-left: 0.75em;
  --bulma-pagination-nav-padding-right: 0.75em;
  --bulma-pagination-disabled-color: var(--bulma-text-weak);
  --bulma-pagination-disabled-background-color: var(--bulma-border);
  --bulma-pagination-disabled-border-color: var(--bulma-border);
  --bulma-pagination-current-color: var(--bulma-link-invert);
  --bulma-pagination-current-background-color: var(--bulma-link);
  --bulma-pagination-current-border-color: var(--bulma-link);
  --bulma-pagination-ellipsis-color: var(--bulma-text-weak);
  --bulma-pagination-shadow-inset: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.2);
  --bulma-pagination-selected-item-h: var(--bulma-link-h);
  --bulma-pagination-selected-item-s: var(--bulma-link-s);
  --bulma-pagination-selected-item-l: var(--bulma-link-l);
  --bulma-pagination-selected-item-background-l: var(--bulma-link-l);
  --bulma-pagination-selected-item-border-l: var(--bulma-link-l);
  --bulma-pagination-selected-item-color-l: var(--bulma-link-invert-l);
}

.pagination {
  font-size: var(--bulma-size-normal);
  margin: var(--bulma-pagination-margin);
}
.pagination.is-small {
  font-size: var(--bulma-size-small);
}
.pagination.is-medium {
  font-size: var(--bulma-size-medium);
}
.pagination.is-large {
  font-size: var(--bulma-size-large);
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: var(--bulma-radius-rounded);
}
.pagination.is-rounded .pagination-link {
  border-radius: var(--bulma-radius-rounded);
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), var(--bulma-pagination-item-color-l));
  font-size: var(--bulma-pagination-item-font-size);
  justify-content: center;
  margin: var(--bulma-pagination-item-margin);
  padding-left: var(--bulma-pagination-item-padding-left);
  padding-right: var(--bulma-pagination-item-padding-right);
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  background-color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), calc(var(--bulma-pagination-item-background-l) + var(--bulma-pagination-item-background-l-delta)));
  border-color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), calc(var(--bulma-pagination-item-border-l) + var(--bulma-pagination-item-border-l-delta)));
  border-style: var(--bulma-pagination-item-border-style);
  border-width: var(--bulma-pagination-item-border-width);
  box-shadow: 0px 0.0625em 0.125em hsla(var(--bulma-pagination-item-outer-shadow-h), var(--bulma-pagination-item-outer-shadow-s), var(--bulma-pagination-item-outer-shadow-l), var(--bulma-pagination-item-outer-shadow-a)), 0px 0.125em 0.25em hsla(var(--bulma-pagination-item-outer-shadow-h), var(--bulma-pagination-item-outer-shadow-s), var(--bulma-pagination-item-outer-shadow-l), var(--bulma-pagination-item-outer-shadow-a));
  color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), var(--bulma-pagination-item-color-l));
  min-width: var(--bulma-pagination-min-width);
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, box-shadow, color;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  --bulma-pagination-item-background-l-delta: var(--bulma-pagination-item-hover-background-l-delta);
  --bulma-pagination-item-border-l-delta: var(--bulma-pagination-item-hover-border-l-delta);
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  --bulma-pagination-item-background-l-delta: var(--bulma-pagination-item-hover-background-l-delta);
  --bulma-pagination-item-border-l-delta: var(--bulma-pagination-item-hover-border-l-delta);
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: var(--bulma-pagination-shadow-inset);
}
.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: var(--bulma-pagination-disabled-background-color);
  border-color: var(--bulma-pagination-disabled-border-color);
  box-shadow: none;
  color: var(--bulma-pagination-disabled-color);
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: var(--bulma-pagination-nav-padding-left);
  padding-right: var(--bulma-pagination-nav-padding-right);
  white-space: nowrap;
}

.pagination-link.is-current, .pagination-link.is-selected {
  --bulma-pagination-item-h: var(--bulma-pagination-selected-item-h);
  --bulma-pagination-item-s: var(--bulma-pagination-selected-item-s);
  --bulma-pagination-item-l: var(--bulma-pagination-selected-item-l);
  --bulma-pagination-item-background-l: var(--bulma-pagination-selected-item-background-l);
  --bulma-pagination-item-border-l: var(--bulma-pagination-selected-item-border-l);
  --bulma-pagination-item-color-l: var(--bulma-pagination-selected-item-color-l);
}

.pagination-ellipsis {
  color: var(--bulma-pagination-ellipsis-color);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.panel {
  --bulma-panel-margin: var(--bulma-block-spacing);
  --bulma-panel-item-border: 1px solid var(--bulma-border-weak);
  --bulma-panel-radius: var(--bulma-radius-large);
  --bulma-panel-shadow: var(--bulma-shadow);
  --bulma-panel-heading-line-height: 1.25;
  --bulma-panel-heading-padding: 1em 1.25em;
  --bulma-panel-heading-radius: var(--bulma-radius);
  --bulma-panel-heading-size: 1.25em;
  --bulma-panel-heading-weight: var(--bulma-weight-bold);
  --bulma-panel-tabs-font-size: 1em;
  --bulma-panel-tab-border-bottom-color: var(--bulma-border);
  --bulma-panel-tab-border-bottom-style: solid;
  --bulma-panel-tab-border-bottom-width: 1px;
  --bulma-panel-tab-active-color: var(--bulma-link-active);
  --bulma-panel-list-item-color: var(--bulma-text);
  --bulma-panel-list-item-hover-color: var(--bulma-link);
  --bulma-panel-block-color: var(--bulma-text-strong);
  --bulma-panel-block-hover-background-color: var(--bulma-background);
  --bulma-panel-block-active-border-left-color: var(--bulma-link);
  --bulma-panel-block-active-color: var(--bulma-link-active);
  --bulma-panel-block-active-icon-color: var(--bulma-link);
  --bulma-panel-icon-color: var(--bulma-text-weak);
}

.panel {
  --bulma-panel-h: var(--bulma-scheme-h);
  --bulma-panel-s: var(--bulma-scheme-s);
  --bulma-panel-color-l: var(--bulma-text-l);
  --bulma-panel-heading-background-l: var(--bulma-text-l);
  --bulma-panel-heading-color-l: var(--bulma-text-invert-l);
  border-radius: var(--bulma-panel-radius);
  box-shadow: var(--bulma-panel-shadow);
  font-size: var(--bulma-size-normal);
}
.panel:not(:last-child) {
  margin-bottom: var(--bulma-panel-margin);
}
.panel.is-white {
  --bulma-panel-h: var(--bulma-white-h);
  --bulma-panel-s: var(--bulma-white-s);
  --bulma-panel-color-l: var(--bulma-white-l);
  --bulma-panel-heading-background-l: var(--bulma-white-l);
  --bulma-panel-heading-color-l: var(--bulma-white-invert-l);
}
.panel.is-black {
  --bulma-panel-h: var(--bulma-black-h);
  --bulma-panel-s: var(--bulma-black-s);
  --bulma-panel-color-l: var(--bulma-black-l);
  --bulma-panel-heading-background-l: var(--bulma-black-l);
  --bulma-panel-heading-color-l: var(--bulma-black-invert-l);
}
.panel.is-light {
  --bulma-panel-h: var(--bulma-light-h);
  --bulma-panel-s: var(--bulma-light-s);
  --bulma-panel-color-l: var(--bulma-light-l);
  --bulma-panel-heading-background-l: var(--bulma-light-l);
  --bulma-panel-heading-color-l: var(--bulma-light-invert-l);
}
.panel.is-dark {
  --bulma-panel-h: var(--bulma-dark-h);
  --bulma-panel-s: var(--bulma-dark-s);
  --bulma-panel-color-l: var(--bulma-dark-l);
  --bulma-panel-heading-background-l: var(--bulma-dark-l);
  --bulma-panel-heading-color-l: var(--bulma-dark-invert-l);
}
.panel.is-text {
  --bulma-panel-h: var(--bulma-text-h);
  --bulma-panel-s: var(--bulma-text-s);
  --bulma-panel-color-l: var(--bulma-text-l);
  --bulma-panel-heading-background-l: var(--bulma-text-l);
  --bulma-panel-heading-color-l: var(--bulma-text-invert-l);
}
.panel.is-primary {
  --bulma-panel-h: var(--bulma-primary-h);
  --bulma-panel-s: var(--bulma-primary-s);
  --bulma-panel-color-l: var(--bulma-primary-l);
  --bulma-panel-heading-background-l: var(--bulma-primary-l);
  --bulma-panel-heading-color-l: var(--bulma-primary-invert-l);
}
.panel.is-link {
  --bulma-panel-h: var(--bulma-link-h);
  --bulma-panel-s: var(--bulma-link-s);
  --bulma-panel-color-l: var(--bulma-link-l);
  --bulma-panel-heading-background-l: var(--bulma-link-l);
  --bulma-panel-heading-color-l: var(--bulma-link-invert-l);
}
.panel.is-info {
  --bulma-panel-h: var(--bulma-info-h);
  --bulma-panel-s: var(--bulma-info-s);
  --bulma-panel-color-l: var(--bulma-info-l);
  --bulma-panel-heading-background-l: var(--bulma-info-l);
  --bulma-panel-heading-color-l: var(--bulma-info-invert-l);
}
.panel.is-success {
  --bulma-panel-h: var(--bulma-success-h);
  --bulma-panel-s: var(--bulma-success-s);
  --bulma-panel-color-l: var(--bulma-success-l);
  --bulma-panel-heading-background-l: var(--bulma-success-l);
  --bulma-panel-heading-color-l: var(--bulma-success-invert-l);
}
.panel.is-warning {
  --bulma-panel-h: var(--bulma-warning-h);
  --bulma-panel-s: var(--bulma-warning-s);
  --bulma-panel-color-l: var(--bulma-warning-l);
  --bulma-panel-heading-background-l: var(--bulma-warning-l);
  --bulma-panel-heading-color-l: var(--bulma-warning-invert-l);
}
.panel.is-danger {
  --bulma-panel-h: var(--bulma-danger-h);
  --bulma-panel-s: var(--bulma-danger-s);
  --bulma-panel-color-l: var(--bulma-danger-l);
  --bulma-panel-heading-background-l: var(--bulma-danger-l);
  --bulma-panel-heading-color-l: var(--bulma-danger-invert-l);
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: var(--bulma-panel-item-border);
}

.panel-heading {
  background-color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-heading-background-l));
  border-radius: var(--bulma-panel-radius) var(--bulma-panel-radius) 0 0;
  color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-heading-color-l));
  font-size: var(--bulma-panel-heading-size);
  font-weight: var(--bulma-panel-heading-weight);
  line-height: var(--bulma-panel-heading-line-height);
  padding: var(--bulma-panel-heading-padding);
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: var(--bulma-panel-tabs-font-size);
  justify-content: center;
}
.panel-tabs a {
  border-bottom-color: var(--bulma-panel-tab-border-bottom-color);
  border-bottom-style: var(--bulma-panel-tab-border-bottom-style);
  border-bottom-width: var(--bulma-panel-tab-border-bottom-width);
  margin-bottom: calc(-1 * 1px);
  padding: 0.75em;
}
.panel-tabs a.is-active {
  border-bottom-color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l));
  color: var(--bulma-panel-tab-active-color);
}

.panel-list a {
  color: var(--bulma-panel-list-item-color);
}
.panel-list a:hover {
  color: var(--bulma-panel-list-item-hover-color);
}

.panel-block {
  align-items: center;
  color: var(--bulma-panel-block-color);
  display: flex;
  justify-content: flex-start;
  padding: 0.75em 1em;
}
.panel-block input[type=checkbox] {
  margin-inline-end: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: var(--bulma-panel-block-active-border-left-color);
  color: var(--bulma-panel-block-active-color);
}
.panel-block.is-active .panel-icon {
  color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l));
}
.panel-block:last-child {
  border-end-start-radius: var(--bulma-panel-radius);
  border-end-end-radius: var(--bulma-panel-radius);
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: var(--bulma-panel-block-hover-background-color);
}

.panel-icon {
  display: inline-block;
  font-size: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: var(--bulma-panel-icon-color);
  margin-inline-end: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  --bulma-tabs-border-bottom-color: var(--bulma-border);
  --bulma-tabs-border-bottom-style: solid;
  --bulma-tabs-border-bottom-width: 1px;
  --bulma-tabs-link-color: var(--bulma-text);
  --bulma-tabs-link-hover-border-bottom-color: var(--bulma-text-strong);
  --bulma-tabs-link-hover-color: var(--bulma-text-strong);
  --bulma-tabs-link-active-border-bottom-color: var(--bulma-link-text);
  --bulma-tabs-link-active-color: var(--bulma-link-text);
  --bulma-tabs-link-padding: 0.5em 1em;
  --bulma-tabs-boxed-link-radius: var(--bulma-radius);
  --bulma-tabs-boxed-link-hover-background-color: var(--bulma-background);
  --bulma-tabs-boxed-link-hover-border-bottom-color: var(--bulma-border);
  --bulma-tabs-boxed-link-active-background-color: var(--bulma-scheme-main);
  --bulma-tabs-boxed-link-active-border-color: var(--bulma-border);
  --bulma-tabs-boxed-link-active-border-bottom-color: transparent;
  --bulma-tabs-toggle-link-border-color: var(--bulma-border);
  --bulma-tabs-toggle-link-border-style: solid;
  --bulma-tabs-toggle-link-border-width: 1px;
  --bulma-tabs-toggle-link-hover-background-color: var(--bulma-background);
  --bulma-tabs-toggle-link-hover-border-color: var(--bulma-border-hover);
  --bulma-tabs-toggle-link-radius: var(--bulma-radius);
  --bulma-tabs-toggle-link-active-background-color: var(--bulma-link);
  --bulma-tabs-toggle-link-active-border-color: var(--bulma-link);
  --bulma-tabs-toggle-link-active-color: var(--bulma-link-invert);
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: var(--bulma-size-normal);
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs a {
  align-items: center;
  border-bottom-color: var(--bulma-tabs-border-bottom-color);
  border-bottom-style: var(--bulma-tabs-border-bottom-style);
  border-bottom-width: var(--bulma-tabs-border-bottom-width);
  color: var(--bulma-tabs-link-color);
  display: flex;
  justify-content: center;
  margin-bottom: calc(-1 * var(--bulma-tabs-border-bottom-width));
  padding: var(--bulma-tabs-link-padding);
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, color;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: var(--bulma-tabs-link-hover-border-bottom-color);
  color: var(--bulma-tabs-link-hover-color);
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: var(--bulma-tabs-link-active-border-bottom-color);
  color: var(--bulma-tabs-link-active-color);
}
.tabs ul {
  align-items: center;
  border-bottom-color: var(--bulma-tabs-border-bottom-color);
  border-bottom-style: var(--bulma-tabs-border-bottom-style);
  border-bottom-width: var(--bulma-tabs-border-bottom-width);
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-inline-end: 0.5em;
}
.tabs .icon:last-child {
  margin-inline-start: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-start-start-radius: var(--bulma-tabs-boxed-link-radius);
  border-start-end-radius: var(--bulma-tabs-boxed-link-radius);
}
.tabs.is-boxed a:hover {
  background-color: var(--bulma-tabs-boxed-link-hover-background-color);
  border-bottom-color: var(--bulma-tabs-boxed-link-hover-border-bottom-color);
}
.tabs.is-boxed li.is-active a {
  background-color: var(--bulma-tabs-boxed-link-active-background-color);
  border-color: var(--bulma-tabs-boxed-link-active-border-color);
  border-bottom-color: var(--bulma-tabs-boxed-link-active-border-bottom-color) !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: var(--bulma-tabs-toggle-link-border-color);
  border-style: var(--bulma-tabs-toggle-link-border-style);
  border-width: var(--bulma-tabs-toggle-link-border-width);
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: var(--bulma-tabs-toggle-link-hover-background-color);
  border-color: var(--bulma-tabs-toggle-link-hover-border-color);
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-inline-start: calc(-1 * var(--bulma-tabs-toggle-link-border-width));
}
.tabs.is-toggle li:first-child a {
  border-start-start-radius: var(--bulma-tabs-toggle-link-radius);
  border-end-start-radius: var(--bulma-tabs-toggle-link-radius);
}
.tabs.is-toggle li:last-child a {
  border-start-end-radius: var(--bulma-tabs-toggle-link-radius);
  border-end-end-radius: var(--bulma-tabs-toggle-link-radius);
}
.tabs.is-toggle li.is-active a {
  background-color: var(--bulma-tabs-toggle-link-active-background-color);
  border-color: var(--bulma-tabs-toggle-link-active-border-color);
  color: var(--bulma-tabs-toggle-link-active-color);
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-start-start-radius: var(--bulma-radius-rounded);
  border-end-start-radius: var(--bulma-radius-rounded);
  padding-inline-start: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-start-end-radius: var(--bulma-radius-rounded);
  border-end-end-radius: var(--bulma-radius-rounded);
  padding-inline-end: 1.25em;
}
.tabs.is-small {
  font-size: var(--bulma-size-small);
}
.tabs.is-medium {
  font-size: var(--bulma-size-medium);
}
.tabs.is-large {
  font-size: var(--bulma-size-large);
}

/* Bulma Grid */
:root {
  --bulma-column-gap: 0.75rem;
}

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: var(--bulma-column-gap);
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-inline-start: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-inline-start: 0.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-inline-start: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-inline-start: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-inline-start: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-inline-start: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-inline-start: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-inline-start: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-inline-start: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-inline-start: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-inline-start: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-inline-start: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-inline-start: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-inline-start: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-inline-start: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-inline-start: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-inline-start: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-inline-start: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-mobile {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-mobile {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-inline-start: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-mobile {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-mobile {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-inline-start: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-mobile {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-mobile {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-inline-start: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-mobile {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-mobile {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-inline-start: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-inline-start: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-inline-start: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-inline-start: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-inline-start: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-inline-start: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-inline-start: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-inline-start: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-touch {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-touch {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-inline-start: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-touch {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-touch {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-inline-start: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-touch {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-touch {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-inline-start: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-touch {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-touch {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-inline-start: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-inline-start: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-desktop {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-desktop {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-inline-start: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-desktop {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-desktop {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-inline-start: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-desktop {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-desktop {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-inline-start: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-desktop {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-desktop {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-inline-start: 0.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-inline-start: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-inline-start: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-widescreen {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-widescreen {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-inline-start: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-inline-start: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-widescreen {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-widescreen {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-inline-start: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-widescreen {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-widescreen {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-inline-start: 100%;
  }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: unset;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-inline-start: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-inline-start: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-inline-start: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-inline-start: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-inline-start: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-inline-start: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-inline-start: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-inline-start: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-inline-start: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-inline-start: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-fullhd {
    margin-inline-start: 8.3333333333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-fullhd {
    margin-inline-start: 16.6666666667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-inline-start: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-fullhd {
    margin-inline-start: 33.3333333333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-fullhd {
    margin-inline-start: 41.6666666667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-inline-start: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-fullhd {
    margin-inline-start: 58.3333333333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-fullhd {
    margin-inline-start: 66.6666666667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-inline-start: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-fullhd {
    margin-inline-start: 83.3333333333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-fullhd {
    margin-inline-start: 91.6666666667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-inline-start: 100%;
  }
}

.columns {
  margin-inline-start: calc(-1 * var(--bulma-column-gap));
  margin-inline-end: calc(-1 * var(--bulma-column-gap));
  margin-top: calc(-1 * var(--bulma-column-gap));
}
.columns:last-child {
  margin-bottom: calc(-1 * var(--bulma-column-gap));
}
.columns:not(:last-child) {
  margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap));
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}
.columns.is-0 {
  --bulma-column-gap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-0-mobile {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-0-tablet {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-0-tablet-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-0-touch {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-0-desktop {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-0-desktop-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-0-widescreen {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-0-widescreen-only {
    --bulma-column-gap: 0rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-0-fullhd {
    --bulma-column-gap: 0rem;
  }
}
.columns.is-1 {
  --bulma-column-gap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-1-mobile {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-1-tablet {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-1-tablet-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-1-touch {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-1-desktop {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-1-desktop-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-1-widescreen {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-1-widescreen-only {
    --bulma-column-gap: 0.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-1-fullhd {
    --bulma-column-gap: 0.25rem;
  }
}
.columns.is-2 {
  --bulma-column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-2-mobile {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-2-tablet {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-2-tablet-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-2-touch {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-2-desktop {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-2-desktop-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-2-widescreen {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-2-widescreen-only {
    --bulma-column-gap: 0.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-2-fullhd {
    --bulma-column-gap: 0.5rem;
  }
}
.columns.is-3 {
  --bulma-column-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-3-mobile {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-3-tablet {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-3-tablet-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-3-touch {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-3-desktop {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-3-desktop-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-3-widescreen {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-3-widescreen-only {
    --bulma-column-gap: 0.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-3-fullhd {
    --bulma-column-gap: 0.75rem;
  }
}
.columns.is-4 {
  --bulma-column-gap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-4-mobile {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-4-tablet {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-4-tablet-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-4-touch {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-4-desktop {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-4-desktop-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-4-widescreen {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-4-widescreen-only {
    --bulma-column-gap: 1rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-4-fullhd {
    --bulma-column-gap: 1rem;
  }
}
.columns.is-5 {
  --bulma-column-gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-5-mobile {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-5-tablet {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-5-tablet-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-5-touch {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-5-desktop {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-5-desktop-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-5-widescreen {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-5-widescreen-only {
    --bulma-column-gap: 1.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-5-fullhd {
    --bulma-column-gap: 1.25rem;
  }
}
.columns.is-6 {
  --bulma-column-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-6-mobile {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-6-tablet {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-6-tablet-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-6-touch {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-6-desktop {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-6-desktop-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-6-widescreen {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-6-widescreen-only {
    --bulma-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-6-fullhd {
    --bulma-column-gap: 1.5rem;
  }
}
.columns.is-7 {
  --bulma-column-gap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-7-mobile {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-7-tablet {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-7-tablet-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-7-touch {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-7-desktop {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-7-desktop-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-7-widescreen {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-7-widescreen-only {
    --bulma-column-gap: 1.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-7-fullhd {
    --bulma-column-gap: 1.75rem;
  }
}
.columns.is-8 {
  --bulma-column-gap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-8-mobile {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-8-tablet {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-8-tablet-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-8-touch {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-8-desktop {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-8-desktop-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-8-widescreen {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-8-widescreen-only {
    --bulma-column-gap: 2rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-8-fullhd {
    --bulma-column-gap: 2rem;
  }
}

.fixed-grid {
  container-name: bulma-fixed-grid;
  container-type: inline-size;
}
.fixed-grid > .grid {
  --bulma-grid-gap-count: calc(var(--bulma-grid-column-count) - 1);
  --bulma-grid-column-count: 2;
  grid-template-columns: repeat(var(--bulma-grid-column-count), 1fr);
}
.fixed-grid.has-1-cols > .grid {
  --bulma-grid-column-count: 1;
}
.fixed-grid.has-2-cols > .grid {
  --bulma-grid-column-count: 2;
}
.fixed-grid.has-3-cols > .grid {
  --bulma-grid-column-count: 3;
}
.fixed-grid.has-4-cols > .grid {
  --bulma-grid-column-count: 4;
}
.fixed-grid.has-5-cols > .grid {
  --bulma-grid-column-count: 5;
}
.fixed-grid.has-6-cols > .grid {
  --bulma-grid-column-count: 6;
}
.fixed-grid.has-7-cols > .grid {
  --bulma-grid-column-count: 7;
}
.fixed-grid.has-8-cols > .grid {
  --bulma-grid-column-count: 8;
}
.fixed-grid.has-9-cols > .grid {
  --bulma-grid-column-count: 9;
}
.fixed-grid.has-10-cols > .grid {
  --bulma-grid-column-count: 10;
}
.fixed-grid.has-11-cols > .grid {
  --bulma-grid-column-count: 11;
}
.fixed-grid.has-12-cols > .grid {
  --bulma-grid-column-count: 12;
}
@container bulma-fixed-grid (max-width: 768px) {
  .fixed-grid.has-1-cols-mobile > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-mobile > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-mobile > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-mobile > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-mobile > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-mobile > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-mobile > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-mobile > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-mobile > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-mobile > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-mobile > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-mobile > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 769px) {
  .fixed-grid.has-1-cols-tablet > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-tablet > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-tablet > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-tablet > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-tablet > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-tablet > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-tablet > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-tablet > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-tablet > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-tablet > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-tablet > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-tablet > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 1024px) {
  .fixed-grid.has-1-cols-desktop > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-desktop > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-desktop > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-desktop > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-desktop > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-desktop > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-desktop > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-desktop > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-desktop > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-desktop > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-desktop > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-desktop > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 1216px) {
  .fixed-grid.has-1-cols-widescreen > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-widescreen > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-widescreen > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-widescreen > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-widescreen > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-widescreen > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-widescreen > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-widescreen > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-widescreen > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-widescreen > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-widescreen > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-widescreen > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 1408px) {
  .fixed-grid.has-1-cols-fullhd > .grid {
    --bulma-grid-column-count: 1;
  }
  .fixed-grid.has-2-cols-fullhd > .grid {
    --bulma-grid-column-count: 2;
  }
  .fixed-grid.has-3-cols-fullhd > .grid {
    --bulma-grid-column-count: 3;
  }
  .fixed-grid.has-4-cols-fullhd > .grid {
    --bulma-grid-column-count: 4;
  }
  .fixed-grid.has-5-cols-fullhd > .grid {
    --bulma-grid-column-count: 5;
  }
  .fixed-grid.has-6-cols-fullhd > .grid {
    --bulma-grid-column-count: 6;
  }
  .fixed-grid.has-7-cols-fullhd > .grid {
    --bulma-grid-column-count: 7;
  }
  .fixed-grid.has-8-cols-fullhd > .grid {
    --bulma-grid-column-count: 8;
  }
  .fixed-grid.has-9-cols-fullhd > .grid {
    --bulma-grid-column-count: 9;
  }
  .fixed-grid.has-10-cols-fullhd > .grid {
    --bulma-grid-column-count: 10;
  }
  .fixed-grid.has-11-cols-fullhd > .grid {
    --bulma-grid-column-count: 11;
  }
  .fixed-grid.has-12-cols-fullhd > .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (max-width: 768px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 2;
  }
}
@container bulma-fixed-grid (min-width: 769px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 4;
  }
}
@container bulma-fixed-grid (min-width: 1024px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 8;
  }
}
@container bulma-fixed-grid (min-width: 1216px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 12;
  }
}
@container bulma-fixed-grid (min-width: 1408px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 16;
  }
}

.grid {
  --bulma-grid-gap: 0.75rem;
  --bulma-grid-column-min: 9rem;
  --bulma-grid-cell-column-span: 1;
  --bulma-grid-cell-row-span: 1;
  display: grid;
  gap: var(--bulma-grid-gap);
  column-gap: var(--bulma-grid-column-gap, var(--bulma-grid-gap));
  row-gap: var(--bulma-grid-row-gap, var(--bulma-grid-gap));
  grid-template-columns: repeat(auto-fit, minmax(var(--bulma-grid-column-min), 1fr));
  grid-template-rows: auto;
}
.grid.is-auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(var(--bulma-grid-column-min), 1fr));
}
.grid.is-col-min-1 {
  --bulma-grid-column-min: 1.5rem;
}
.grid.is-col-min-2 {
  --bulma-grid-column-min: 3rem;
}
.grid.is-col-min-3 {
  --bulma-grid-column-min: 4.5rem;
}
.grid.is-col-min-4 {
  --bulma-grid-column-min: 6rem;
}
.grid.is-col-min-5 {
  --bulma-grid-column-min: 7.5rem;
}
.grid.is-col-min-6 {
  --bulma-grid-column-min: 9rem;
}
.grid.is-col-min-7 {
  --bulma-grid-column-min: 10.5rem;
}
.grid.is-col-min-8 {
  --bulma-grid-column-min: 12rem;
}
.grid.is-col-min-9 {
  --bulma-grid-column-min: 13.5rem;
}
.grid.is-col-min-10 {
  --bulma-grid-column-min: 15rem;
}
.grid.is-col-min-11 {
  --bulma-grid-column-min: 16.5rem;
}
.grid.is-col-min-12 {
  --bulma-grid-column-min: 18rem;
}
.grid.is-col-min-13 {
  --bulma-grid-column-min: 19.5rem;
}
.grid.is-col-min-14 {
  --bulma-grid-column-min: 21rem;
}
.grid.is-col-min-15 {
  --bulma-grid-column-min: 22.5rem;
}
.grid.is-col-min-16 {
  --bulma-grid-column-min: 24rem;
}
.grid.is-col-min-17 {
  --bulma-grid-column-min: 25.5rem;
}
.grid.is-col-min-18 {
  --bulma-grid-column-min: 27rem;
}
.grid.is-col-min-19 {
  --bulma-grid-column-min: 28.5rem;
}
.grid.is-col-min-20 {
  --bulma-grid-column-min: 30rem;
}
.grid.is-col-min-21 {
  --bulma-grid-column-min: 31.5rem;
}
.grid.is-col-min-22 {
  --bulma-grid-column-min: 33rem;
}
.grid.is-col-min-23 {
  --bulma-grid-column-min: 34.5rem;
}
.grid.is-col-min-24 {
  --bulma-grid-column-min: 36rem;
}
.grid.is-col-min-25 {
  --bulma-grid-column-min: 37.5rem;
}
.grid.is-col-min-26 {
  --bulma-grid-column-min: 39rem;
}
.grid.is-col-min-27 {
  --bulma-grid-column-min: 40.5rem;
}
.grid.is-col-min-28 {
  --bulma-grid-column-min: 42rem;
}
.grid.is-col-min-29 {
  --bulma-grid-column-min: 43.5rem;
}
.grid.is-col-min-30 {
  --bulma-grid-column-min: 45rem;
}
.grid.is-col-min-31 {
  --bulma-grid-column-min: 46.5rem;
}
.grid.is-col-min-32 {
  --bulma-grid-column-min: 48rem;
}

.cell {
  grid-column-end: span var(--bulma-grid-cell-column-span);
  grid-column-start: var(--bulma-grid-cell-column-start);
  grid-row-end: span var(--bulma-grid-cell-row-span);
  grid-row-start: var(--bulma-grid-cell-row-start);
}
.cell.is-col-start-end {
  --bulma-grid-cell-column-start: -1;
}
.cell.is-row-start-end {
  --bulma-grid-cell-row-start: -1;
}
.cell.is-col-start-1 {
  --bulma-grid-cell-column-start: 1;
}
.cell.is-col-end-1 {
  --bulma-grid-cell-column-end: 1;
}
.cell.is-col-from-end-1 {
  --bulma-grid-cell-column-start: -1;
}
.cell.is-col-span-1 {
  --bulma-grid-cell-column-span: 1;
}
.cell.is-row-start-1 {
  --bulma-grid-cell-row-start: 1;
}
.cell.is-row-end-1 {
  --bulma-grid-cell-row-end: 1;
}
.cell.is-row-from-end-1 {
  --bulma-grid-cell-row-start: -1;
}
.cell.is-row-span-1 {
  --bulma-grid-cell-row-span: 1;
}
.cell.is-col-start-2 {
  --bulma-grid-cell-column-start: 2;
}
.cell.is-col-end-2 {
  --bulma-grid-cell-column-end: 2;
}
.cell.is-col-from-end-2 {
  --bulma-grid-cell-column-start: -2;
}
.cell.is-col-span-2 {
  --bulma-grid-cell-column-span: 2;
}
.cell.is-row-start-2 {
  --bulma-grid-cell-row-start: 2;
}
.cell.is-row-end-2 {
  --bulma-grid-cell-row-end: 2;
}
.cell.is-row-from-end-2 {
  --bulma-grid-cell-row-start: -2;
}
.cell.is-row-span-2 {
  --bulma-grid-cell-row-span: 2;
}
.cell.is-col-start-3 {
  --bulma-grid-cell-column-start: 3;
}
.cell.is-col-end-3 {
  --bulma-grid-cell-column-end: 3;
}
.cell.is-col-from-end-3 {
  --bulma-grid-cell-column-start: -3;
}
.cell.is-col-span-3 {
  --bulma-grid-cell-column-span: 3;
}
.cell.is-row-start-3 {
  --bulma-grid-cell-row-start: 3;
}
.cell.is-row-end-3 {
  --bulma-grid-cell-row-end: 3;
}
.cell.is-row-from-end-3 {
  --bulma-grid-cell-row-start: -3;
}
.cell.is-row-span-3 {
  --bulma-grid-cell-row-span: 3;
}
.cell.is-col-start-4 {
  --bulma-grid-cell-column-start: 4;
}
.cell.is-col-end-4 {
  --bulma-grid-cell-column-end: 4;
}
.cell.is-col-from-end-4 {
  --bulma-grid-cell-column-start: -4;
}
.cell.is-col-span-4 {
  --bulma-grid-cell-column-span: 4;
}
.cell.is-row-start-4 {
  --bulma-grid-cell-row-start: 4;
}
.cell.is-row-end-4 {
  --bulma-grid-cell-row-end: 4;
}
.cell.is-row-from-end-4 {
  --bulma-grid-cell-row-start: -4;
}
.cell.is-row-span-4 {
  --bulma-grid-cell-row-span: 4;
}
.cell.is-col-start-5 {
  --bulma-grid-cell-column-start: 5;
}
.cell.is-col-end-5 {
  --bulma-grid-cell-column-end: 5;
}
.cell.is-col-from-end-5 {
  --bulma-grid-cell-column-start: -5;
}
.cell.is-col-span-5 {
  --bulma-grid-cell-column-span: 5;
}
.cell.is-row-start-5 {
  --bulma-grid-cell-row-start: 5;
}
.cell.is-row-end-5 {
  --bulma-grid-cell-row-end: 5;
}
.cell.is-row-from-end-5 {
  --bulma-grid-cell-row-start: -5;
}
.cell.is-row-span-5 {
  --bulma-grid-cell-row-span: 5;
}
.cell.is-col-start-6 {
  --bulma-grid-cell-column-start: 6;
}
.cell.is-col-end-6 {
  --bulma-grid-cell-column-end: 6;
}
.cell.is-col-from-end-6 {
  --bulma-grid-cell-column-start: -6;
}
.cell.is-col-span-6 {
  --bulma-grid-cell-column-span: 6;
}
.cell.is-row-start-6 {
  --bulma-grid-cell-row-start: 6;
}
.cell.is-row-end-6 {
  --bulma-grid-cell-row-end: 6;
}
.cell.is-row-from-end-6 {
  --bulma-grid-cell-row-start: -6;
}
.cell.is-row-span-6 {
  --bulma-grid-cell-row-span: 6;
}
.cell.is-col-start-7 {
  --bulma-grid-cell-column-start: 7;
}
.cell.is-col-end-7 {
  --bulma-grid-cell-column-end: 7;
}
.cell.is-col-from-end-7 {
  --bulma-grid-cell-column-start: -7;
}
.cell.is-col-span-7 {
  --bulma-grid-cell-column-span: 7;
}
.cell.is-row-start-7 {
  --bulma-grid-cell-row-start: 7;
}
.cell.is-row-end-7 {
  --bulma-grid-cell-row-end: 7;
}
.cell.is-row-from-end-7 {
  --bulma-grid-cell-row-start: -7;
}
.cell.is-row-span-7 {
  --bulma-grid-cell-row-span: 7;
}
.cell.is-col-start-8 {
  --bulma-grid-cell-column-start: 8;
}
.cell.is-col-end-8 {
  --bulma-grid-cell-column-end: 8;
}
.cell.is-col-from-end-8 {
  --bulma-grid-cell-column-start: -8;
}
.cell.is-col-span-8 {
  --bulma-grid-cell-column-span: 8;
}
.cell.is-row-start-8 {
  --bulma-grid-cell-row-start: 8;
}
.cell.is-row-end-8 {
  --bulma-grid-cell-row-end: 8;
}
.cell.is-row-from-end-8 {
  --bulma-grid-cell-row-start: -8;
}
.cell.is-row-span-8 {
  --bulma-grid-cell-row-span: 8;
}
.cell.is-col-start-9 {
  --bulma-grid-cell-column-start: 9;
}
.cell.is-col-end-9 {
  --bulma-grid-cell-column-end: 9;
}
.cell.is-col-from-end-9 {
  --bulma-grid-cell-column-start: -9;
}
.cell.is-col-span-9 {
  --bulma-grid-cell-column-span: 9;
}
.cell.is-row-start-9 {
  --bulma-grid-cell-row-start: 9;
}
.cell.is-row-end-9 {
  --bulma-grid-cell-row-end: 9;
}
.cell.is-row-from-end-9 {
  --bulma-grid-cell-row-start: -9;
}
.cell.is-row-span-9 {
  --bulma-grid-cell-row-span: 9;
}
.cell.is-col-start-10 {
  --bulma-grid-cell-column-start: 10;
}
.cell.is-col-end-10 {
  --bulma-grid-cell-column-end: 10;
}
.cell.is-col-from-end-10 {
  --bulma-grid-cell-column-start: -10;
}
.cell.is-col-span-10 {
  --bulma-grid-cell-column-span: 10;
}
.cell.is-row-start-10 {
  --bulma-grid-cell-row-start: 10;
}
.cell.is-row-end-10 {
  --bulma-grid-cell-row-end: 10;
}
.cell.is-row-from-end-10 {
  --bulma-grid-cell-row-start: -10;
}
.cell.is-row-span-10 {
  --bulma-grid-cell-row-span: 10;
}
.cell.is-col-start-11 {
  --bulma-grid-cell-column-start: 11;
}
.cell.is-col-end-11 {
  --bulma-grid-cell-column-end: 11;
}
.cell.is-col-from-end-11 {
  --bulma-grid-cell-column-start: -11;
}
.cell.is-col-span-11 {
  --bulma-grid-cell-column-span: 11;
}
.cell.is-row-start-11 {
  --bulma-grid-cell-row-start: 11;
}
.cell.is-row-end-11 {
  --bulma-grid-cell-row-end: 11;
}
.cell.is-row-from-end-11 {
  --bulma-grid-cell-row-start: -11;
}
.cell.is-row-span-11 {
  --bulma-grid-cell-row-span: 11;
}
.cell.is-col-start-12 {
  --bulma-grid-cell-column-start: 12;
}
.cell.is-col-end-12 {
  --bulma-grid-cell-column-end: 12;
}
.cell.is-col-from-end-12 {
  --bulma-grid-cell-column-start: -12;
}
.cell.is-col-span-12 {
  --bulma-grid-cell-column-span: 12;
}
.cell.is-row-start-12 {
  --bulma-grid-cell-row-start: 12;
}
.cell.is-row-end-12 {
  --bulma-grid-cell-row-end: 12;
}
.cell.is-row-from-end-12 {
  --bulma-grid-cell-row-start: -12;
}
.cell.is-row-span-12 {
  --bulma-grid-cell-row-span: 12;
}
@media screen and (max-width: 768px) {
  .cell.is-col-start-1-mobile {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-mobile {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-mobile {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-mobile {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-mobile {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-mobile {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-mobile {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-mobile {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-mobile {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-mobile {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-mobile {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-mobile {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-mobile {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-mobile {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-mobile {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-mobile {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-mobile {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-mobile {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-mobile {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-mobile {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-mobile {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-mobile {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-mobile {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-mobile {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-mobile {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-mobile {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-mobile {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-mobile {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-mobile {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-mobile {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-mobile {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-mobile {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-mobile {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-mobile {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-mobile {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-mobile {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-mobile {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-mobile {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-mobile {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-mobile {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-mobile {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-mobile {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-mobile {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-mobile {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-mobile {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-mobile {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-mobile {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-mobile {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-mobile {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-mobile {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-mobile {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-mobile {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-mobile {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-mobile {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-mobile {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-mobile {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-mobile {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-mobile {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-mobile {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-mobile {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-mobile {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-mobile {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-mobile {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-mobile {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-mobile {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-mobile {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-mobile {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-mobile {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-mobile {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-mobile {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-mobile {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-mobile {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-mobile {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-mobile {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-mobile {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-mobile {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-mobile {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-mobile {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-mobile {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-mobile {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-mobile {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-mobile {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-mobile {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-mobile {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-mobile {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-mobile {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-mobile {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-mobile {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-mobile {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-mobile {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-mobile {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-mobile {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-mobile {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-mobile {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-mobile {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-mobile {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 769px), print {
  .cell.is-col-start-1-tablet {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-tablet {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-tablet {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-tablet {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-tablet {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-tablet {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-tablet {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-tablet {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-tablet {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-tablet {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-tablet {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-tablet {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-tablet {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-tablet {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-tablet {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-tablet {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-tablet {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-tablet {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-tablet {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-tablet {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-tablet {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-tablet {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-tablet {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-tablet {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-tablet {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-tablet {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-tablet {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-tablet {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-tablet {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-tablet {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-tablet {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-tablet {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-tablet {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-tablet {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-tablet {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-tablet {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-tablet {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-tablet {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-tablet {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-tablet {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-tablet {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-tablet {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-tablet {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-tablet {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-tablet {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-tablet {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-tablet {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-tablet {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-tablet {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-tablet {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-tablet {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-tablet {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-tablet {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-tablet {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-tablet {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-tablet {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-tablet {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-tablet {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-tablet {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-tablet {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-tablet {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-tablet {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-tablet {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-tablet {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-tablet {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-tablet {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-tablet {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-tablet {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-tablet {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-tablet {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-tablet {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-tablet {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-tablet {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-tablet {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-tablet {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-tablet {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-tablet {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-tablet {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-tablet {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-tablet {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-tablet {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-tablet {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-tablet {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-tablet {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-tablet {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-tablet {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-tablet {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-tablet {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-tablet {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-tablet {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-tablet {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-tablet {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-tablet {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-tablet {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-tablet {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-tablet {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .cell.is-col-start-1-tablet-only {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-tablet-only {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-tablet-only {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-tablet-only {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-tablet-only {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-tablet-only {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-tablet-only {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-tablet-only {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-tablet-only {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-tablet-only {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-tablet-only {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-tablet-only {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-tablet-only {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-tablet-only {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-tablet-only {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-tablet-only {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-tablet-only {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-tablet-only {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-tablet-only {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-tablet-only {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-tablet-only {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-tablet-only {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-tablet-only {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-tablet-only {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-tablet-only {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-tablet-only {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-tablet-only {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-tablet-only {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-tablet-only {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-tablet-only {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-tablet-only {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-tablet-only {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-tablet-only {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-tablet-only {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-tablet-only {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-tablet-only {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-tablet-only {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-tablet-only {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-tablet-only {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-tablet-only {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-tablet-only {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-tablet-only {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-tablet-only {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-tablet-only {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-tablet-only {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-tablet-only {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-tablet-only {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-tablet-only {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-tablet-only {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-tablet-only {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-tablet-only {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-tablet-only {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-tablet-only {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-tablet-only {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-tablet-only {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-tablet-only {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-tablet-only {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-tablet-only {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-tablet-only {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-tablet-only {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-tablet-only {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-tablet-only {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-tablet-only {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-tablet-only {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-tablet-only {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-tablet-only {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-tablet-only {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-tablet-only {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-tablet-only {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-tablet-only {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-tablet-only {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-tablet-only {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-tablet-only {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-tablet-only {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-tablet-only {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-tablet-only {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-tablet-only {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-tablet-only {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-tablet-only {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-tablet-only {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-tablet-only {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-tablet-only {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-tablet-only {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-tablet-only {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-tablet-only {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-tablet-only {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-tablet-only {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-tablet-only {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-tablet-only {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-tablet-only {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-tablet-only {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-tablet-only {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-tablet-only {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-tablet-only {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-tablet-only {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-tablet-only {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1024px) {
  .cell.is-col-start-1-desktop {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-desktop {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-desktop {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-desktop {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-desktop {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-desktop {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-desktop {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-desktop {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-desktop {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-desktop {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-desktop {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-desktop {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-desktop {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-desktop {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-desktop {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-desktop {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-desktop {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-desktop {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-desktop {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-desktop {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-desktop {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-desktop {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-desktop {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-desktop {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-desktop {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-desktop {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-desktop {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-desktop {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-desktop {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-desktop {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-desktop {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-desktop {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-desktop {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-desktop {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-desktop {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-desktop {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-desktop {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-desktop {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-desktop {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-desktop {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-desktop {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-desktop {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-desktop {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-desktop {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-desktop {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-desktop {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-desktop {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-desktop {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-desktop {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-desktop {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-desktop {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-desktop {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-desktop {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-desktop {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-desktop {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-desktop {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-desktop {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-desktop {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-desktop {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-desktop {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-desktop {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-desktop {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-desktop {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-desktop {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-desktop {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-desktop {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-desktop {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-desktop {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-desktop {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-desktop {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-desktop {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-desktop {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-desktop {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-desktop {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-desktop {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-desktop {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-desktop {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-desktop {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-desktop {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-desktop {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-desktop {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-desktop {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-desktop {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-desktop {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-desktop {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-desktop {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-desktop {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-desktop {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-desktop {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-desktop {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-desktop {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-desktop {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-desktop {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-desktop {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-desktop {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-desktop {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .cell.is-col-start-1-desktop-only {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-desktop-only {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-desktop-only {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-desktop-only {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-desktop-only {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-desktop-only {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-desktop-only {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-desktop-only {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-desktop-only {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-desktop-only {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-desktop-only {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-desktop-only {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-desktop-only {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-desktop-only {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-desktop-only {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-desktop-only {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-desktop-only {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-desktop-only {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-desktop-only {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-desktop-only {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-desktop-only {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-desktop-only {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-desktop-only {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-desktop-only {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-desktop-only {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-desktop-only {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-desktop-only {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-desktop-only {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-desktop-only {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-desktop-only {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-desktop-only {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-desktop-only {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-desktop-only {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-desktop-only {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-desktop-only {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-desktop-only {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-desktop-only {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-desktop-only {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-desktop-only {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-desktop-only {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-desktop-only {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-desktop-only {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-desktop-only {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-desktop-only {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-desktop-only {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-desktop-only {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-desktop-only {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-desktop-only {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-desktop-only {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-desktop-only {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-desktop-only {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-desktop-only {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-desktop-only {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-desktop-only {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-desktop-only {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-desktop-only {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-desktop-only {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-desktop-only {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-desktop-only {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-desktop-only {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-desktop-only {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-desktop-only {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-desktop-only {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-desktop-only {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-desktop-only {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-desktop-only {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-desktop-only {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-desktop-only {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-desktop-only {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-desktop-only {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-desktop-only {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-desktop-only {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-desktop-only {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-desktop-only {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-desktop-only {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-desktop-only {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-desktop-only {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-desktop-only {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-desktop-only {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-desktop-only {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-desktop-only {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-desktop-only {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-desktop-only {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-desktop-only {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-desktop-only {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-desktop-only {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-desktop-only {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-desktop-only {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-desktop-only {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-desktop-only {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-desktop-only {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-desktop-only {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-desktop-only {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-desktop-only {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-desktop-only {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-desktop-only {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1216px) {
  .cell.is-col-start-1-widescreen {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-widescreen {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-widescreen {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-widescreen {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-widescreen {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-widescreen {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-widescreen {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-widescreen {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-widescreen {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-widescreen {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-widescreen {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-widescreen {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-widescreen {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-widescreen {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-widescreen {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-widescreen {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-widescreen {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-widescreen {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-widescreen {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-widescreen {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-widescreen {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-widescreen {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-widescreen {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-widescreen {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-widescreen {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-widescreen {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-widescreen {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-widescreen {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-widescreen {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-widescreen {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-widescreen {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-widescreen {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-widescreen {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-widescreen {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-widescreen {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-widescreen {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-widescreen {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-widescreen {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-widescreen {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-widescreen {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-widescreen {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-widescreen {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-widescreen {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-widescreen {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-widescreen {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-widescreen {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-widescreen {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-widescreen {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-widescreen {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-widescreen {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-widescreen {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-widescreen {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-widescreen {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-widescreen {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-widescreen {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-widescreen {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-widescreen {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-widescreen {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-widescreen {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-widescreen {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-widescreen {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-widescreen {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-widescreen {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-widescreen {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-widescreen {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-widescreen {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-widescreen {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-widescreen {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-widescreen {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-widescreen {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-widescreen {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-widescreen {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-widescreen {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-widescreen {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-widescreen {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-widescreen {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-widescreen {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-widescreen {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-widescreen {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-widescreen {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-widescreen {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-widescreen {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-widescreen {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-widescreen {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-widescreen {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-widescreen {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-widescreen {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-widescreen {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-widescreen {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-widescreen {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-widescreen {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-widescreen {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-widescreen {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-widescreen {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-widescreen {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-widescreen {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .cell.is-col-start-1-widescreen-only {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-widescreen-only {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-widescreen-only {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-widescreen-only {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-widescreen-only {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-widescreen-only {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-widescreen-only {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-widescreen-only {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-widescreen-only {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-widescreen-only {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-widescreen-only {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-widescreen-only {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-widescreen-only {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-widescreen-only {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-widescreen-only {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-widescreen-only {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-widescreen-only {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-widescreen-only {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-widescreen-only {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-widescreen-only {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-widescreen-only {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-widescreen-only {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-widescreen-only {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-widescreen-only {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-widescreen-only {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-widescreen-only {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-widescreen-only {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-widescreen-only {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-widescreen-only {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-widescreen-only {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-widescreen-only {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-widescreen-only {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-widescreen-only {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-widescreen-only {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-widescreen-only {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-widescreen-only {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-widescreen-only {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-widescreen-only {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-widescreen-only {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-widescreen-only {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-widescreen-only {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-widescreen-only {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-widescreen-only {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-widescreen-only {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-widescreen-only {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-widescreen-only {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-widescreen-only {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-widescreen-only {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-widescreen-only {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-widescreen-only {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-widescreen-only {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-widescreen-only {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-widescreen-only {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-widescreen-only {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-widescreen-only {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-widescreen-only {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-widescreen-only {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-widescreen-only {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-widescreen-only {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-widescreen-only {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-widescreen-only {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-widescreen-only {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-widescreen-only {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-widescreen-only {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-widescreen-only {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-widescreen-only {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-widescreen-only {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-widescreen-only {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-widescreen-only {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-widescreen-only {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-widescreen-only {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-widescreen-only {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-widescreen-only {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-widescreen-only {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-widescreen-only {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-widescreen-only {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-widescreen-only {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-widescreen-only {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-widescreen-only {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-widescreen-only {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-widescreen-only {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-widescreen-only {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-widescreen-only {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-widescreen-only {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-widescreen-only {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-widescreen-only {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-widescreen-only {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-widescreen-only {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-widescreen-only {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-widescreen-only {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-widescreen-only {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-widescreen-only {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-widescreen-only {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-widescreen-only {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-widescreen-only {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-widescreen-only {
    --bulma-grid-cell-row-span: 12;
  }
}
@media screen and (min-width: 1408px) {
  .cell.is-col-start-1-fullhd {
    --bulma-grid-cell-column-start: 1;
  }
  .cell.is-col-end-1-fullhd {
    --bulma-grid-cell-column-end: 1;
  }
  .cell.is-col-from-end-1-fullhd {
    --bulma-grid-cell-column-start: -1;
  }
  .cell.is-col-span-1-fullhd {
    --bulma-grid-cell-column-span: 1;
  }
  .cell.is-row-start-1-fullhd {
    --bulma-grid-cell-row-start: 1;
  }
  .cell.is-row-end-1-fullhd {
    --bulma-grid-cell-row-end: 1;
  }
  .cell.is-row-from-end-1-fullhd {
    --bulma-grid-cell-row-start: -1;
  }
  .cell.is-row-span-1-fullhd {
    --bulma-grid-cell-row-span: 1;
  }
  .cell.is-col-start-2-fullhd {
    --bulma-grid-cell-column-start: 2;
  }
  .cell.is-col-end-2-fullhd {
    --bulma-grid-cell-column-end: 2;
  }
  .cell.is-col-from-end-2-fullhd {
    --bulma-grid-cell-column-start: -2;
  }
  .cell.is-col-span-2-fullhd {
    --bulma-grid-cell-column-span: 2;
  }
  .cell.is-row-start-2-fullhd {
    --bulma-grid-cell-row-start: 2;
  }
  .cell.is-row-end-2-fullhd {
    --bulma-grid-cell-row-end: 2;
  }
  .cell.is-row-from-end-2-fullhd {
    --bulma-grid-cell-row-start: -2;
  }
  .cell.is-row-span-2-fullhd {
    --bulma-grid-cell-row-span: 2;
  }
  .cell.is-col-start-3-fullhd {
    --bulma-grid-cell-column-start: 3;
  }
  .cell.is-col-end-3-fullhd {
    --bulma-grid-cell-column-end: 3;
  }
  .cell.is-col-from-end-3-fullhd {
    --bulma-grid-cell-column-start: -3;
  }
  .cell.is-col-span-3-fullhd {
    --bulma-grid-cell-column-span: 3;
  }
  .cell.is-row-start-3-fullhd {
    --bulma-grid-cell-row-start: 3;
  }
  .cell.is-row-end-3-fullhd {
    --bulma-grid-cell-row-end: 3;
  }
  .cell.is-row-from-end-3-fullhd {
    --bulma-grid-cell-row-start: -3;
  }
  .cell.is-row-span-3-fullhd {
    --bulma-grid-cell-row-span: 3;
  }
  .cell.is-col-start-4-fullhd {
    --bulma-grid-cell-column-start: 4;
  }
  .cell.is-col-end-4-fullhd {
    --bulma-grid-cell-column-end: 4;
  }
  .cell.is-col-from-end-4-fullhd {
    --bulma-grid-cell-column-start: -4;
  }
  .cell.is-col-span-4-fullhd {
    --bulma-grid-cell-column-span: 4;
  }
  .cell.is-row-start-4-fullhd {
    --bulma-grid-cell-row-start: 4;
  }
  .cell.is-row-end-4-fullhd {
    --bulma-grid-cell-row-end: 4;
  }
  .cell.is-row-from-end-4-fullhd {
    --bulma-grid-cell-row-start: -4;
  }
  .cell.is-row-span-4-fullhd {
    --bulma-grid-cell-row-span: 4;
  }
  .cell.is-col-start-5-fullhd {
    --bulma-grid-cell-column-start: 5;
  }
  .cell.is-col-end-5-fullhd {
    --bulma-grid-cell-column-end: 5;
  }
  .cell.is-col-from-end-5-fullhd {
    --bulma-grid-cell-column-start: -5;
  }
  .cell.is-col-span-5-fullhd {
    --bulma-grid-cell-column-span: 5;
  }
  .cell.is-row-start-5-fullhd {
    --bulma-grid-cell-row-start: 5;
  }
  .cell.is-row-end-5-fullhd {
    --bulma-grid-cell-row-end: 5;
  }
  .cell.is-row-from-end-5-fullhd {
    --bulma-grid-cell-row-start: -5;
  }
  .cell.is-row-span-5-fullhd {
    --bulma-grid-cell-row-span: 5;
  }
  .cell.is-col-start-6-fullhd {
    --bulma-grid-cell-column-start: 6;
  }
  .cell.is-col-end-6-fullhd {
    --bulma-grid-cell-column-end: 6;
  }
  .cell.is-col-from-end-6-fullhd {
    --bulma-grid-cell-column-start: -6;
  }
  .cell.is-col-span-6-fullhd {
    --bulma-grid-cell-column-span: 6;
  }
  .cell.is-row-start-6-fullhd {
    --bulma-grid-cell-row-start: 6;
  }
  .cell.is-row-end-6-fullhd {
    --bulma-grid-cell-row-end: 6;
  }
  .cell.is-row-from-end-6-fullhd {
    --bulma-grid-cell-row-start: -6;
  }
  .cell.is-row-span-6-fullhd {
    --bulma-grid-cell-row-span: 6;
  }
  .cell.is-col-start-7-fullhd {
    --bulma-grid-cell-column-start: 7;
  }
  .cell.is-col-end-7-fullhd {
    --bulma-grid-cell-column-end: 7;
  }
  .cell.is-col-from-end-7-fullhd {
    --bulma-grid-cell-column-start: -7;
  }
  .cell.is-col-span-7-fullhd {
    --bulma-grid-cell-column-span: 7;
  }
  .cell.is-row-start-7-fullhd {
    --bulma-grid-cell-row-start: 7;
  }
  .cell.is-row-end-7-fullhd {
    --bulma-grid-cell-row-end: 7;
  }
  .cell.is-row-from-end-7-fullhd {
    --bulma-grid-cell-row-start: -7;
  }
  .cell.is-row-span-7-fullhd {
    --bulma-grid-cell-row-span: 7;
  }
  .cell.is-col-start-8-fullhd {
    --bulma-grid-cell-column-start: 8;
  }
  .cell.is-col-end-8-fullhd {
    --bulma-grid-cell-column-end: 8;
  }
  .cell.is-col-from-end-8-fullhd {
    --bulma-grid-cell-column-start: -8;
  }
  .cell.is-col-span-8-fullhd {
    --bulma-grid-cell-column-span: 8;
  }
  .cell.is-row-start-8-fullhd {
    --bulma-grid-cell-row-start: 8;
  }
  .cell.is-row-end-8-fullhd {
    --bulma-grid-cell-row-end: 8;
  }
  .cell.is-row-from-end-8-fullhd {
    --bulma-grid-cell-row-start: -8;
  }
  .cell.is-row-span-8-fullhd {
    --bulma-grid-cell-row-span: 8;
  }
  .cell.is-col-start-9-fullhd {
    --bulma-grid-cell-column-start: 9;
  }
  .cell.is-col-end-9-fullhd {
    --bulma-grid-cell-column-end: 9;
  }
  .cell.is-col-from-end-9-fullhd {
    --bulma-grid-cell-column-start: -9;
  }
  .cell.is-col-span-9-fullhd {
    --bulma-grid-cell-column-span: 9;
  }
  .cell.is-row-start-9-fullhd {
    --bulma-grid-cell-row-start: 9;
  }
  .cell.is-row-end-9-fullhd {
    --bulma-grid-cell-row-end: 9;
  }
  .cell.is-row-from-end-9-fullhd {
    --bulma-grid-cell-row-start: -9;
  }
  .cell.is-row-span-9-fullhd {
    --bulma-grid-cell-row-span: 9;
  }
  .cell.is-col-start-10-fullhd {
    --bulma-grid-cell-column-start: 10;
  }
  .cell.is-col-end-10-fullhd {
    --bulma-grid-cell-column-end: 10;
  }
  .cell.is-col-from-end-10-fullhd {
    --bulma-grid-cell-column-start: -10;
  }
  .cell.is-col-span-10-fullhd {
    --bulma-grid-cell-column-span: 10;
  }
  .cell.is-row-start-10-fullhd {
    --bulma-grid-cell-row-start: 10;
  }
  .cell.is-row-end-10-fullhd {
    --bulma-grid-cell-row-end: 10;
  }
  .cell.is-row-from-end-10-fullhd {
    --bulma-grid-cell-row-start: -10;
  }
  .cell.is-row-span-10-fullhd {
    --bulma-grid-cell-row-span: 10;
  }
  .cell.is-col-start-11-fullhd {
    --bulma-grid-cell-column-start: 11;
  }
  .cell.is-col-end-11-fullhd {
    --bulma-grid-cell-column-end: 11;
  }
  .cell.is-col-from-end-11-fullhd {
    --bulma-grid-cell-column-start: -11;
  }
  .cell.is-col-span-11-fullhd {
    --bulma-grid-cell-column-span: 11;
  }
  .cell.is-row-start-11-fullhd {
    --bulma-grid-cell-row-start: 11;
  }
  .cell.is-row-end-11-fullhd {
    --bulma-grid-cell-row-end: 11;
  }
  .cell.is-row-from-end-11-fullhd {
    --bulma-grid-cell-row-start: -11;
  }
  .cell.is-row-span-11-fullhd {
    --bulma-grid-cell-row-span: 11;
  }
  .cell.is-col-start-12-fullhd {
    --bulma-grid-cell-column-start: 12;
  }
  .cell.is-col-end-12-fullhd {
    --bulma-grid-cell-column-end: 12;
  }
  .cell.is-col-from-end-12-fullhd {
    --bulma-grid-cell-column-start: -12;
  }
  .cell.is-col-span-12-fullhd {
    --bulma-grid-cell-column-span: 12;
  }
  .cell.is-row-start-12-fullhd {
    --bulma-grid-cell-row-start: 12;
  }
  .cell.is-row-end-12-fullhd {
    --bulma-grid-cell-row-end: 12;
  }
  .cell.is-row-from-end-12-fullhd {
    --bulma-grid-cell-row-start: -12;
  }
  .cell.is-row-span-12-fullhd {
    --bulma-grid-cell-row-span: 12;
  }
}

/* Bulma Components */
.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
.container.is-max-tablet {
  max-width: 705px;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-tablet):not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (max-width: 1407px) {
  .container.is-fullhd:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-tablet):not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1408px) {
  .container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

.footer {
  --bulma-footer-background-color: var(--bulma-scheme-main-bis);
  --bulma-footer-color: false;
  --bulma-footer-padding: 3rem 1.5rem 6rem;
  background-color: var(--bulma-footer-background-color);
  padding: var(--bulma-footer-padding);
}

.hero {
  --bulma-hero-body-padding: 3rem 1.5rem;
  --bulma-hero-body-padding-tablet: 3rem 3rem;
  --bulma-hero-body-padding-small: 1.5rem;
  --bulma-hero-body-padding-medium: 9rem 4.5rem;
  --bulma-hero-body-padding-large: 18rem 6rem;
  --bulma-hero-gradient-h-offset: 5deg;
  --bulma-hero-gradient-s-offset: 10%;
  --bulma-hero-gradient-l-offset: 5%;
}

.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  --bulma-hero-h: var(--bulma-white-h);
  --bulma-hero-s: var(--bulma-white-s);
  --bulma-hero-background-l: var(--bulma-white-l);
  --bulma-hero-color-l: var(--bulma-white-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-white .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-white .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-white .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-white .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-black {
  --bulma-hero-h: var(--bulma-black-h);
  --bulma-hero-s: var(--bulma-black-s);
  --bulma-hero-background-l: var(--bulma-black-l);
  --bulma-hero-color-l: var(--bulma-black-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-black .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-black .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-black .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-black .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-light {
  --bulma-hero-h: var(--bulma-light-h);
  --bulma-hero-s: var(--bulma-light-s);
  --bulma-hero-background-l: var(--bulma-light-l);
  --bulma-hero-color-l: var(--bulma-light-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-light .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-light .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-light .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-light .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-dark {
  --bulma-hero-h: var(--bulma-dark-h);
  --bulma-hero-s: var(--bulma-dark-s);
  --bulma-hero-background-l: var(--bulma-dark-l);
  --bulma-hero-color-l: var(--bulma-dark-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-dark .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-dark .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-dark .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-dark .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-text {
  --bulma-hero-h: var(--bulma-text-h);
  --bulma-hero-s: var(--bulma-text-s);
  --bulma-hero-background-l: var(--bulma-text-l);
  --bulma-hero-color-l: var(--bulma-text-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-text .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-text .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-text .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-text .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-text.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-text.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-primary {
  --bulma-hero-h: var(--bulma-primary-h);
  --bulma-hero-s: var(--bulma-primary-s);
  --bulma-hero-background-l: var(--bulma-primary-l);
  --bulma-hero-color-l: var(--bulma-primary-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-primary .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-primary .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-primary .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-primary .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-link {
  --bulma-hero-h: var(--bulma-link-h);
  --bulma-hero-s: var(--bulma-link-s);
  --bulma-hero-background-l: var(--bulma-link-l);
  --bulma-hero-color-l: var(--bulma-link-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-link .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-link .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-link .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-link .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-info {
  --bulma-hero-h: var(--bulma-info-h);
  --bulma-hero-s: var(--bulma-info-s);
  --bulma-hero-background-l: var(--bulma-info-l);
  --bulma-hero-color-l: var(--bulma-info-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-info .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-info .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-info .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-info .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-success {
  --bulma-hero-h: var(--bulma-success-h);
  --bulma-hero-s: var(--bulma-success-s);
  --bulma-hero-background-l: var(--bulma-success-l);
  --bulma-hero-color-l: var(--bulma-success-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-success .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-success .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-success .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-success .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-warning {
  --bulma-hero-h: var(--bulma-warning-h);
  --bulma-hero-s: var(--bulma-warning-s);
  --bulma-hero-background-l: var(--bulma-warning-l);
  --bulma-hero-color-l: var(--bulma-warning-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-warning .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-warning .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-warning .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-warning .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-danger {
  --bulma-hero-h: var(--bulma-danger-h);
  --bulma-hero-s: var(--bulma-danger-s);
  --bulma-hero-background-l: var(--bulma-danger-l);
  --bulma-hero-color-l: var(--bulma-danger-invert-l);
  background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-danger .navbar {
  --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-danger .tabs {
  --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
  --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l));
}
.hero.is-danger .subtitle {
  --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-danger .title {
  --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
  --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l));
}
.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%);
  }
}
.hero.is-small .hero-body {
  padding: var(--bulma-hero-body-padding-small);
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: var(--bulma-hero-body-padding-medium);
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: var(--bulma-hero-body-padding-large);
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-inline-end: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: var(--bulma-hero-body-padding);
}
@media screen and (min-width: 769px), print {
  .hero-body {
    padding: var(--bulma-hero-body-padding-tablet);
  }
}

.level {
  --bulma-level-item-spacing: calc(var(--bulma-block-spacing) * 0.5);
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--bulma-level-item-spacing);
}
.level code {
  border-radius: var(--bulma-radius);
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
  flex-direction: row;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
    flex-direction: row;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  gap: calc(var(--bulma-block-spacing) * 0.5);
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}

.level-left {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (min-width: 769px), print {
  .level-left {
    flex-direction: row;
  }
}

.level-right {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    flex-direction: row;
  }
}

.media {
  --bulma-media-border-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l), 0.5);
  --bulma-media-border-size: 1px;
  --bulma-media-spacing: 1rem;
  --bulma-media-spacing-large: 1.5rem;
  --bulma-media-content-spacing: 0.75rem;
  --bulma-media-level-1-spacing: 0.75rem;
  --bulma-media-level-1-content-spacing: 0.5rem;
  --bulma-media-level-2-spacing: 0.5rem;
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: var(--bulma-media-content-spacing);
}
.media .media {
  border-top-color: var(--bulma-media-border-color);
  border-top-style: solid;
  border-top-width: var(--bulma-media-border-size);
  display: flex;
  padding-top: var(--bulma-media-level-1-spacing);
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: var(--bulma-media-level-1-content-spacing);
}
.media .media .media {
  padding-top: var(--bulma-media-level-2-spacing);
}
.media .media .media + .media {
  margin-top: var(--bulma-media-level-2-spacing);
}
.media + .media {
  border-top-color: var(--bulma-media-border-color);
  border-top-style: solid;
  border-top-width: var(--bulma-media-border-size);
  margin-top: var(--bulma-media-spacing);
  padding-top: var(--bulma-media-spacing);
}
.media.is-large + .media {
  margin-top: var(--bulma-media-spacing-large);
  padding-top: var(--bulma-media-spacing-large);
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-inline-end: var(--bulma-media-spacing);
}

.media-right {
  margin-inline-start: var(--bulma-media-spacing);
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.section {
  --bulma-section-padding: 3rem 1.5rem;
  --bulma-section-padding-desktop: 3rem 3rem;
  --bulma-section-padding-medium: 9rem 4.5rem;
  --bulma-section-padding-large: 18rem 6rem;
  padding: var(--bulma-section-padding);
}
@media screen and (min-width: 1024px) {
  .section {
    padding: var(--bulma-section-padding-desktop);
  }
  .section.is-medium {
    padding: var(--bulma-section-padding-medium);
  }
  .section.is-large {
    padding: var(--bulma-section-padding-large);
  }
}
.section.is-fullheight {
  min-height: 100vh;
}

:root {
  --bulma-skeleton-background: var(--bulma-border);
  --bulma-skeleton-radius: var(--bulma-radius-small);
  --bulma-skeleton-block-min-height: 4.5em;
  --bulma-skeleton-lines-gap: 0.75em;
  --bulma-skeleton-line-height: 0.75em;
}

.skeleton-lines > div, .skeleton-block, .has-skeleton::after, .is-skeleton {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: pulsate;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  background-color: var(--bulma-skeleton-background);
  border-radius: var(--bulma-skeleton-radius);
  box-shadow: none;
  pointer-events: none;
}

.is-skeleton {
  color: transparent !important;
}
.is-skeleton em,
.is-skeleton strong {
  color: inherit;
}
.is-skeleton img {
  visibility: hidden;
}
.is-skeleton.checkbox input {
  opacity: 0;
}
.is-skeleton.delete {
  border-radius: var(--bulma-radius-rounded);
}
.is-skeleton.delete::before, .is-skeleton.delete::after {
  display: none;
}

input.is-skeleton,
textarea.is-skeleton {
  resize: none;
}
input.is-skeleton::-moz-placeholder,
textarea.is-skeleton::-moz-placeholder {
  color: transparent !important;
}
input.is-skeleton::-webkit-input-placeholder,
textarea.is-skeleton::-webkit-input-placeholder {
  color: transparent !important;
}
input.is-skeleton:-moz-placeholder,
textarea.is-skeleton:-moz-placeholder {
  color: transparent !important;
}
input.is-skeleton:-ms-input-placeholder,
textarea.is-skeleton:-ms-input-placeholder {
  color: transparent !important;
}

.has-skeleton {
  color: transparent !important;
  position: relative;
}
.has-skeleton::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  max-width: 100%;
  min-width: 10%;
  position: absolute;
  top: 0;
  width: 7em;
}

.skeleton-block {
  color: transparent !important;
  min-height: var(--bulma-skeleton-block-min-height);
}

.skeleton-lines {
  color: transparent !important;
  display: flex;
  flex-direction: column;
  gap: var(--bulma-skeleton-lines-gap);
  position: relative;
}
.skeleton-lines > div {
  height: var(--bulma-skeleton-line-height);
}
.skeleton-lines > div:last-child {
  min-width: 4em;
  width: 30%;
}

/* Bulma Helpers */
.is-aspect-ratio-1by1 {
  aspect-ratio: 1/1;
}

.is-aspect-ratio-5by4 {
  aspect-ratio: 5/4;
}

.is-aspect-ratio-4by3 {
  aspect-ratio: 4/3;
}

.is-aspect-ratio-3by2 {
  aspect-ratio: 3/2;
}

.is-aspect-ratio-5by3 {
  aspect-ratio: 5/3;
}

.is-aspect-ratio-16by9 {
  aspect-ratio: 16/9;
}

.is-aspect-ratio-2by1 {
  aspect-ratio: 2/1;
}

.is-aspect-ratio-3by1 {
  aspect-ratio: 3/1;
}

.is-aspect-ratio-4by5 {
  aspect-ratio: 4/5;
}

.is-aspect-ratio-3by4 {
  aspect-ratio: 3/4;
}

.is-aspect-ratio-2by3 {
  aspect-ratio: 2/3;
}

.is-aspect-ratio-3by5 {
  aspect-ratio: 3/5;
}

.is-aspect-ratio-9by16 {
  aspect-ratio: 9/16;
}

.is-aspect-ratio-1by2 {
  aspect-ratio: 1/2;
}

.is-aspect-ratio-1by3 {
  aspect-ratio: 1/3;
}

.has-radius-small {
  border-radius: var(--bulma-radius-small);
}

.has-radius-normal {
  border-radius: var(--bulma-radius);
}

.has-radius-large {
  border-radius: var(--bulma-radius-large);
}

.has-radius-rounded {
  border-radius: var(--bulma-radius-rounded);
}

.has-background {
  background-color: var(--bulma-background);
}

.has-text-white {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l)) !important;
}

.has-background-white {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l)) !important;
}

.has-text-white-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-invert-l)) !important;
}

.has-background-white-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-invert-l)) !important;
}

.has-text-white-on-scheme {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l)) !important;
}

.has-background-white-on-scheme {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l)) !important;
}

.has-text-white-light {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-l)) !important;
}

.has-background-white-light {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-l)) !important;
}

.has-text-white-light-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-invert-l)) !important;
}

.has-background-white-light-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-invert-l)) !important;
}

.has-text-white-dark {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-l)) !important;
}

.has-background-white-dark {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-l)) !important;
}

.has-text-white-dark-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-invert-l)) !important;
}

.has-background-white-dark-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-invert-l)) !important;
}

.has-text-white-soft {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-l)) !important;
}

.has-background-white-soft {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-l)) !important;
}

.has-text-white-bold {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-l)) !important;
}

.has-background-white-bold {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-l)) !important;
}

.has-text-white-soft-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-white-soft-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-white-bold-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-white-bold-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-white-00 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-l)) !important;
}

.has-background-white-00 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-l)) !important;
}

.has-text-white-00-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-invert-l)) !important;
}

.has-background-white-00-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-invert-l)) !important;
}

.has-text-white-05 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-l)) !important;
}

.has-background-white-05 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-l)) !important;
}

.has-text-white-05-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-invert-l)) !important;
}

.has-background-white-05-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-invert-l)) !important;
}

.has-text-white-10 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-l)) !important;
}

.has-background-white-10 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-l)) !important;
}

.has-text-white-10-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-invert-l)) !important;
}

.has-background-white-10-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-invert-l)) !important;
}

.has-text-white-15 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-l)) !important;
}

.has-background-white-15 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-l)) !important;
}

.has-text-white-15-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-invert-l)) !important;
}

.has-background-white-15-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-invert-l)) !important;
}

.has-text-white-20 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-l)) !important;
}

.has-background-white-20 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-l)) !important;
}

.has-text-white-20-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-invert-l)) !important;
}

.has-background-white-20-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-invert-l)) !important;
}

.has-text-white-25 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-l)) !important;
}

.has-background-white-25 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-l)) !important;
}

.has-text-white-25-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-invert-l)) !important;
}

.has-background-white-25-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-invert-l)) !important;
}

.has-text-white-30 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-l)) !important;
}

.has-background-white-30 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-l)) !important;
}

.has-text-white-30-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-invert-l)) !important;
}

.has-background-white-30-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-invert-l)) !important;
}

.has-text-white-35 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-l)) !important;
}

.has-background-white-35 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-l)) !important;
}

.has-text-white-35-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-invert-l)) !important;
}

.has-background-white-35-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-invert-l)) !important;
}

.has-text-white-40 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-l)) !important;
}

.has-background-white-40 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-l)) !important;
}

.has-text-white-40-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-invert-l)) !important;
}

.has-background-white-40-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-invert-l)) !important;
}

.has-text-white-45 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-l)) !important;
}

.has-background-white-45 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-l)) !important;
}

.has-text-white-45-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-invert-l)) !important;
}

.has-background-white-45-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-invert-l)) !important;
}

.has-text-white-50 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-l)) !important;
}

.has-background-white-50 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-l)) !important;
}

.has-text-white-50-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-invert-l)) !important;
}

.has-background-white-50-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-invert-l)) !important;
}

.has-text-white-55 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-l)) !important;
}

.has-background-white-55 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-l)) !important;
}

.has-text-white-55-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-invert-l)) !important;
}

.has-background-white-55-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-invert-l)) !important;
}

.has-text-white-60 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-l)) !important;
}

.has-background-white-60 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-l)) !important;
}

.has-text-white-60-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-invert-l)) !important;
}

.has-background-white-60-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-invert-l)) !important;
}

.has-text-white-65 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-l)) !important;
}

.has-background-white-65 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-l)) !important;
}

.has-text-white-65-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-invert-l)) !important;
}

.has-background-white-65-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-invert-l)) !important;
}

.has-text-white-70 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-l)) !important;
}

.has-background-white-70 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-l)) !important;
}

.has-text-white-70-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-invert-l)) !important;
}

.has-background-white-70-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-invert-l)) !important;
}

.has-text-white-75 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-l)) !important;
}

.has-background-white-75 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-l)) !important;
}

.has-text-white-75-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-invert-l)) !important;
}

.has-background-white-75-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-invert-l)) !important;
}

.has-text-white-80 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-l)) !important;
}

.has-background-white-80 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-l)) !important;
}

.has-text-white-80-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-invert-l)) !important;
}

.has-background-white-80-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-invert-l)) !important;
}

.has-text-white-85 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-l)) !important;
}

.has-background-white-85 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-l)) !important;
}

.has-text-white-85-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-invert-l)) !important;
}

.has-background-white-85-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-invert-l)) !important;
}

.has-text-white-90 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-l)) !important;
}

.has-background-white-90 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-l)) !important;
}

.has-text-white-90-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-invert-l)) !important;
}

.has-background-white-90-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-invert-l)) !important;
}

.has-text-white-95 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-l)) !important;
}

.has-background-white-95 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-l)) !important;
}

.has-text-white-95-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-invert-l)) !important;
}

.has-background-white-95-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-invert-l)) !important;
}

.has-text-white-100 {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-l)) !important;
}

.has-background-white-100 {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-l)) !important;
}

.has-text-white-100-invert {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-invert-l)) !important;
}

.has-background-white-100-invert {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-invert-l)) !important;
}

a.has-text-white:hover, a.has-text-white:focus-visible,
button.has-text-white:hover,
button.has-text-white:focus-visible,
has-text-white.is-hoverable:hover,
has-text-white.is-hoverable:focus-visible {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-white:active,
button.has-text-white:active,
has-text-white.is-hoverable:active {
  color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-white:hover, a.has-background-white:focus-visible,
button.has-background-white:hover,
button.has-background-white:focus-visible,
has-background-white.is-hoverable:hover,
has-background-white.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-white:active,
button.has-background-white:active,
has-background-white.is-hoverable:active {
  background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-white {
  --h: var(--bulma-white-h);
  --s: var(--bulma-white-s);
  --l: var(--bulma-white-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-white-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-white-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-white-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-white-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-white-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-white-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-white-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-white-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-white-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-white-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-white-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-white-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-white-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-white-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-white-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-white-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-white-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-white-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-white-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-white-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-white-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-black {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l)) !important;
}

.has-background-black {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l)) !important;
}

.has-text-black-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-invert-l)) !important;
}

.has-background-black-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-invert-l)) !important;
}

.has-text-black-on-scheme {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l)) !important;
}

.has-background-black-on-scheme {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l)) !important;
}

.has-text-black-light {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-l)) !important;
}

.has-background-black-light {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-l)) !important;
}

.has-text-black-light-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-invert-l)) !important;
}

.has-background-black-light-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-invert-l)) !important;
}

.has-text-black-dark {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-l)) !important;
}

.has-background-black-dark {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-l)) !important;
}

.has-text-black-dark-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-invert-l)) !important;
}

.has-background-black-dark-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-invert-l)) !important;
}

.has-text-black-soft {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-l)) !important;
}

.has-background-black-soft {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-l)) !important;
}

.has-text-black-bold {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-l)) !important;
}

.has-background-black-bold {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-l)) !important;
}

.has-text-black-soft-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-black-soft-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-black-bold-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-black-bold-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-black-00 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-l)) !important;
}

.has-background-black-00 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-l)) !important;
}

.has-text-black-00-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-invert-l)) !important;
}

.has-background-black-00-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-invert-l)) !important;
}

.has-text-black-05 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-l)) !important;
}

.has-background-black-05 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-l)) !important;
}

.has-text-black-05-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-invert-l)) !important;
}

.has-background-black-05-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-invert-l)) !important;
}

.has-text-black-10 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-l)) !important;
}

.has-background-black-10 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-l)) !important;
}

.has-text-black-10-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-invert-l)) !important;
}

.has-background-black-10-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-invert-l)) !important;
}

.has-text-black-15 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-l)) !important;
}

.has-background-black-15 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-l)) !important;
}

.has-text-black-15-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-invert-l)) !important;
}

.has-background-black-15-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-invert-l)) !important;
}

.has-text-black-20 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-l)) !important;
}

.has-background-black-20 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-l)) !important;
}

.has-text-black-20-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-invert-l)) !important;
}

.has-background-black-20-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-invert-l)) !important;
}

.has-text-black-25 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-l)) !important;
}

.has-background-black-25 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-l)) !important;
}

.has-text-black-25-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-invert-l)) !important;
}

.has-background-black-25-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-invert-l)) !important;
}

.has-text-black-30 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-l)) !important;
}

.has-background-black-30 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-l)) !important;
}

.has-text-black-30-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-invert-l)) !important;
}

.has-background-black-30-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-invert-l)) !important;
}

.has-text-black-35 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-l)) !important;
}

.has-background-black-35 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-l)) !important;
}

.has-text-black-35-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-invert-l)) !important;
}

.has-background-black-35-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-invert-l)) !important;
}

.has-text-black-40 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-l)) !important;
}

.has-background-black-40 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-l)) !important;
}

.has-text-black-40-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-invert-l)) !important;
}

.has-background-black-40-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-invert-l)) !important;
}

.has-text-black-45 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-l)) !important;
}

.has-background-black-45 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-l)) !important;
}

.has-text-black-45-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-invert-l)) !important;
}

.has-background-black-45-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-invert-l)) !important;
}

.has-text-black-50 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-l)) !important;
}

.has-background-black-50 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-l)) !important;
}

.has-text-black-50-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-invert-l)) !important;
}

.has-background-black-50-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-invert-l)) !important;
}

.has-text-black-55 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-l)) !important;
}

.has-background-black-55 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-l)) !important;
}

.has-text-black-55-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-invert-l)) !important;
}

.has-background-black-55-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-invert-l)) !important;
}

.has-text-black-60 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-l)) !important;
}

.has-background-black-60 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-l)) !important;
}

.has-text-black-60-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-invert-l)) !important;
}

.has-background-black-60-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-invert-l)) !important;
}

.has-text-black-65 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-l)) !important;
}

.has-background-black-65 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-l)) !important;
}

.has-text-black-65-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-invert-l)) !important;
}

.has-background-black-65-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-invert-l)) !important;
}

.has-text-black-70 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-l)) !important;
}

.has-background-black-70 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-l)) !important;
}

.has-text-black-70-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-invert-l)) !important;
}

.has-background-black-70-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-invert-l)) !important;
}

.has-text-black-75 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-l)) !important;
}

.has-background-black-75 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-l)) !important;
}

.has-text-black-75-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-invert-l)) !important;
}

.has-background-black-75-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-invert-l)) !important;
}

.has-text-black-80 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-l)) !important;
}

.has-background-black-80 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-l)) !important;
}

.has-text-black-80-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-invert-l)) !important;
}

.has-background-black-80-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-invert-l)) !important;
}

.has-text-black-85 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-l)) !important;
}

.has-background-black-85 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-l)) !important;
}

.has-text-black-85-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-invert-l)) !important;
}

.has-background-black-85-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-invert-l)) !important;
}

.has-text-black-90 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-l)) !important;
}

.has-background-black-90 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-l)) !important;
}

.has-text-black-90-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-invert-l)) !important;
}

.has-background-black-90-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-invert-l)) !important;
}

.has-text-black-95 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-l)) !important;
}

.has-background-black-95 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-l)) !important;
}

.has-text-black-95-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-invert-l)) !important;
}

.has-background-black-95-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-invert-l)) !important;
}

.has-text-black-100 {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-l)) !important;
}

.has-background-black-100 {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-l)) !important;
}

.has-text-black-100-invert {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-invert-l)) !important;
}

.has-background-black-100-invert {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-invert-l)) !important;
}

a.has-text-black:hover, a.has-text-black:focus-visible,
button.has-text-black:hover,
button.has-text-black:focus-visible,
has-text-black.is-hoverable:hover,
has-text-black.is-hoverable:focus-visible {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-black:active,
button.has-text-black:active,
has-text-black.is-hoverable:active {
  color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-black:hover, a.has-background-black:focus-visible,
button.has-background-black:hover,
button.has-background-black:focus-visible,
has-background-black.is-hoverable:hover,
has-background-black.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-black:active,
button.has-background-black:active,
has-background-black.is-hoverable:active {
  background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-black {
  --h: var(--bulma-black-h);
  --s: var(--bulma-black-s);
  --l: var(--bulma-black-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-black-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-black-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-black-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-black-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-black-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-black-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-black-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-black-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-black-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-black-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-black-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-black-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-black-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-black-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-black-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-black-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-black-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-black-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-black-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-black-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-black-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-light {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l)) !important;
}

.has-background-light {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l)) !important;
}

.has-text-light-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-invert-l)) !important;
}

.has-background-light-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-invert-l)) !important;
}

.has-text-light-on-scheme {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l)) !important;
}

.has-background-light-on-scheme {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l)) !important;
}

.has-text-light-light {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-l)) !important;
}

.has-background-light-light {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-l)) !important;
}

.has-text-light-light-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-invert-l)) !important;
}

.has-background-light-light-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-invert-l)) !important;
}

.has-text-light-dark {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-l)) !important;
}

.has-background-light-dark {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-l)) !important;
}

.has-text-light-dark-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-invert-l)) !important;
}

.has-background-light-dark-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-invert-l)) !important;
}

.has-text-light-soft {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-l)) !important;
}

.has-background-light-soft {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-l)) !important;
}

.has-text-light-bold {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-l)) !important;
}

.has-background-light-bold {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-l)) !important;
}

.has-text-light-soft-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-light-soft-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-light-bold-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-light-bold-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-light-00 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-l)) !important;
}

.has-background-light-00 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-l)) !important;
}

.has-text-light-00-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-invert-l)) !important;
}

.has-background-light-00-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-invert-l)) !important;
}

.has-text-light-05 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-l)) !important;
}

.has-background-light-05 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-l)) !important;
}

.has-text-light-05-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-invert-l)) !important;
}

.has-background-light-05-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-invert-l)) !important;
}

.has-text-light-10 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-l)) !important;
}

.has-background-light-10 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-l)) !important;
}

.has-text-light-10-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-invert-l)) !important;
}

.has-background-light-10-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-invert-l)) !important;
}

.has-text-light-15 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-l)) !important;
}

.has-background-light-15 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-l)) !important;
}

.has-text-light-15-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-invert-l)) !important;
}

.has-background-light-15-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-invert-l)) !important;
}

.has-text-light-20 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-l)) !important;
}

.has-background-light-20 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-l)) !important;
}

.has-text-light-20-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-invert-l)) !important;
}

.has-background-light-20-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-invert-l)) !important;
}

.has-text-light-25 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-l)) !important;
}

.has-background-light-25 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-l)) !important;
}

.has-text-light-25-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-invert-l)) !important;
}

.has-background-light-25-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-invert-l)) !important;
}

.has-text-light-30 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-l)) !important;
}

.has-background-light-30 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-l)) !important;
}

.has-text-light-30-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-invert-l)) !important;
}

.has-background-light-30-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-invert-l)) !important;
}

.has-text-light-35 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-l)) !important;
}

.has-background-light-35 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-l)) !important;
}

.has-text-light-35-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-invert-l)) !important;
}

.has-background-light-35-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-invert-l)) !important;
}

.has-text-light-40 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-l)) !important;
}

.has-background-light-40 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-l)) !important;
}

.has-text-light-40-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-invert-l)) !important;
}

.has-background-light-40-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-invert-l)) !important;
}

.has-text-light-45 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-l)) !important;
}

.has-background-light-45 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-l)) !important;
}

.has-text-light-45-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-invert-l)) !important;
}

.has-background-light-45-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-invert-l)) !important;
}

.has-text-light-50 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-l)) !important;
}

.has-background-light-50 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-l)) !important;
}

.has-text-light-50-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-invert-l)) !important;
}

.has-background-light-50-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-invert-l)) !important;
}

.has-text-light-55 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-l)) !important;
}

.has-background-light-55 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-l)) !important;
}

.has-text-light-55-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-invert-l)) !important;
}

.has-background-light-55-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-invert-l)) !important;
}

.has-text-light-60 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-l)) !important;
}

.has-background-light-60 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-l)) !important;
}

.has-text-light-60-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-invert-l)) !important;
}

.has-background-light-60-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-invert-l)) !important;
}

.has-text-light-65 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-l)) !important;
}

.has-background-light-65 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-l)) !important;
}

.has-text-light-65-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-invert-l)) !important;
}

.has-background-light-65-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-invert-l)) !important;
}

.has-text-light-70 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-l)) !important;
}

.has-background-light-70 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-l)) !important;
}

.has-text-light-70-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-invert-l)) !important;
}

.has-background-light-70-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-invert-l)) !important;
}

.has-text-light-75 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-l)) !important;
}

.has-background-light-75 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-l)) !important;
}

.has-text-light-75-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-invert-l)) !important;
}

.has-background-light-75-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-invert-l)) !important;
}

.has-text-light-80 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-l)) !important;
}

.has-background-light-80 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-l)) !important;
}

.has-text-light-80-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-invert-l)) !important;
}

.has-background-light-80-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-invert-l)) !important;
}

.has-text-light-85 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-l)) !important;
}

.has-background-light-85 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-l)) !important;
}

.has-text-light-85-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-invert-l)) !important;
}

.has-background-light-85-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-invert-l)) !important;
}

.has-text-light-90 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-l)) !important;
}

.has-background-light-90 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-l)) !important;
}

.has-text-light-90-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-invert-l)) !important;
}

.has-background-light-90-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-invert-l)) !important;
}

.has-text-light-95 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-l)) !important;
}

.has-background-light-95 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-l)) !important;
}

.has-text-light-95-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-invert-l)) !important;
}

.has-background-light-95-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-invert-l)) !important;
}

.has-text-light-100 {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-l)) !important;
}

.has-background-light-100 {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-l)) !important;
}

.has-text-light-100-invert {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-invert-l)) !important;
}

.has-background-light-100-invert {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-invert-l)) !important;
}

a.has-text-light:hover, a.has-text-light:focus-visible,
button.has-text-light:hover,
button.has-text-light:focus-visible,
has-text-light.is-hoverable:hover,
has-text-light.is-hoverable:focus-visible {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-light:active,
button.has-text-light:active,
has-text-light.is-hoverable:active {
  color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-light:hover, a.has-background-light:focus-visible,
button.has-background-light:hover,
button.has-background-light:focus-visible,
has-background-light.is-hoverable:hover,
has-background-light.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-light:active,
button.has-background-light:active,
has-background-light.is-hoverable:active {
  background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-light {
  --h: var(--bulma-light-h);
  --s: var(--bulma-light-s);
  --l: var(--bulma-light-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-light-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-light-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-light-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-light-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-light-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-light-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-light-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-light-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-light-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-light-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-light-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-light-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-light-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-light-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-light-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-light-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-light-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-light-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-light-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-light-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-light-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-dark {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l)) !important;
}

.has-background-dark {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l)) !important;
}

.has-text-dark-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-invert-l)) !important;
}

.has-background-dark-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-invert-l)) !important;
}

.has-text-dark-on-scheme {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l)) !important;
}

.has-background-dark-on-scheme {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l)) !important;
}

.has-text-dark-light {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-l)) !important;
}

.has-background-dark-light {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-l)) !important;
}

.has-text-dark-light-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-invert-l)) !important;
}

.has-background-dark-light-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-invert-l)) !important;
}

.has-text-dark-dark {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-l)) !important;
}

.has-background-dark-dark {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-l)) !important;
}

.has-text-dark-dark-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-invert-l)) !important;
}

.has-background-dark-dark-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-invert-l)) !important;
}

.has-text-dark-soft {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-l)) !important;
}

.has-background-dark-soft {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-l)) !important;
}

.has-text-dark-bold {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-l)) !important;
}

.has-background-dark-bold {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-l)) !important;
}

.has-text-dark-soft-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-dark-soft-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-dark-bold-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-dark-bold-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-dark-00 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-l)) !important;
}

.has-background-dark-00 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-l)) !important;
}

.has-text-dark-00-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-invert-l)) !important;
}

.has-background-dark-00-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-invert-l)) !important;
}

.has-text-dark-05 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-l)) !important;
}

.has-background-dark-05 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-l)) !important;
}

.has-text-dark-05-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-invert-l)) !important;
}

.has-background-dark-05-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-invert-l)) !important;
}

.has-text-dark-10 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-l)) !important;
}

.has-background-dark-10 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-l)) !important;
}

.has-text-dark-10-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-invert-l)) !important;
}

.has-background-dark-10-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-invert-l)) !important;
}

.has-text-dark-15 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-l)) !important;
}

.has-background-dark-15 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-l)) !important;
}

.has-text-dark-15-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-invert-l)) !important;
}

.has-background-dark-15-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-invert-l)) !important;
}

.has-text-dark-20 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-l)) !important;
}

.has-background-dark-20 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-l)) !important;
}

.has-text-dark-20-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-invert-l)) !important;
}

.has-background-dark-20-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-invert-l)) !important;
}

.has-text-dark-25 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-l)) !important;
}

.has-background-dark-25 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-l)) !important;
}

.has-text-dark-25-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-invert-l)) !important;
}

.has-background-dark-25-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-invert-l)) !important;
}

.has-text-dark-30 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-l)) !important;
}

.has-background-dark-30 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-l)) !important;
}

.has-text-dark-30-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-invert-l)) !important;
}

.has-background-dark-30-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-invert-l)) !important;
}

.has-text-dark-35 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-l)) !important;
}

.has-background-dark-35 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-l)) !important;
}

.has-text-dark-35-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-invert-l)) !important;
}

.has-background-dark-35-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-invert-l)) !important;
}

.has-text-dark-40 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-l)) !important;
}

.has-background-dark-40 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-l)) !important;
}

.has-text-dark-40-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-invert-l)) !important;
}

.has-background-dark-40-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-invert-l)) !important;
}

.has-text-dark-45 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-l)) !important;
}

.has-background-dark-45 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-l)) !important;
}

.has-text-dark-45-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-invert-l)) !important;
}

.has-background-dark-45-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-invert-l)) !important;
}

.has-text-dark-50 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-l)) !important;
}

.has-background-dark-50 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-l)) !important;
}

.has-text-dark-50-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-invert-l)) !important;
}

.has-background-dark-50-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-invert-l)) !important;
}

.has-text-dark-55 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-l)) !important;
}

.has-background-dark-55 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-l)) !important;
}

.has-text-dark-55-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-invert-l)) !important;
}

.has-background-dark-55-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-invert-l)) !important;
}

.has-text-dark-60 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-l)) !important;
}

.has-background-dark-60 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-l)) !important;
}

.has-text-dark-60-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-invert-l)) !important;
}

.has-background-dark-60-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-invert-l)) !important;
}

.has-text-dark-65 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-l)) !important;
}

.has-background-dark-65 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-l)) !important;
}

.has-text-dark-65-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-invert-l)) !important;
}

.has-background-dark-65-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-invert-l)) !important;
}

.has-text-dark-70 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-l)) !important;
}

.has-background-dark-70 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-l)) !important;
}

.has-text-dark-70-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-invert-l)) !important;
}

.has-background-dark-70-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-invert-l)) !important;
}

.has-text-dark-75 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-l)) !important;
}

.has-background-dark-75 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-l)) !important;
}

.has-text-dark-75-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-invert-l)) !important;
}

.has-background-dark-75-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-invert-l)) !important;
}

.has-text-dark-80 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-l)) !important;
}

.has-background-dark-80 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-l)) !important;
}

.has-text-dark-80-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-invert-l)) !important;
}

.has-background-dark-80-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-invert-l)) !important;
}

.has-text-dark-85 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-l)) !important;
}

.has-background-dark-85 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-l)) !important;
}

.has-text-dark-85-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-invert-l)) !important;
}

.has-background-dark-85-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-invert-l)) !important;
}

.has-text-dark-90 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-l)) !important;
}

.has-background-dark-90 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-l)) !important;
}

.has-text-dark-90-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-invert-l)) !important;
}

.has-background-dark-90-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-invert-l)) !important;
}

.has-text-dark-95 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-l)) !important;
}

.has-background-dark-95 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-l)) !important;
}

.has-text-dark-95-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-invert-l)) !important;
}

.has-background-dark-95-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-invert-l)) !important;
}

.has-text-dark-100 {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-l)) !important;
}

.has-background-dark-100 {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-l)) !important;
}

.has-text-dark-100-invert {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-invert-l)) !important;
}

.has-background-dark-100-invert {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-invert-l)) !important;
}

a.has-text-dark:hover, a.has-text-dark:focus-visible,
button.has-text-dark:hover,
button.has-text-dark:focus-visible,
has-text-dark.is-hoverable:hover,
has-text-dark.is-hoverable:focus-visible {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-dark:active,
button.has-text-dark:active,
has-text-dark.is-hoverable:active {
  color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-dark:hover, a.has-background-dark:focus-visible,
button.has-background-dark:hover,
button.has-background-dark:focus-visible,
has-background-dark.is-hoverable:hover,
has-background-dark.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-dark:active,
button.has-background-dark:active,
has-background-dark.is-hoverable:active {
  background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-dark {
  --h: var(--bulma-dark-h);
  --s: var(--bulma-dark-s);
  --l: var(--bulma-dark-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-dark-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-dark-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-dark-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-dark-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-dark-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-dark-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-dark-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-dark-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-dark-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-dark-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-dark-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-dark-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-dark-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-dark-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-dark-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-dark-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-dark-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-dark-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-dark-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-dark-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-dark-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-text {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)) !important;
}

.has-background-text {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)) !important;
}

.has-text-text-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l)) !important;
}

.has-background-text-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l)) !important;
}

.has-text-text-on-scheme {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l)) !important;
}

.has-background-text-on-scheme {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l)) !important;
}

.has-text-text-light {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l)) !important;
}

.has-background-text-light {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l)) !important;
}

.has-text-text-light-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l)) !important;
}

.has-background-text-light-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l)) !important;
}

.has-text-text-dark {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l)) !important;
}

.has-background-text-dark {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l)) !important;
}

.has-text-text-dark-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l)) !important;
}

.has-background-text-dark-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l)) !important;
}

.has-text-text-soft {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l)) !important;
}

.has-background-text-soft {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l)) !important;
}

.has-text-text-bold {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l)) !important;
}

.has-background-text-bold {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l)) !important;
}

.has-text-text-soft-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-text-soft-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-text-bold-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-text-bold-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-text-00 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l)) !important;
}

.has-background-text-00 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l)) !important;
}

.has-text-text-00-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l)) !important;
}

.has-background-text-00-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l)) !important;
}

.has-text-text-05 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l)) !important;
}

.has-background-text-05 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l)) !important;
}

.has-text-text-05-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l)) !important;
}

.has-background-text-05-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l)) !important;
}

.has-text-text-10 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l)) !important;
}

.has-background-text-10 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l)) !important;
}

.has-text-text-10-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l)) !important;
}

.has-background-text-10-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l)) !important;
}

.has-text-text-15 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l)) !important;
}

.has-background-text-15 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l)) !important;
}

.has-text-text-15-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l)) !important;
}

.has-background-text-15-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l)) !important;
}

.has-text-text-20 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l)) !important;
}

.has-background-text-20 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l)) !important;
}

.has-text-text-20-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l)) !important;
}

.has-background-text-20-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l)) !important;
}

.has-text-text-25 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l)) !important;
}

.has-background-text-25 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l)) !important;
}

.has-text-text-25-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l)) !important;
}

.has-background-text-25-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l)) !important;
}

.has-text-text-30 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l)) !important;
}

.has-background-text-30 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l)) !important;
}

.has-text-text-30-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l)) !important;
}

.has-background-text-30-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l)) !important;
}

.has-text-text-35 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l)) !important;
}

.has-background-text-35 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l)) !important;
}

.has-text-text-35-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l)) !important;
}

.has-background-text-35-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l)) !important;
}

.has-text-text-40 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l)) !important;
}

.has-background-text-40 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l)) !important;
}

.has-text-text-40-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l)) !important;
}

.has-background-text-40-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l)) !important;
}

.has-text-text-45 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l)) !important;
}

.has-background-text-45 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l)) !important;
}

.has-text-text-45-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l)) !important;
}

.has-background-text-45-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l)) !important;
}

.has-text-text-50 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l)) !important;
}

.has-background-text-50 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l)) !important;
}

.has-text-text-50-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l)) !important;
}

.has-background-text-50-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l)) !important;
}

.has-text-text-55 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l)) !important;
}

.has-background-text-55 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l)) !important;
}

.has-text-text-55-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l)) !important;
}

.has-background-text-55-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l)) !important;
}

.has-text-text-60 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l)) !important;
}

.has-background-text-60 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l)) !important;
}

.has-text-text-60-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l)) !important;
}

.has-background-text-60-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l)) !important;
}

.has-text-text-65 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l)) !important;
}

.has-background-text-65 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l)) !important;
}

.has-text-text-65-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l)) !important;
}

.has-background-text-65-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l)) !important;
}

.has-text-text-70 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l)) !important;
}

.has-background-text-70 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l)) !important;
}

.has-text-text-70-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l)) !important;
}

.has-background-text-70-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l)) !important;
}

.has-text-text-75 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l)) !important;
}

.has-background-text-75 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l)) !important;
}

.has-text-text-75-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l)) !important;
}

.has-background-text-75-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l)) !important;
}

.has-text-text-80 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l)) !important;
}

.has-background-text-80 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l)) !important;
}

.has-text-text-80-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l)) !important;
}

.has-background-text-80-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l)) !important;
}

.has-text-text-85 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l)) !important;
}

.has-background-text-85 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l)) !important;
}

.has-text-text-85-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l)) !important;
}

.has-background-text-85-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l)) !important;
}

.has-text-text-90 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l)) !important;
}

.has-background-text-90 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l)) !important;
}

.has-text-text-90-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l)) !important;
}

.has-background-text-90-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l)) !important;
}

.has-text-text-95 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l)) !important;
}

.has-background-text-95 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l)) !important;
}

.has-text-text-95-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l)) !important;
}

.has-background-text-95-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l)) !important;
}

.has-text-text-100 {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l)) !important;
}

.has-background-text-100 {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l)) !important;
}

.has-text-text-100-invert {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l)) !important;
}

.has-background-text-100-invert {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l)) !important;
}

a.has-text-text:hover, a.has-text-text:focus-visible,
button.has-text-text:hover,
button.has-text-text:focus-visible,
has-text-text.is-hoverable:hover,
has-text-text.is-hoverable:focus-visible {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-text:active,
button.has-text-text:active,
has-text-text.is-hoverable:active {
  color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-text:hover, a.has-background-text:focus-visible,
button.has-background-text:hover,
button.has-background-text:focus-visible,
has-background-text.is-hoverable:hover,
has-background-text.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-text:active,
button.has-background-text:active,
has-background-text.is-hoverable:active {
  background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-text {
  --h: var(--bulma-text-h);
  --s: var(--bulma-text-s);
  --l: var(--bulma-text-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-text-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-text-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-text-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-text-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-text-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-text-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-text-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-text-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-text-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-text-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-text-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-text-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-text-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-text-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-text-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-text-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-text-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-text-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-text-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-text-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-text-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-primary {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) !important;
}

.has-background-primary {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) !important;
}

.has-text-primary-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l)) !important;
}

.has-background-primary-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l)) !important;
}

.has-text-primary-on-scheme {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l)) !important;
}

.has-background-primary-on-scheme {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l)) !important;
}

.has-text-primary-light {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l)) !important;
}

.has-background-primary-light {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l)) !important;
}

.has-text-primary-light-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l)) !important;
}

.has-background-primary-light-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l)) !important;
}

.has-text-primary-dark {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l)) !important;
}

.has-background-primary-dark {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l)) !important;
}

.has-text-primary-dark-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l)) !important;
}

.has-background-primary-dark-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l)) !important;
}

.has-text-primary-soft {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l)) !important;
}

.has-background-primary-soft {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l)) !important;
}

.has-text-primary-bold {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l)) !important;
}

.has-background-primary-bold {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l)) !important;
}

.has-text-primary-soft-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-primary-soft-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-primary-bold-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-primary-bold-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-primary-00 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l)) !important;
}

.has-background-primary-00 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l)) !important;
}

.has-text-primary-00-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l)) !important;
}

.has-background-primary-00-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l)) !important;
}

.has-text-primary-05 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l)) !important;
}

.has-background-primary-05 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l)) !important;
}

.has-text-primary-05-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l)) !important;
}

.has-background-primary-05-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l)) !important;
}

.has-text-primary-10 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l)) !important;
}

.has-background-primary-10 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l)) !important;
}

.has-text-primary-10-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l)) !important;
}

.has-background-primary-10-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l)) !important;
}

.has-text-primary-15 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l)) !important;
}

.has-background-primary-15 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l)) !important;
}

.has-text-primary-15-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l)) !important;
}

.has-background-primary-15-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l)) !important;
}

.has-text-primary-20 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l)) !important;
}

.has-background-primary-20 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l)) !important;
}

.has-text-primary-20-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l)) !important;
}

.has-background-primary-20-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l)) !important;
}

.has-text-primary-25 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l)) !important;
}

.has-background-primary-25 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l)) !important;
}

.has-text-primary-25-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l)) !important;
}

.has-background-primary-25-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l)) !important;
}

.has-text-primary-30 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l)) !important;
}

.has-background-primary-30 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l)) !important;
}

.has-text-primary-30-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l)) !important;
}

.has-background-primary-30-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l)) !important;
}

.has-text-primary-35 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l)) !important;
}

.has-background-primary-35 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l)) !important;
}

.has-text-primary-35-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l)) !important;
}

.has-background-primary-35-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l)) !important;
}

.has-text-primary-40 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l)) !important;
}

.has-background-primary-40 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l)) !important;
}

.has-text-primary-40-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l)) !important;
}

.has-background-primary-40-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l)) !important;
}

.has-text-primary-45 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l)) !important;
}

.has-background-primary-45 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l)) !important;
}

.has-text-primary-45-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l)) !important;
}

.has-background-primary-45-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l)) !important;
}

.has-text-primary-50 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l)) !important;
}

.has-background-primary-50 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l)) !important;
}

.has-text-primary-50-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l)) !important;
}

.has-background-primary-50-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l)) !important;
}

.has-text-primary-55 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l)) !important;
}

.has-background-primary-55 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l)) !important;
}

.has-text-primary-55-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l)) !important;
}

.has-background-primary-55-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l)) !important;
}

.has-text-primary-60 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l)) !important;
}

.has-background-primary-60 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l)) !important;
}

.has-text-primary-60-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l)) !important;
}

.has-background-primary-60-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l)) !important;
}

.has-text-primary-65 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l)) !important;
}

.has-background-primary-65 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l)) !important;
}

.has-text-primary-65-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l)) !important;
}

.has-background-primary-65-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l)) !important;
}

.has-text-primary-70 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l)) !important;
}

.has-background-primary-70 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l)) !important;
}

.has-text-primary-70-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l)) !important;
}

.has-background-primary-70-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l)) !important;
}

.has-text-primary-75 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l)) !important;
}

.has-background-primary-75 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l)) !important;
}

.has-text-primary-75-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l)) !important;
}

.has-background-primary-75-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l)) !important;
}

.has-text-primary-80 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l)) !important;
}

.has-background-primary-80 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l)) !important;
}

.has-text-primary-80-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l)) !important;
}

.has-background-primary-80-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l)) !important;
}

.has-text-primary-85 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l)) !important;
}

.has-background-primary-85 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l)) !important;
}

.has-text-primary-85-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l)) !important;
}

.has-background-primary-85-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l)) !important;
}

.has-text-primary-90 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l)) !important;
}

.has-background-primary-90 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l)) !important;
}

.has-text-primary-90-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l)) !important;
}

.has-background-primary-90-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l)) !important;
}

.has-text-primary-95 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l)) !important;
}

.has-background-primary-95 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l)) !important;
}

.has-text-primary-95-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l)) !important;
}

.has-background-primary-95-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l)) !important;
}

.has-text-primary-100 {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l)) !important;
}

.has-background-primary-100 {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l)) !important;
}

.has-text-primary-100-invert {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l)) !important;
}

.has-background-primary-100-invert {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l)) !important;
}

a.has-text-primary:hover, a.has-text-primary:focus-visible,
button.has-text-primary:hover,
button.has-text-primary:focus-visible,
has-text-primary.is-hoverable:hover,
has-text-primary.is-hoverable:focus-visible {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-primary:active,
button.has-text-primary:active,
has-text-primary.is-hoverable:active {
  color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-primary:hover, a.has-background-primary:focus-visible,
button.has-background-primary:hover,
button.has-background-primary:focus-visible,
has-background-primary.is-hoverable:hover,
has-background-primary.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-primary:active,
button.has-background-primary:active,
has-background-primary.is-hoverable:active {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-primary {
  --h: var(--bulma-primary-h);
  --s: var(--bulma-primary-s);
  --l: var(--bulma-primary-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-primary-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-primary-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-primary-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-primary-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-primary-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-primary-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-primary-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-primary-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-primary-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-primary-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-primary-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-primary-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-primary-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-primary-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-primary-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-primary-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-primary-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-primary-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-primary-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-primary-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-primary-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-link {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)) !important;
}

.has-background-link {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)) !important;
}

.has-text-link-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l)) !important;
}

.has-background-link-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l)) !important;
}

.has-text-link-on-scheme {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)) !important;
}

.has-background-link-on-scheme {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)) !important;
}

.has-text-link-light {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l)) !important;
}

.has-background-link-light {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l)) !important;
}

.has-text-link-light-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l)) !important;
}

.has-background-link-light-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l)) !important;
}

.has-text-link-dark {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l)) !important;
}

.has-background-link-dark {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l)) !important;
}

.has-text-link-dark-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l)) !important;
}

.has-background-link-dark-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l)) !important;
}

.has-text-link-soft {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l)) !important;
}

.has-background-link-soft {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l)) !important;
}

.has-text-link-bold {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l)) !important;
}

.has-background-link-bold {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l)) !important;
}

.has-text-link-soft-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-link-soft-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-link-bold-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-link-bold-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-link-00 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l)) !important;
}

.has-background-link-00 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l)) !important;
}

.has-text-link-00-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l)) !important;
}

.has-background-link-00-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l)) !important;
}

.has-text-link-05 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l)) !important;
}

.has-background-link-05 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l)) !important;
}

.has-text-link-05-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l)) !important;
}

.has-background-link-05-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l)) !important;
}

.has-text-link-10 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l)) !important;
}

.has-background-link-10 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l)) !important;
}

.has-text-link-10-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l)) !important;
}

.has-background-link-10-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l)) !important;
}

.has-text-link-15 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l)) !important;
}

.has-background-link-15 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l)) !important;
}

.has-text-link-15-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l)) !important;
}

.has-background-link-15-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l)) !important;
}

.has-text-link-20 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l)) !important;
}

.has-background-link-20 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l)) !important;
}

.has-text-link-20-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l)) !important;
}

.has-background-link-20-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l)) !important;
}

.has-text-link-25 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l)) !important;
}

.has-background-link-25 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l)) !important;
}

.has-text-link-25-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l)) !important;
}

.has-background-link-25-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l)) !important;
}

.has-text-link-30 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l)) !important;
}

.has-background-link-30 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l)) !important;
}

.has-text-link-30-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l)) !important;
}

.has-background-link-30-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l)) !important;
}

.has-text-link-35 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l)) !important;
}

.has-background-link-35 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l)) !important;
}

.has-text-link-35-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l)) !important;
}

.has-background-link-35-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l)) !important;
}

.has-text-link-40 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l)) !important;
}

.has-background-link-40 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l)) !important;
}

.has-text-link-40-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l)) !important;
}

.has-background-link-40-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l)) !important;
}

.has-text-link-45 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l)) !important;
}

.has-background-link-45 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l)) !important;
}

.has-text-link-45-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l)) !important;
}

.has-background-link-45-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l)) !important;
}

.has-text-link-50 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l)) !important;
}

.has-background-link-50 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l)) !important;
}

.has-text-link-50-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l)) !important;
}

.has-background-link-50-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l)) !important;
}

.has-text-link-55 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l)) !important;
}

.has-background-link-55 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l)) !important;
}

.has-text-link-55-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l)) !important;
}

.has-background-link-55-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l)) !important;
}

.has-text-link-60 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l)) !important;
}

.has-background-link-60 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l)) !important;
}

.has-text-link-60-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l)) !important;
}

.has-background-link-60-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l)) !important;
}

.has-text-link-65 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l)) !important;
}

.has-background-link-65 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l)) !important;
}

.has-text-link-65-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l)) !important;
}

.has-background-link-65-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l)) !important;
}

.has-text-link-70 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l)) !important;
}

.has-background-link-70 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l)) !important;
}

.has-text-link-70-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l)) !important;
}

.has-background-link-70-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l)) !important;
}

.has-text-link-75 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l)) !important;
}

.has-background-link-75 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l)) !important;
}

.has-text-link-75-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l)) !important;
}

.has-background-link-75-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l)) !important;
}

.has-text-link-80 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l)) !important;
}

.has-background-link-80 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l)) !important;
}

.has-text-link-80-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l)) !important;
}

.has-background-link-80-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l)) !important;
}

.has-text-link-85 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l)) !important;
}

.has-background-link-85 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l)) !important;
}

.has-text-link-85-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l)) !important;
}

.has-background-link-85-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l)) !important;
}

.has-text-link-90 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l)) !important;
}

.has-background-link-90 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l)) !important;
}

.has-text-link-90-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l)) !important;
}

.has-background-link-90-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l)) !important;
}

.has-text-link-95 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l)) !important;
}

.has-background-link-95 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l)) !important;
}

.has-text-link-95-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l)) !important;
}

.has-background-link-95-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l)) !important;
}

.has-text-link-100 {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l)) !important;
}

.has-background-link-100 {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l)) !important;
}

.has-text-link-100-invert {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l)) !important;
}

.has-background-link-100-invert {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l)) !important;
}

a.has-text-link:hover, a.has-text-link:focus-visible,
button.has-text-link:hover,
button.has-text-link:focus-visible,
has-text-link.is-hoverable:hover,
has-text-link.is-hoverable:focus-visible {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-link:active,
button.has-text-link:active,
has-text-link.is-hoverable:active {
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-link:hover, a.has-background-link:focus-visible,
button.has-background-link:hover,
button.has-background-link:focus-visible,
has-background-link.is-hoverable:hover,
has-background-link.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-link:active,
button.has-background-link:active,
has-background-link.is-hoverable:active {
  background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-link {
  --h: var(--bulma-link-h);
  --s: var(--bulma-link-s);
  --l: var(--bulma-link-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-link-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-link-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-link-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-link-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-link-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-link-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-link-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-link-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-link-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-link-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-link-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-link-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-link-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-link-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-link-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-link-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-link-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-link-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-link-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-link-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-link-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-info {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l)) !important;
}

.has-background-info {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l)) !important;
}

.has-text-info-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l)) !important;
}

.has-background-info-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l)) !important;
}

.has-text-info-on-scheme {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l)) !important;
}

.has-background-info-on-scheme {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l)) !important;
}

.has-text-info-light {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l)) !important;
}

.has-background-info-light {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l)) !important;
}

.has-text-info-light-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l)) !important;
}

.has-background-info-light-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l)) !important;
}

.has-text-info-dark {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l)) !important;
}

.has-background-info-dark {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l)) !important;
}

.has-text-info-dark-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l)) !important;
}

.has-background-info-dark-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l)) !important;
}

.has-text-info-soft {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l)) !important;
}

.has-background-info-soft {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l)) !important;
}

.has-text-info-bold {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l)) !important;
}

.has-background-info-bold {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l)) !important;
}

.has-text-info-soft-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-info-soft-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-info-bold-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-info-bold-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-info-00 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l)) !important;
}

.has-background-info-00 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l)) !important;
}

.has-text-info-00-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l)) !important;
}

.has-background-info-00-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l)) !important;
}

.has-text-info-05 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l)) !important;
}

.has-background-info-05 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l)) !important;
}

.has-text-info-05-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l)) !important;
}

.has-background-info-05-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l)) !important;
}

.has-text-info-10 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l)) !important;
}

.has-background-info-10 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l)) !important;
}

.has-text-info-10-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l)) !important;
}

.has-background-info-10-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l)) !important;
}

.has-text-info-15 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l)) !important;
}

.has-background-info-15 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l)) !important;
}

.has-text-info-15-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l)) !important;
}

.has-background-info-15-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l)) !important;
}

.has-text-info-20 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l)) !important;
}

.has-background-info-20 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l)) !important;
}

.has-text-info-20-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l)) !important;
}

.has-background-info-20-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l)) !important;
}

.has-text-info-25 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l)) !important;
}

.has-background-info-25 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l)) !important;
}

.has-text-info-25-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l)) !important;
}

.has-background-info-25-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l)) !important;
}

.has-text-info-30 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l)) !important;
}

.has-background-info-30 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l)) !important;
}

.has-text-info-30-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l)) !important;
}

.has-background-info-30-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l)) !important;
}

.has-text-info-35 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l)) !important;
}

.has-background-info-35 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l)) !important;
}

.has-text-info-35-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l)) !important;
}

.has-background-info-35-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l)) !important;
}

.has-text-info-40 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l)) !important;
}

.has-background-info-40 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l)) !important;
}

.has-text-info-40-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l)) !important;
}

.has-background-info-40-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l)) !important;
}

.has-text-info-45 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l)) !important;
}

.has-background-info-45 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l)) !important;
}

.has-text-info-45-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l)) !important;
}

.has-background-info-45-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l)) !important;
}

.has-text-info-50 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l)) !important;
}

.has-background-info-50 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l)) !important;
}

.has-text-info-50-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l)) !important;
}

.has-background-info-50-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l)) !important;
}

.has-text-info-55 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l)) !important;
}

.has-background-info-55 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l)) !important;
}

.has-text-info-55-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l)) !important;
}

.has-background-info-55-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l)) !important;
}

.has-text-info-60 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l)) !important;
}

.has-background-info-60 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l)) !important;
}

.has-text-info-60-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l)) !important;
}

.has-background-info-60-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l)) !important;
}

.has-text-info-65 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l)) !important;
}

.has-background-info-65 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l)) !important;
}

.has-text-info-65-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l)) !important;
}

.has-background-info-65-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l)) !important;
}

.has-text-info-70 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l)) !important;
}

.has-background-info-70 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l)) !important;
}

.has-text-info-70-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l)) !important;
}

.has-background-info-70-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l)) !important;
}

.has-text-info-75 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l)) !important;
}

.has-background-info-75 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l)) !important;
}

.has-text-info-75-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l)) !important;
}

.has-background-info-75-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l)) !important;
}

.has-text-info-80 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l)) !important;
}

.has-background-info-80 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l)) !important;
}

.has-text-info-80-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l)) !important;
}

.has-background-info-80-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l)) !important;
}

.has-text-info-85 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l)) !important;
}

.has-background-info-85 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l)) !important;
}

.has-text-info-85-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l)) !important;
}

.has-background-info-85-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l)) !important;
}

.has-text-info-90 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l)) !important;
}

.has-background-info-90 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l)) !important;
}

.has-text-info-90-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l)) !important;
}

.has-background-info-90-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l)) !important;
}

.has-text-info-95 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l)) !important;
}

.has-background-info-95 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l)) !important;
}

.has-text-info-95-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l)) !important;
}

.has-background-info-95-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l)) !important;
}

.has-text-info-100 {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l)) !important;
}

.has-background-info-100 {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l)) !important;
}

.has-text-info-100-invert {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l)) !important;
}

.has-background-info-100-invert {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l)) !important;
}

a.has-text-info:hover, a.has-text-info:focus-visible,
button.has-text-info:hover,
button.has-text-info:focus-visible,
has-text-info.is-hoverable:hover,
has-text-info.is-hoverable:focus-visible {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-info:active,
button.has-text-info:active,
has-text-info.is-hoverable:active {
  color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-info:hover, a.has-background-info:focus-visible,
button.has-background-info:hover,
button.has-background-info:focus-visible,
has-background-info.is-hoverable:hover,
has-background-info.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-info:active,
button.has-background-info:active,
has-background-info.is-hoverable:active {
  background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-info {
  --h: var(--bulma-info-h);
  --s: var(--bulma-info-s);
  --l: var(--bulma-info-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-info-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-info-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-info-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-info-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-info-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-info-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-info-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-info-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-info-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-info-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-info-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-info-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-info-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-info-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-info-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-info-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-info-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-info-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-info-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-info-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-info-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-success {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l)) !important;
}

.has-background-success {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l)) !important;
}

.has-text-success-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l)) !important;
}

.has-background-success-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l)) !important;
}

.has-text-success-on-scheme {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l)) !important;
}

.has-background-success-on-scheme {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l)) !important;
}

.has-text-success-light {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l)) !important;
}

.has-background-success-light {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l)) !important;
}

.has-text-success-light-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l)) !important;
}

.has-background-success-light-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l)) !important;
}

.has-text-success-dark {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l)) !important;
}

.has-background-success-dark {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l)) !important;
}

.has-text-success-dark-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l)) !important;
}

.has-background-success-dark-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l)) !important;
}

.has-text-success-soft {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l)) !important;
}

.has-background-success-soft {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l)) !important;
}

.has-text-success-bold {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l)) !important;
}

.has-background-success-bold {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l)) !important;
}

.has-text-success-soft-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-success-soft-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-success-bold-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-success-bold-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-success-00 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l)) !important;
}

.has-background-success-00 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l)) !important;
}

.has-text-success-00-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l)) !important;
}

.has-background-success-00-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l)) !important;
}

.has-text-success-05 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l)) !important;
}

.has-background-success-05 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l)) !important;
}

.has-text-success-05-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l)) !important;
}

.has-background-success-05-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l)) !important;
}

.has-text-success-10 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l)) !important;
}

.has-background-success-10 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l)) !important;
}

.has-text-success-10-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l)) !important;
}

.has-background-success-10-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l)) !important;
}

.has-text-success-15 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l)) !important;
}

.has-background-success-15 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l)) !important;
}

.has-text-success-15-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l)) !important;
}

.has-background-success-15-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l)) !important;
}

.has-text-success-20 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l)) !important;
}

.has-background-success-20 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l)) !important;
}

.has-text-success-20-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l)) !important;
}

.has-background-success-20-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l)) !important;
}

.has-text-success-25 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l)) !important;
}

.has-background-success-25 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l)) !important;
}

.has-text-success-25-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l)) !important;
}

.has-background-success-25-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l)) !important;
}

.has-text-success-30 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l)) !important;
}

.has-background-success-30 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l)) !important;
}

.has-text-success-30-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l)) !important;
}

.has-background-success-30-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l)) !important;
}

.has-text-success-35 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l)) !important;
}

.has-background-success-35 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l)) !important;
}

.has-text-success-35-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l)) !important;
}

.has-background-success-35-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l)) !important;
}

.has-text-success-40 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l)) !important;
}

.has-background-success-40 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l)) !important;
}

.has-text-success-40-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l)) !important;
}

.has-background-success-40-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l)) !important;
}

.has-text-success-45 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l)) !important;
}

.has-background-success-45 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l)) !important;
}

.has-text-success-45-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l)) !important;
}

.has-background-success-45-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l)) !important;
}

.has-text-success-50 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l)) !important;
}

.has-background-success-50 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l)) !important;
}

.has-text-success-50-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l)) !important;
}

.has-background-success-50-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l)) !important;
}

.has-text-success-55 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l)) !important;
}

.has-background-success-55 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l)) !important;
}

.has-text-success-55-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l)) !important;
}

.has-background-success-55-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l)) !important;
}

.has-text-success-60 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l)) !important;
}

.has-background-success-60 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l)) !important;
}

.has-text-success-60-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l)) !important;
}

.has-background-success-60-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l)) !important;
}

.has-text-success-65 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l)) !important;
}

.has-background-success-65 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l)) !important;
}

.has-text-success-65-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l)) !important;
}

.has-background-success-65-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l)) !important;
}

.has-text-success-70 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l)) !important;
}

.has-background-success-70 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l)) !important;
}

.has-text-success-70-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l)) !important;
}

.has-background-success-70-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l)) !important;
}

.has-text-success-75 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l)) !important;
}

.has-background-success-75 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l)) !important;
}

.has-text-success-75-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l)) !important;
}

.has-background-success-75-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l)) !important;
}

.has-text-success-80 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l)) !important;
}

.has-background-success-80 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l)) !important;
}

.has-text-success-80-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l)) !important;
}

.has-background-success-80-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l)) !important;
}

.has-text-success-85 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l)) !important;
}

.has-background-success-85 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l)) !important;
}

.has-text-success-85-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l)) !important;
}

.has-background-success-85-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l)) !important;
}

.has-text-success-90 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l)) !important;
}

.has-background-success-90 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l)) !important;
}

.has-text-success-90-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l)) !important;
}

.has-background-success-90-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l)) !important;
}

.has-text-success-95 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l)) !important;
}

.has-background-success-95 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l)) !important;
}

.has-text-success-95-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l)) !important;
}

.has-background-success-95-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l)) !important;
}

.has-text-success-100 {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l)) !important;
}

.has-background-success-100 {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l)) !important;
}

.has-text-success-100-invert {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l)) !important;
}

.has-background-success-100-invert {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l)) !important;
}

a.has-text-success:hover, a.has-text-success:focus-visible,
button.has-text-success:hover,
button.has-text-success:focus-visible,
has-text-success.is-hoverable:hover,
has-text-success.is-hoverable:focus-visible {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-success:active,
button.has-text-success:active,
has-text-success.is-hoverable:active {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-success:hover, a.has-background-success:focus-visible,
button.has-background-success:hover,
button.has-background-success:focus-visible,
has-background-success.is-hoverable:hover,
has-background-success.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-success:active,
button.has-background-success:active,
has-background-success.is-hoverable:active {
  background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-success {
  --h: var(--bulma-success-h);
  --s: var(--bulma-success-s);
  --l: var(--bulma-success-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-success-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-success-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-success-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-success-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-success-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-success-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-success-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-success-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-success-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-success-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-success-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-success-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-success-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-success-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-success-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-success-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-success-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-success-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-success-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-success-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-success-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-warning {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l)) !important;
}

.has-background-warning {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l)) !important;
}

.has-text-warning-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l)) !important;
}

.has-background-warning-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l)) !important;
}

.has-text-warning-on-scheme {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l)) !important;
}

.has-background-warning-on-scheme {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l)) !important;
}

.has-text-warning-light {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l)) !important;
}

.has-background-warning-light {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l)) !important;
}

.has-text-warning-light-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l)) !important;
}

.has-background-warning-light-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l)) !important;
}

.has-text-warning-dark {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l)) !important;
}

.has-background-warning-dark {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l)) !important;
}

.has-text-warning-dark-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l)) !important;
}

.has-background-warning-dark-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l)) !important;
}

.has-text-warning-soft {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l)) !important;
}

.has-background-warning-soft {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l)) !important;
}

.has-text-warning-bold {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l)) !important;
}

.has-background-warning-bold {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l)) !important;
}

.has-text-warning-soft-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-warning-soft-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-warning-bold-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-warning-bold-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-warning-00 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l)) !important;
}

.has-background-warning-00 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l)) !important;
}

.has-text-warning-00-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l)) !important;
}

.has-background-warning-00-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l)) !important;
}

.has-text-warning-05 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l)) !important;
}

.has-background-warning-05 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l)) !important;
}

.has-text-warning-05-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l)) !important;
}

.has-background-warning-05-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l)) !important;
}

.has-text-warning-10 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l)) !important;
}

.has-background-warning-10 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l)) !important;
}

.has-text-warning-10-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l)) !important;
}

.has-background-warning-10-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l)) !important;
}

.has-text-warning-15 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l)) !important;
}

.has-background-warning-15 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l)) !important;
}

.has-text-warning-15-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l)) !important;
}

.has-background-warning-15-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l)) !important;
}

.has-text-warning-20 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l)) !important;
}

.has-background-warning-20 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l)) !important;
}

.has-text-warning-20-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l)) !important;
}

.has-background-warning-20-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l)) !important;
}

.has-text-warning-25 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l)) !important;
}

.has-background-warning-25 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l)) !important;
}

.has-text-warning-25-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l)) !important;
}

.has-background-warning-25-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l)) !important;
}

.has-text-warning-30 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l)) !important;
}

.has-background-warning-30 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l)) !important;
}

.has-text-warning-30-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l)) !important;
}

.has-background-warning-30-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l)) !important;
}

.has-text-warning-35 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l)) !important;
}

.has-background-warning-35 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l)) !important;
}

.has-text-warning-35-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l)) !important;
}

.has-background-warning-35-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l)) !important;
}

.has-text-warning-40 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l)) !important;
}

.has-background-warning-40 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l)) !important;
}

.has-text-warning-40-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l)) !important;
}

.has-background-warning-40-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l)) !important;
}

.has-text-warning-45 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l)) !important;
}

.has-background-warning-45 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l)) !important;
}

.has-text-warning-45-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l)) !important;
}

.has-background-warning-45-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l)) !important;
}

.has-text-warning-50 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l)) !important;
}

.has-background-warning-50 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l)) !important;
}

.has-text-warning-50-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l)) !important;
}

.has-background-warning-50-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l)) !important;
}

.has-text-warning-55 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l)) !important;
}

.has-background-warning-55 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l)) !important;
}

.has-text-warning-55-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l)) !important;
}

.has-background-warning-55-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l)) !important;
}

.has-text-warning-60 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l)) !important;
}

.has-background-warning-60 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l)) !important;
}

.has-text-warning-60-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l)) !important;
}

.has-background-warning-60-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l)) !important;
}

.has-text-warning-65 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l)) !important;
}

.has-background-warning-65 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l)) !important;
}

.has-text-warning-65-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l)) !important;
}

.has-background-warning-65-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l)) !important;
}

.has-text-warning-70 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l)) !important;
}

.has-background-warning-70 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l)) !important;
}

.has-text-warning-70-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l)) !important;
}

.has-background-warning-70-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l)) !important;
}

.has-text-warning-75 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l)) !important;
}

.has-background-warning-75 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l)) !important;
}

.has-text-warning-75-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l)) !important;
}

.has-background-warning-75-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l)) !important;
}

.has-text-warning-80 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l)) !important;
}

.has-background-warning-80 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l)) !important;
}

.has-text-warning-80-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l)) !important;
}

.has-background-warning-80-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l)) !important;
}

.has-text-warning-85 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l)) !important;
}

.has-background-warning-85 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l)) !important;
}

.has-text-warning-85-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l)) !important;
}

.has-background-warning-85-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l)) !important;
}

.has-text-warning-90 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l)) !important;
}

.has-background-warning-90 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l)) !important;
}

.has-text-warning-90-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l)) !important;
}

.has-background-warning-90-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l)) !important;
}

.has-text-warning-95 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l)) !important;
}

.has-background-warning-95 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l)) !important;
}

.has-text-warning-95-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l)) !important;
}

.has-background-warning-95-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l)) !important;
}

.has-text-warning-100 {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l)) !important;
}

.has-background-warning-100 {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l)) !important;
}

.has-text-warning-100-invert {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l)) !important;
}

.has-background-warning-100-invert {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l)) !important;
}

a.has-text-warning:hover, a.has-text-warning:focus-visible,
button.has-text-warning:hover,
button.has-text-warning:focus-visible,
has-text-warning.is-hoverable:hover,
has-text-warning.is-hoverable:focus-visible {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-warning:active,
button.has-text-warning:active,
has-text-warning.is-hoverable:active {
  color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-warning:hover, a.has-background-warning:focus-visible,
button.has-background-warning:hover,
button.has-background-warning:focus-visible,
has-background-warning.is-hoverable:hover,
has-background-warning.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-warning:active,
button.has-background-warning:active,
has-background-warning.is-hoverable:active {
  background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-warning {
  --h: var(--bulma-warning-h);
  --s: var(--bulma-warning-s);
  --l: var(--bulma-warning-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-warning-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-warning-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-warning-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-warning-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-warning-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-warning-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-warning-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-warning-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-warning-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-warning-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-warning-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-warning-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-warning-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-warning-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-warning-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-warning-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-warning-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-warning-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-warning-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-warning-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-warning-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-danger {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important;
}

.has-background-danger {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important;
}

.has-text-danger-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l)) !important;
}

.has-background-danger-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l)) !important;
}

.has-text-danger-on-scheme {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)) !important;
}

.has-background-danger-on-scheme {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)) !important;
}

.has-text-danger-light {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l)) !important;
}

.has-background-danger-light {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l)) !important;
}

.has-text-danger-light-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l)) !important;
}

.has-background-danger-light-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l)) !important;
}

.has-text-danger-dark {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l)) !important;
}

.has-background-danger-dark {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l)) !important;
}

.has-text-danger-dark-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l)) !important;
}

.has-background-danger-dark-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l)) !important;
}

.has-text-danger-soft {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l)) !important;
}

.has-background-danger-soft {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l)) !important;
}

.has-text-danger-bold {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l)) !important;
}

.has-background-danger-bold {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l)) !important;
}

.has-text-danger-soft-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l)) !important;
}

.has-background-danger-soft-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l)) !important;
}

.has-text-danger-bold-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l)) !important;
}

.has-background-danger-bold-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l)) !important;
}

.has-text-danger-00 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l)) !important;
}

.has-background-danger-00 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l)) !important;
}

.has-text-danger-00-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l)) !important;
}

.has-background-danger-00-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l)) !important;
}

.has-text-danger-05 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l)) !important;
}

.has-background-danger-05 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l)) !important;
}

.has-text-danger-05-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l)) !important;
}

.has-background-danger-05-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l)) !important;
}

.has-text-danger-10 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l)) !important;
}

.has-background-danger-10 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l)) !important;
}

.has-text-danger-10-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l)) !important;
}

.has-background-danger-10-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l)) !important;
}

.has-text-danger-15 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l)) !important;
}

.has-background-danger-15 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l)) !important;
}

.has-text-danger-15-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l)) !important;
}

.has-background-danger-15-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l)) !important;
}

.has-text-danger-20 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l)) !important;
}

.has-background-danger-20 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l)) !important;
}

.has-text-danger-20-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l)) !important;
}

.has-background-danger-20-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l)) !important;
}

.has-text-danger-25 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l)) !important;
}

.has-background-danger-25 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l)) !important;
}

.has-text-danger-25-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l)) !important;
}

.has-background-danger-25-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l)) !important;
}

.has-text-danger-30 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l)) !important;
}

.has-background-danger-30 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l)) !important;
}

.has-text-danger-30-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l)) !important;
}

.has-background-danger-30-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l)) !important;
}

.has-text-danger-35 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l)) !important;
}

.has-background-danger-35 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l)) !important;
}

.has-text-danger-35-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l)) !important;
}

.has-background-danger-35-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l)) !important;
}

.has-text-danger-40 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l)) !important;
}

.has-background-danger-40 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l)) !important;
}

.has-text-danger-40-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l)) !important;
}

.has-background-danger-40-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l)) !important;
}

.has-text-danger-45 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l)) !important;
}

.has-background-danger-45 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l)) !important;
}

.has-text-danger-45-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l)) !important;
}

.has-background-danger-45-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l)) !important;
}

.has-text-danger-50 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l)) !important;
}

.has-background-danger-50 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l)) !important;
}

.has-text-danger-50-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l)) !important;
}

.has-background-danger-50-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l)) !important;
}

.has-text-danger-55 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l)) !important;
}

.has-background-danger-55 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l)) !important;
}

.has-text-danger-55-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l)) !important;
}

.has-background-danger-55-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l)) !important;
}

.has-text-danger-60 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l)) !important;
}

.has-background-danger-60 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l)) !important;
}

.has-text-danger-60-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l)) !important;
}

.has-background-danger-60-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l)) !important;
}

.has-text-danger-65 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l)) !important;
}

.has-background-danger-65 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l)) !important;
}

.has-text-danger-65-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l)) !important;
}

.has-background-danger-65-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l)) !important;
}

.has-text-danger-70 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l)) !important;
}

.has-background-danger-70 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l)) !important;
}

.has-text-danger-70-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l)) !important;
}

.has-background-danger-70-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l)) !important;
}

.has-text-danger-75 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l)) !important;
}

.has-background-danger-75 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l)) !important;
}

.has-text-danger-75-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l)) !important;
}

.has-background-danger-75-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l)) !important;
}

.has-text-danger-80 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l)) !important;
}

.has-background-danger-80 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l)) !important;
}

.has-text-danger-80-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l)) !important;
}

.has-background-danger-80-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l)) !important;
}

.has-text-danger-85 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l)) !important;
}

.has-background-danger-85 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l)) !important;
}

.has-text-danger-85-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l)) !important;
}

.has-background-danger-85-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l)) !important;
}

.has-text-danger-90 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l)) !important;
}

.has-background-danger-90 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l)) !important;
}

.has-text-danger-90-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l)) !important;
}

.has-background-danger-90-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l)) !important;
}

.has-text-danger-95 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l)) !important;
}

.has-background-danger-95 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l)) !important;
}

.has-text-danger-95-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l)) !important;
}

.has-background-danger-95-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l)) !important;
}

.has-text-danger-100 {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l)) !important;
}

.has-background-danger-100 {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l)) !important;
}

.has-text-danger-100-invert {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l)) !important;
}

.has-background-danger-100-invert {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l)) !important;
}

a.has-text-danger:hover, a.has-text-danger:focus-visible,
button.has-text-danger:hover,
button.has-text-danger:focus-visible,
has-text-danger.is-hoverable:hover,
has-text-danger.is-hoverable:focus-visible {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-hover-color-l-delta))) !important;
}
a.has-text-danger:active,
button.has-text-danger:active,
has-text-danger.is-hoverable:active {
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-active-color-l-delta))) !important;
}

a.has-background-danger:hover, a.has-background-danger:focus-visible,
button.has-background-danger:hover,
button.has-background-danger:focus-visible,
has-background-danger.is-hoverable:hover,
has-background-danger.is-hoverable:focus-visible {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-hover-background-l-delta))) !important;
}
a.has-background-danger:active,
button.has-background-danger:active,
has-background-danger.is-hoverable:active {
  background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-active-background-l-delta))) !important;
}

.is-palette-danger {
  --h: var(--bulma-danger-h);
  --s: var(--bulma-danger-s);
  --l: var(--bulma-danger-l);
  --color: hsl(var(--h), var(--s), var(--l));
  --00-l: var(--bulma-danger-00-l);
  --color-00: hsl(var(--h), var(--s), var(--00-l));
  --05-l: var(--bulma-danger-05-l);
  --color-05: hsl(var(--h), var(--s), var(--05-l));
  --10-l: var(--bulma-danger-10-l);
  --color-10: hsl(var(--h), var(--s), var(--10-l));
  --15-l: var(--bulma-danger-15-l);
  --color-15: hsl(var(--h), var(--s), var(--15-l));
  --20-l: var(--bulma-danger-20-l);
  --color-20: hsl(var(--h), var(--s), var(--20-l));
  --25-l: var(--bulma-danger-25-l);
  --color-25: hsl(var(--h), var(--s), var(--25-l));
  --30-l: var(--bulma-danger-30-l);
  --color-30: hsl(var(--h), var(--s), var(--30-l));
  --35-l: var(--bulma-danger-35-l);
  --color-35: hsl(var(--h), var(--s), var(--35-l));
  --40-l: var(--bulma-danger-40-l);
  --color-40: hsl(var(--h), var(--s), var(--40-l));
  --45-l: var(--bulma-danger-45-l);
  --color-45: hsl(var(--h), var(--s), var(--45-l));
  --50-l: var(--bulma-danger-50-l);
  --color-50: hsl(var(--h), var(--s), var(--50-l));
  --55-l: var(--bulma-danger-55-l);
  --color-55: hsl(var(--h), var(--s), var(--55-l));
  --60-l: var(--bulma-danger-60-l);
  --color-60: hsl(var(--h), var(--s), var(--60-l));
  --65-l: var(--bulma-danger-65-l);
  --color-65: hsl(var(--h), var(--s), var(--65-l));
  --70-l: var(--bulma-danger-70-l);
  --color-70: hsl(var(--h), var(--s), var(--70-l));
  --75-l: var(--bulma-danger-75-l);
  --color-75: hsl(var(--h), var(--s), var(--75-l));
  --80-l: var(--bulma-danger-80-l);
  --color-80: hsl(var(--h), var(--s), var(--80-l));
  --85-l: var(--bulma-danger-85-l);
  --color-85: hsl(var(--h), var(--s), var(--85-l));
  --90-l: var(--bulma-danger-90-l);
  --color-90: hsl(var(--h), var(--s), var(--90-l));
  --95-l: var(--bulma-danger-95-l);
  --color-95: hsl(var(--h), var(--s), var(--95-l));
  --100-l: var(--bulma-danger-100-l);
  --color-100: hsl(var(--h), var(--s), var(--100-l));
}

.has-text-black-bis {
  color: hsl(221, 14%, 9%) !important;
}

.has-background-black-bis {
  background-color: hsl(221, 14%, 9%) !important;
}

.has-text-black-ter {
  color: hsl(221, 14%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(221, 14%, 14%) !important;
}

.has-text-grey-darker {
  color: hsl(221, 14%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(221, 14%, 21%) !important;
}

.has-text-grey-dark {
  color: hsl(221, 14%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(221, 14%, 29%) !important;
}

.has-text-grey {
  color: hsl(221, 14%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(221, 14%, 48%) !important;
}

.has-text-grey-light {
  color: hsl(221, 14%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(221, 14%, 71%) !important;
}

.has-text-grey-lighter {
  color: hsl(221, 14%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(221, 14%, 86%) !important;
}

.has-text-white-ter {
  color: hsl(221, 14%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(221, 14%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(221, 14%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(221, 14%, 98%) !important;
}

.has-text-current {
  color: currentColor !important;
}

.has-text-inherit {
  color: inherit !important;
}

.has-background-current {
  background-color: currentColor !important;
}

.has-background-inherit {
  background-color: inherit !important;
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-float-left,
.is-pulled-left {
  float: left !important;
}

.is-float-right,
.is-pulled-right {
  float: right !important;
}

.is-float-none {
  float: none !important;
}

.is-clear-both {
  clear: both !important;
}

.is-clear-left {
  clear: left !important;
}

.is-clear-none {
  clear: none !important;
}

.is-clear-right {
  clear: right !important;
}

.is-gapless {
  gap: 0 !important;
}

.is-gap-0 {
  gap: 0rem !important;
}

.is-gap-0\.5 {
  gap: 0.25rem !important;
}

.is-gap-1 {
  gap: 0.5rem !important;
}

.is-gap-1\.5 {
  gap: 0.75rem !important;
}

.is-gap-2 {
  gap: 1rem !important;
}

.is-gap-2\.5 {
  gap: 1.25rem !important;
}

.is-gap-3 {
  gap: 1.5rem !important;
}

.is-gap-3\.5 {
  gap: 1.75rem !important;
}

.is-gap-4 {
  gap: 2rem !important;
}

.is-gap-4\.5 {
  gap: 2.25rem !important;
}

.is-gap-5 {
  gap: 2.5rem !important;
}

.is-gap-5\.5 {
  gap: 2.75rem !important;
}

.is-gap-6 {
  gap: 3rem !important;
}

.is-gap-6\.5 {
  gap: 3.25rem !important;
}

.is-gap-7 {
  gap: 3.5rem !important;
}

.is-gap-7\.5 {
  gap: 3.75rem !important;
}

.is-gap-8 {
  gap: 4rem !important;
}

.is-column-gap-0 {
  column-gap: 0rem !important;
}

.is-column-gap-0\.5 {
  column-gap: 0.25rem !important;
}

.is-column-gap-1 {
  column-gap: 0.5rem !important;
}

.is-column-gap-1\.5 {
  column-gap: 0.75rem !important;
}

.is-column-gap-2 {
  column-gap: 1rem !important;
}

.is-column-gap-2\.5 {
  column-gap: 1.25rem !important;
}

.is-column-gap-3 {
  column-gap: 1.5rem !important;
}

.is-column-gap-3\.5 {
  column-gap: 1.75rem !important;
}

.is-column-gap-4 {
  column-gap: 2rem !important;
}

.is-column-gap-4\.5 {
  column-gap: 2.25rem !important;
}

.is-column-gap-5 {
  column-gap: 2.5rem !important;
}

.is-column-gap-5\.5 {
  column-gap: 2.75rem !important;
}

.is-column-gap-6 {
  column-gap: 3rem !important;
}

.is-column-gap-6\.5 {
  column-gap: 3.25rem !important;
}

.is-column-gap-7 {
  column-gap: 3.5rem !important;
}

.is-column-gap-7\.5 {
  column-gap: 3.75rem !important;
}

.is-column-gap-8 {
  column-gap: 4rem !important;
}

.is-row-gap-0 {
  row-gap: 0rem !important;
}

.is-row-gap-0\.5 {
  row-gap: 0.25rem !important;
}

.is-row-gap-1 {
  row-gap: 0.5rem !important;
}

.is-row-gap-1\.5 {
  row-gap: 0.75rem !important;
}

.is-row-gap-2 {
  row-gap: 1rem !important;
}

.is-row-gap-2\.5 {
  row-gap: 1.25rem !important;
}

.is-row-gap-3 {
  row-gap: 1.5rem !important;
}

.is-row-gap-3\.5 {
  row-gap: 1.75rem !important;
}

.is-row-gap-4 {
  row-gap: 2rem !important;
}

.is-row-gap-4\.5 {
  row-gap: 2.25rem !important;
}

.is-row-gap-5 {
  row-gap: 2.5rem !important;
}

.is-row-gap-5\.5 {
  row-gap: 2.75rem !important;
}

.is-row-gap-6 {
  row-gap: 3rem !important;
}

.is-row-gap-6\.5 {
  row-gap: 3.25rem !important;
}

.is-row-gap-7 {
  row-gap: 3.5rem !important;
}

.is-row-gap-7\.5 {
  row-gap: 3.75rem !important;
}

.is-row-gap-8 {
  row-gap: 4rem !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-overflow-auto {
  overflow: auto !important;
}

.is-overflow-x-auto {
  overflow-x: auto !important;
}

.is-overflow-y-auto {
  overflow-y: auto !important;
}

.is-overflow-clip {
  overflow: clip !important;
}

.is-overflow-x-clip {
  overflow-x: clip !important;
}

.is-overflow-y-clip {
  overflow-y: clip !important;
}

.is-overflow-hidden {
  overflow: hidden !important;
}

.is-overflow-x-hidden {
  overflow-x: hidden !important;
}

.is-overflow-y-hidden {
  overflow-y: hidden !important;
}

.is-overflow-scroll {
  overflow: scroll !important;
}

.is-overflow-x-scroll {
  overflow-x: scroll !important;
}

.is-overflow-y-scroll {
  overflow-y: scroll !important;
}

.is-overflow-visible {
  overflow: visible !important;
}

.is-overflow-x-visible {
  overflow-x: visible !important;
}

.is-overflow-y-visible {
  overflow-y: visible !important;
}

.is-relative {
  position: relative !important;
}

.is-position-absolute {
  position: absolute !important;
}

.is-position-fixed {
  position: fixed !important;
}

.is-position-relative {
  position: relative !important;
}

.is-position-static {
  position: static !important;
}

.is-position-sticky {
  position: sticky !important;
}

.marginless {
  margin: 0 !important;
}

.paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.is-size-1 {
  font-size: 2.25rem !important;
}

.is-size-2 {
  font-size: 1.75rem !important;
}

.is-size-3 {
  font-size: 1.5rem !important;
}

.is-size-4 {
  font-size: 1.125rem !important;
}

.is-size-5 {
  font-size: 1rem !important;
}

.is-size-6 {
  font-size: 0.875rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 2.25rem !important;
  }
  .is-size-2-mobile {
    font-size: 1.75rem !important;
  }
  .is-size-3-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.125rem !important;
  }
  .is-size-5-mobile {
    font-size: 1rem !important;
  }
  .is-size-6-mobile {
    font-size: 0.875rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 2.25rem !important;
  }
  .is-size-2-tablet {
    font-size: 1.75rem !important;
  }
  .is-size-3-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.125rem !important;
  }
  .is-size-5-tablet {
    font-size: 1rem !important;
  }
  .is-size-6-tablet {
    font-size: 0.875rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 2.25rem !important;
  }
  .is-size-2-touch {
    font-size: 1.75rem !important;
  }
  .is-size-3-touch {
    font-size: 1.5rem !important;
  }
  .is-size-4-touch {
    font-size: 1.125rem !important;
  }
  .is-size-5-touch {
    font-size: 1rem !important;
  }
  .is-size-6-touch {
    font-size: 0.875rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 2.25rem !important;
  }
  .is-size-2-desktop {
    font-size: 1.75rem !important;
  }
  .is-size-3-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.125rem !important;
  }
  .is-size-5-desktop {
    font-size: 1rem !important;
  }
  .is-size-6-desktop {
    font-size: 0.875rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 2.25rem !important;
  }
  .is-size-2-widescreen {
    font-size: 1.75rem !important;
  }
  .is-size-3-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.125rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1rem !important;
  }
  .is-size-6-widescreen {
    font-size: 0.875rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 2.25rem !important;
  }
  .is-size-2-fullhd {
    font-size: 1.75rem !important;
  }
  .is-size-3-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.125rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1rem !important;
  }
  .is-size-6-fullhd {
    font-size: 0.875rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.is-underlined {
  text-decoration: underline !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.has-text-weight-extrabold {
  font-weight: 800 !important;
}

.is-family-primary {
  font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: "Inconsolata", "Hack", "SF Mono", "Roboto Mono", "Source Code Pro", "Ubuntu Mono", monospace !important;
}

.is-family-code {
  font-family: "Inconsolata", "Hack", "SF Mono", "Roboto Mono", "Source Code Pro", "Ubuntu Mono", monospace !important;
}

.is-display-none,
.is-hidden {
  display: none !important;
}

.is-display-block,
.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-display-block-mobile,
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-block-tablet,
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-block-tablet-only,
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-block-touch,
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-block-desktop,
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-block-desktop-only,
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-block-widescreen,
  .is-block-widescreen {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-block-widescreen-only,
  .is-block-widescreen-only {
    display: block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-block-fullhd,
  .is-block-fullhd {
    display: block !important;
  }
}
.is-display-flex,
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-display-flex-mobile,
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-flex-tablet,
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-flex-tablet-only,
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-flex-touch,
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-flex-desktop,
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-flex-desktop-only,
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-flex-widescreen,
  .is-flex-widescreen {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-flex-widescreen-only,
  .is-flex-widescreen-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-flex-fullhd,
  .is-flex-fullhd {
    display: flex !important;
  }
}
.is-display-inline,
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-display-inline-mobile,
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-inline-tablet,
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-inline-tablet-only,
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-inline-touch,
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-inline-desktop,
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-inline-desktop-only,
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-inline-widescreen,
  .is-inline-widescreen {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-inline-widescreen-only,
  .is-inline-widescreen-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-inline-fullhd,
  .is-inline-fullhd {
    display: inline !important;
  }
}
.is-display-inline-block,
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-display-inline-block-mobile,
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-inline-block-tablet,
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-inline-block-tablet-only,
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-inline-block-touch,
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-inline-block-desktop,
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-inline-block-desktop-only,
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-inline-block-widescreen,
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-inline-block-widescreen-only,
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-inline-block-fullhd,
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}
.is-display-inline-flex,
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-display-inline-flex-mobile,
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-inline-flex-tablet,
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-inline-flex-tablet-only,
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-inline-flex-touch,
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-inline-flex-desktop,
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-inline-flex-desktop-only,
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-inline-flex-widescreen,
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-inline-flex-widescreen-only,
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-inline-flex-fullhd,
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}
.is-display-grid,
.is-grid {
  display: grid !important;
}

@media screen and (max-width: 768px) {
  .is-display-grid-mobile,
  .is-grid-mobile {
    display: grid !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-grid-tablet,
  .is-grid-tablet {
    display: grid !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-grid-tablet-only,
  .is-grid-tablet-only {
    display: grid !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-grid-touch,
  .is-grid-touch {
    display: grid !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-grid-desktop,
  .is-grid-desktop {
    display: grid !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-grid-desktop-only,
  .is-grid-desktop-only {
    display: grid !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-grid-widescreen,
  .is-grid-widescreen {
    display: grid !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-grid-widescreen-only,
  .is-grid-widescreen-only {
    display: grid !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-grid-fullhd,
  .is-grid-fullhd {
    display: grid !important;
  }
}
.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-display-none-mobile,
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-display-none-tablet,
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-display-none-tablet-only,
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-display-none-touch,
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-display-none-desktop,
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-display-none-desktop-only,
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-display-none-widescreen,
  .is-hidden-widescreen {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-display-none-widescreen-only,
  .is-hidden-widescreen-only {
    display: none !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-display-none-fullhd,
  .is-hidden-fullhd {
    display: none !important;
  }
}
.is-visibility-hidden,
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-visibility-hidden-mobile,
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-visibility-hidden-tablet,
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-visibility-hidden-tablet-only,
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-visibility-hidden-touch,
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-visibility-hidden-desktop,
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-visibility-hidden-desktop-only,
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-visibility-hidden-widescreen,
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-visibility-hidden-widescreen-only,
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-visibility-hidden-fullhd,
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}
.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}

.simple-calendar {
  table {
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgb(221, 221, 221);
    border-collapse: collapse;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
  tr {
    border-collapse: collapse;
  }
  th {
    padding: 6px;
    border-bottom: 2px solid rgb(221, 221, 221);
    border-collapse: collapse;
    border-left: 1px solid rgb(221, 221, 221);
    border-right: 1px solid rgb(221, 221, 221);
    border-top: 0px none rgb(51, 51, 51);
    box-sizing: border-box;
    text-align: left;
  }
  td {
    padding: 6px;
    vertical-align: top;
    width: 14%;
    border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(221, 221, 221);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(221, 221, 221);
    border-left-style: solid;
    border-left-width: 1px;
  }
  .calendar-heading nav {
    display: inline-block;
  }
  .day {
    height: 80px;
  }
  .today {
    background: #FFFFC0;
  }
  .prev-month {
    background: #DDD;
  }
  .next-month {
    background: #DDD;
  }
}

:root {
  --gl-star-color: #fdd835;
  --gl-star-color-inactive: #dcdce6;
  --gl-star-empty: url(/../img/star-empty.svg);
  --gl-star-full: url(/../img/star-full.svg);
  --gl-star-size: 24px;
  --gl-tooltip-background: rgba(17,17,17, .9);
  --gl-tooltip-border-radius: 4px;
  --gl-tooltip-color: #fff;
  --gl-tooltip-font-size: 0.875rem;
  --gl-tooltip-font-weight: 400;
  --gl-tooltip-line-height: 1;
  --gl-tooltip-margin: 12px;
  --gl-tooltip-padding: .5em 1em;
}

[data-star-rating] > select {
  -webkit-clip-path: circle(1px at 0 0) !important;
  clip-path: circle(1px at 0 0) !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  visibility: visible !important;
  white-space: nowrap !important;
  width: 1px !important;
}

[data-star-rating] > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  pointer-events: none;
}

[data-star-rating] > select::before,
[data-star-rating] > select::after {
  display: none !important;
}

[data-star-rating].gl-star-rating--ltr > select {
  left: 0 !important;
}

[data-star-rating].gl-star-rating--rtl > select {
  right: 0 !important;
}

[data-star-rating] {
  align-items: center;
  display: flex;
  position: relative;
}

.gl-star-rating:not([data-star-rating]) .gl-star-rating--stars {
  display: none;
}

[data-star-rating] .gl-star-rating--stars {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}

[data-star-rating] > select:focus + .gl-star-rating--stars span:first-child::before {
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  box-shadow: 0 0 0 3px -webkit-focus-ring-color;
  box-shadow: 0 0 0 3px Highlight;
  content: "";
  display: block;
  height: 100%;
  outline: 1px solid transparent;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

[data-star-rating] select[disabled] + .gl-star-rating--stars {
  cursor: default;
}

[data-star-rating] .gl-star-rating--stars > span {
  display: flex;
  height: 24px;
  height: 24px;
  height: var(--gl-star-size);
  margin: 0;
  width: 24px;
  width: 24px;
  width: var(--gl-star-size);
}

[data-star-rating] .gl-star-rating--stars[aria-label]::before,
[data-star-rating] .gl-star-rating--stars[aria-label]::after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  bottom: auto;
  box-sizing: border-box;
  left: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform-origin: top;
  transform: translate3d(0, -50%, 0);
  white-space: nowrap;
  z-index: 10;
}

[data-star-rating] .gl-star-rating--stars[aria-label]::before {
  background: rgba(17, 17, 17, 0.9);
  background: rgba(17, 17, 17, 0.9);
  background: var(--gl-tooltip-background);
  -webkit-clip-path: path("M6 14.998c0-3-6-5.499-6-7.499S5.999 3 5.999 0L6 14.998z");
  clip-path: path("M6 14.998c0-3-6-5.499-6-7.499S5.999 3 5.999 0L6 14.998z");
  content: "";
  height: 15px;
  margin: 0 0 0 6px;
  width: 6px;
}

[data-star-rating] .gl-star-rating--stars[aria-label]::after {
  background: rgba(17, 17, 17, 0.9);
  background: rgba(17, 17, 17, 0.9);
  background: var(--gl-tooltip-background);
  border-radius: 4px;
  border-radius: 4px;
  border-radius: var(--gl-tooltip-border-radius);
  color: #fff;
  color: #fff;
  color: var(--gl-tooltip-color);
  content: attr(aria-label);
  font-size: 0.875rem;
  font-size: 0.875rem;
  font-size: var(--gl-tooltip-font-size);
  font-weight: normal;
  margin-left: 12px;
  margin-left: 12px;
  margin-left: var(--gl-tooltip-margin);
  padding: 0.5em 1em;
  padding: 0.5em 1em;
  padding: var(--gl-tooltip-padding);
  text-transform: none;
}

[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::before,
[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::after {
  left: auto;
  right: 100%;
}

[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::before {
  transform: scaleX(-1) translate3d(0, -50%, 0);
  margin: 0 6px 0 0;
}

[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::after {
  margin-left: 0;
  margin-right: 12px;
  margin-right: 12px;
  margin-right: var(--gl-tooltip-margin);
}

[data-star-rating] svg {
  height: 100%;
  width: 100%;
}

[data-star-rating] .gl-star-half {
  fill: none;
  stroke: none;
}

[data-star-rating] .gl-star-full {
  fill: #dcdce6;
  fill: #dcdce6;
  fill: var(--gl-star-color-inactive);
  stroke: #dcdce6;
  stroke: #dcdce6;
  stroke: var(--gl-star-color-inactive);
  transition: fill 0.15s ease-in-out, stroke 0.15s ease-in-out;
}

[data-star-rating] .gl-active .gl-star-full {
  fill: #fdd835;
  fill: #fdd835;
  fill: var(--gl-star-color);
  stroke: #fdd835;
  stroke: #fdd835;
  stroke: var(--gl-star-color);
}

/* Compatibilty with v3 */
.gl-star-rating--stars[class*=" s"] > span {
  background-image: url(/../img/star-empty.svg) !important;
  background-image: url(/../img/star-empty.svg) !important;
  background-image: var(--gl-star-empty) !important;
}

.gl-star-rating--stars[class*=" s"] > span {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

.gl-star-rating--stars[class*=" s"] > span.gl-active,
.gl-star-rating--stars[class*=" s"] > span.gl-active.gl-selected {
  background-image: url(/../img/star-full.svg) !important;
  background-image: url(/../img/star-full.svg) !important;
  background-image: var(--gl-star-full) !important;
}

:root {
  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --font-size-2xl: 1.25rem;
  --font-size-3xl: 1.5rem;
  --font-size-4xl: 2rem;
  --font-size-caption: var(--font-size-xs);
  --font-size-label: var(--font-size-sm);
  --font-size-body: var(--font-size-md);
  --font-size-body-large: var(--font-size-lg);
}

/* RGB */
.events .timeline-event {
  width: 100%;
}
.events .timeline-daymonth {
  padding-bottom: 0;
}
.events .timeline .timeline-item .timeline-marker.is-icon.is-32x32 {
  height: 32px;
  width: 32px;
}
.events .timeline .timeline-item .timeline-marker.is-icon.is-32x32 i {
  font-size: 0.9rem !important;
}
.events .event-card {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #eee;
  padding: 1em;
}
.events .event-card .time-and-team a {
  text-decoration: none;
}
.events .delete {
  float: right;
}
.events .comment-count {
  margin: inherit, 1em;
}

:root {
  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --font-size-2xl: 1.25rem;
  --font-size-3xl: 1.5rem;
  --font-size-4xl: 2rem;
  --font-size-caption: var(--font-size-xs);
  --font-size-label: var(--font-size-sm);
  --font-size-body: var(--font-size-md);
  --font-size-body-large: var(--font-size-lg);
}

.comment .header {
  color: rgb(161, 168, 183);
}

.team-list .event {
  margin: 0.5em 0;
}
.team-list .event-title {
  text-overflow: clip;
}
.team-list .team-name {
  margin-bottom: 0;
}

:root {
  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --font-size-2xl: 1.25rem;
  --font-size-3xl: 1.5rem;
  --font-size-4xl: 2rem;
  --font-size-caption: var(--font-size-xs);
  --font-size-label: var(--font-size-sm);
  --font-size-body: var(--font-size-md);
  --font-size-body-large: var(--font-size-lg);
}

html,
body {
  height: 100%;
}

/* Full-height split row */
.columns.is-vcentered.new-login {
  min-height: 100vh;
  align-items: stretch; /* override Bulma's vertical centering */
  margin: 0;
}

/* ---------- LEFT SIDE (login) ---------- */
.columns.is-vcentered.new-login > .login {
  display: flex;
  align-items: center; /* center the section vertically */
  background-color: var(--brand-nav-bg);
  color: #ffffff;
  position: relative;
  min-height: 100vh;
}

.columns.is-vcentered.new-login > .login .section {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 3rem;
  padding-right: 3rem;
}

/* Optional: header styling if you want to wrap "Welcome back" etc */
.login-header {
  margin-bottom: 2rem;
}
.login-header .page-title {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #ffffff;
}
.login-header .page-subtitle {
  font-size: var(--font-size-body);
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0;
}

.login .label,
.login a,
.login .has-text-grey-dark {
  color: #ffffff !important;
}

.login-logo {
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.login-logo .brand-logo {
  height: 56px;
  width: auto;
}

@media (max-width: 768px) {
  .columns.is-vcentered.new-login {
    min-height: 100svh;
  }
  .columns.is-vcentered.new-login > .login {
    min-height: 100svh;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .login-logo {
    position: static;
    margin: 0 1.25rem 0.75rem;
  }
  .login-logo .brand-logo {
    height: 42px;
    max-width: min(220px, 62vw);
  }
  .columns.is-vcentered.new-login > .login .section {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .login-header {
    margin-bottom: 1.5rem;
  }
  .login-header .page-title {
    font-size: clamp(1.75rem, 9vw, 2.125rem);
    line-height: 1.15;
  }
  .login-header .page-subtitle {
    font-size: clamp(1.05rem, 5vw, 1.25rem);
  }
  .hero-right {
    min-height: auto;
    padding: 2rem 1.25rem;
  }
  .hero-right-content {
    position: static;
    transform: none;
    width: 100%;
    max-width: none;
    font-size: 1rem;
  }
  .hero-right .i-label {
    font-size: clamp(2.5rem, 12vw, 2.75rem);
    margin-bottom: 0.35em;
  }
  .hero-right .heartbeat-icon {
    margin: 0.75rem 0;
  }
  .hero-right .heartbeat-icon i {
    font-size: 4rem;
  }
  .hero-right .rotating-sentences {
    font-size: clamp(2.25rem, 11vw, 2.75rem);
    height: auto;
    margin-left: 0;
    margin-right: 0;
    min-height: 5.5rem;
    padding: 0.25em;
  }
}
/* Buttons – keep Bulma colours, just soften shape */
.new-login .button.is-link,
.new-login .button.is-light {
  border-radius: 8px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.new-login .button.is-light {
  background-color: #ffffff;
  color: var(--brand-nav-bg) !important;
  border: 2px solid rgba(255, 255, 255, 0.85);
}

/* ---------- RIGHT SIDE (hero) ---------- */
.hero-right {
  position: relative;
  min-height: 100vh; /* full height blue */
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #ffffff !important;
  color: var(--brand-active-bg);
  /* Option B – soft bottom gradient for depth */
}
.hero-right::after {
  display: none;
}

.hero-right-content {
  /* absolutely center the whole block */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80%;
  max-width: 720px;
  font-weight: bold;
  font-size: 2em;
  z-index: 1; /* sit above gradient */
}

/* “We” */
.hero-right .i-label {
  display: block;
  font-size: 2.5em;
  margin-bottom: 0.5em;
  color: inherit;
  text-align: center;
  width: 100%;
}

/* Heart icon */
.hero-right .heartbeat-icon {
  position: relative; /* Option A – glow positioning */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1em 0;
  width: 100%;
  /* Option A – faint animated pulse glow behind heart */
}
.hero-right .heartbeat-icon i {
  color: inherit;
  margin: 0 auto;
  display: block;
  font-size: 3em;
  position: relative;
  z-index: 2;
}
.hero-right .heartbeat-icon::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  border-radius: 999px;
  background: currentColor;
  filter: blur(16px);
  opacity: 0.15;
  z-index: 1;
  animation: pulse-glow 2.4s ease-out infinite;
}

/* Rotating sentences box */
.hero-right .rotating-sentences {
  font-size: 2em;
  margin-top: 0.5em;
  min-height: 1.5em;
  color: inherit;
  text-align: center;
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 0.5em;
  margin-left: 4em;
  margin-right: 4em;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Option C – fade in/out */
  opacity: 0;
  transition: opacity 1s ease;
}

.hero-right .rotating-sentences.is-visible {
  opacity: 1;
}

/* Tagline under the box */
.hero-right .rotating-subcopy {
  color: inherit;
  opacity: 0.9;
  font-size: var(--font-size-body);
  text-align: center;
  max-width: 420px;
  margin-top: 1rem;
  margin-bottom: 0;
  line-height: 1.4;
}

/* Keyframes for Option A glow */
@keyframes pulse-glow {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  60% {
    transform: scale(1.3);
    opacity: 0;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.chart {
  max-width: 650px;
  margin: 35px auto;
}

.table.is-scrollable {
  table-layout: fixed;
  display: table;
  max-height: 500px;
  overflow-y: scroll;
  width: 100%;
}

.panel.is-scrollable {
  display: block;
  height: 550px;
  overflow-y: scroll;
  width: 100%;
}

.column > .equal-rows-list-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  border: 1px solid rgba(73, 175, 243, 0.5);
  border-radius: 5px;
  background: white;
  color: black;
  padding: 1em 2.6em 1em 1em;
  margin: 0;
  position: relative;
  overflow: hidden;
  transition: background-color 0.15s ease, opacity 0.15s ease, box-shadow 0.2s ease;
  min-height: 90px;
  text-decoration: none;
}

.scenario-roadmaps .columns {
  align-items: stretch;
}

.column > .equal-rows-list-item:hover {
  opacity: 0.92;
  background-color: rgba(73, 175, 243, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.board-no-teams-options {
  gap: 1rem;
}

.board-no-teams-option-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.board-no-teams-option-box p {
  flex: 1;
}

.board-list-item-wrapper {
  position: relative;
  margin: 1em 0;
  list-style: none;
}

.team-list .team-header-health-status {
  float: none;
  font-size: 1em;
  font-weight: 600;
}

.team-header-health-status {
  float: right;
  padding: 0.3em;
  color: white;
  margin: 0.5em;
  border-radius: 5px;
  font-size: 0.8em;
}
.team-header-health-status.health-warning {
  background-color: rgb(250, 152, 152);
}
.team-header-health-status.health-notfication {
  background-color: rgb(247, 190, 56);
}
.team-header-health-status.health-positive {
  background-color: rgb(46, 167, 56);
  opacity: 0.8;
}

.team .team-header {
  width: 100%;
  font-weight: 600;
}
.team .team-header .team-header-title {
  float: left;
  padding: 0.5em;
}

#add-team {
  min-height: 100px;
}
#add-team .add-team-card {
  text-align: center;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#add-team .add-icon {
  font-size: 3em;
}
#add-team .add-icon:hover {
  animation: fa-spin 1s linear;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}
#add-team .add-team-text {
  margin-top: 0.5em;
}

.comparison-table-container {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* Make all draggable member items show a hand cursor, regardless of container */
.members .member {
  cursor: grab;
  cursor: -webkit-grab; /* Safari */
}
.members .member:active {
  cursor: grabbing;
  cursor: -webkit-grabbing; /* Safari */
}
.members .member .member-card {
  cursor: inherit; /* ensure card uses the grab cursor */
}

#teams-list {
  flex: 1 1 0%;
  min-width: 0;
  transition: margin-right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.teams-flex-row.side-strip-open #teams-list {
  margin-right: 300px;
}

.teams-flex-row {
  position: relative;
}

.teams-flex-row .available-members-bar {
  display: none;
}

.team-list .team-summary-tile {
  margin-bottom: 1.5rem;
}
.team-list .team-summary-tile .is-flex {
  gap: 2rem;
  min-width: 0;
  flex-wrap: wrap;
  align-items: stretch;
}
.team-list .team-summary-tile .team-name-col {
  width: 15%;
  flex-shrink: 0;
}
.team-list .team-summary-tile .team-health-col {
  width: 10%;
  flex-shrink: 0;
}
.team-list .team-summary-tile .team-people-col {
  width: 5%;
  min-width: 80px;
  flex-shrink: 0;
}
.team-list .team-summary-tile .team-roadmap-col {
  width: 10%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 32px;
}
.team-list .team-summary-tile .team-summary-charts {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.team-list .team-summary-tile .team-name-col, .team-list .team-summary-tile .team-desc-col, .team-list .team-summary-tile .team-health-col, .team-list .team-summary-tile .team-people-col, .team-list .team-summary-tile .team-health-chart, .team-list .team-summary-tile .team-velocity-chart, .team-list .team-summary-tile .team-health-chart-header, .team-list .team-summary-tile .team-velocity-chart-header {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.team-list .team-summary-tile .team-roadmap-col {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.team-list .team-summary-tile .team-health-col, .team-list .team-summary-tile .team-people-col, .team-list .team-summary-tile .team-health-chart, .team-list .team-summary-tile .team-velocity-chart {
  justify-content: center;
}
.team-list .team-health-chart,
.team-list .team-velocity-chart,
.team-list .team-health-chart-header,
.team-list .team-velocity-chart-header {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 32px;
  margin-right: 0;
  margin-left: 0;
}
.team-list .team-health-chart,
.team-list .team-health-chart-header {
  margin-right: 2rem;
}
.team-list .team-velocity-chart,
.team-list .team-velocity-chart-header {
  margin-right: 0;
}
.team-list .team-list-header {
  background: white;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.team-list .team-list-header .is-flex {
  gap: 2rem;
  min-width: 0;
  flex: 1 1 0;
  align-items: stretch;
}
.team-list .team-list-header .team-name-col, .team-list .team-list-header .team-desc-col, .team-list .team-list-header .team-health-col, .team-list .team-list-header .team-people-col, .team-list .team-list-header .team-health-chart-header, .team-list .team-list-header .team-velocity-chart-header {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.team-list .team-list-header .team-health-col, .team-list .team-list-header .team-people-col {
  justify-content: center;
}
.team-list .team-list-header .team-health-chart-header, .team-list .team-list-header .team-velocity-chart-header {
  justify-content: flex-start;
}
.team-list .team-list-header .team-roadmap-col {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
}
.team-list .team-summary-tile {
  transition: box-shadow 0.2s, background 0.2s;
}
.team-list .team-summary-tile:not(.team-list-header):hover {
  background: #fafcfe;
  box-shadow: 0 1px 4px 0 rgba(60, 80, 120, 0.04);
}

.team-summary-wrapper .team-roadmap-col.utilisation-stack.align-center {
  justify-content: center !important;
}

.edit-board-link {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  z-index: 2;
  color: #888;
  border-radius: 50%;
  padding: 0.3em 0.4em;
  font-size: 0.9em;
  box-shadow: 0 1px 4px rgba(60, 80, 120, 0.08);
  transition: background 0.2s, color 0.2s;
}
.edit-board-link:hover {
  color: #3273dc;
  background: #f0f6ff;
}

.board-no-teams {
  margin-top: 3em;
  text-align: center;
}
.board-no-teams .summary {
  margin: 2em;
}
.board-no-teams .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 20%;
}
.board-no-teams .box p {
  margin-bottom: 1em;
  text-align: center;
}
.board-no-teams .is-flex {
  gap: 20px;
  justify-content: center;
  align-items: stretch;
}

.production-radio-wrapper {
  padding: 0.6rem 0.75rem;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  background: #fafafa;
}

.production-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.production-radio-group .production-option {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  padding: 0.4rem 0.45rem;
  border-radius: 4px;
  transition: background-color 120ms ease, box-shadow 120ms ease;
  cursor: pointer;
}

.production-radio-group .production-option input[type=radio] {
  margin: 0;
  margin-top: 2px;
}

.production-radio-group .production-option:hover {
  background: #f1f1f1;
}

.production-radio-group .production-option.selected {
  background: #eef6ff;
  box-shadow: 0 0 0 1px #c5e2ff inset;
}

.production-radio-group .option-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.production-radio-group .option-text .option-title {
  font-weight: 600;
  font-size: var(--font-size-body);
}

.production-radio-group .option-text .hint {
  font-size: 0.7rem;
  color: #666;
  font-weight: 400;
}

@supports (selector(:has(*))) {
  .production-radio-group .production-option:has(input[type=radio]:checked) {
    background: #eef6ff;
    box-shadow: 0 0 0 1px #c5e2ff inset;
  }
}
.board-form-hint {
  display: block;
  font-size: 0.7rem;
  color: #666;
  font-weight: 400;
  margin-top: -0.2rem;
  margin-bottom: 0.35rem;
  line-height: 1.15;
}

.box.scenario-roadmaps {
  overflow: visible;
}

:root {
  --bulma-control-radius: var(--bulma-radius);
  --bulma-control-radius-small: var(--bulma-radius-small);
  --bulma-control-border-width: 1px;
  --bulma-control-height: 2.5em;
  --bulma-control-line-height: 1.5;
  --bulma-control-padding-vertical: calc(0.5em - 1px);
  --bulma-control-padding-horizontal: calc(0.75em - 1px);
  --bulma-control-size: var(--bulma-size-normal);
  --bulma-control-focus-shadow-l: 50%;
}

.buttons:not(:last-child) {
  margin-bottom: var(--bulma-block-spacing);
}

.button, .simple-calendar .calendar-heading nav a {
  align-items: center;
  appearance: none;
  border-color: transparent;
  border-style: solid;
  border-width: var(--bulma-control-border-width);
  border-radius: var(--bulma-control-radius);
  box-shadow: none;
  display: inline-flex;
  font-size: var(--bulma-control-size);
  height: var(--bulma-control-height);
  justify-content: flex-start;
  line-height: var(--bulma-control-line-height);
  padding-bottom: var(--bulma-control-padding-vertical);
  padding-left: var(--bulma-control-padding-horizontal);
  padding-right: var(--bulma-control-padding-horizontal);
  padding-top: var(--bulma-control-padding-vertical);
  position: relative;
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, box-shadow, color;
  vertical-align: top;
}

.button:focus, .simple-calendar .calendar-heading nav a:focus, .button:focus-visible, .simple-calendar .calendar-heading nav a:focus-visible, .button:focus-within, .simple-calendar .calendar-heading nav a:focus-within, .is-focused.button, .simple-calendar .calendar-heading nav a.is-focused, .button:active, .simple-calendar .calendar-heading nav a:active, .is-active.button, .simple-calendar .calendar-heading nav a.is-active {
  outline: none;
}

[disabled].button, .simple-calendar .calendar-heading nav a[disabled], fieldset[disabled] .button, fieldset[disabled] .simple-calendar .calendar-heading nav a, .simple-calendar .calendar-heading nav fieldset[disabled] a {
  cursor: not-allowed;
}

.button.is-loading::after, .simple-calendar .calendar-heading nav a.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--bulma-loading-color);
  border-radius: var(--bulma-radius-rounded);
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.button, .simple-calendar .calendar-heading nav a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button, .simple-calendar .calendar-heading nav a {
  --bulma-button-family: false;
  --bulma-button-weight: var(--bulma-weight-medium);
  --bulma-button-border-color: var(--bulma-border);
  --bulma-button-border-style: solid;
  --bulma-button-border-width: var(--bulma-control-border-width);
  --bulma-button-padding-vertical: 0.5em;
  --bulma-button-padding-horizontal: 1em;
  --bulma-button-focus-border-color: var(--bulma-link-focus-border);
  --bulma-button-focus-box-shadow-size: 0 0 0 0.125em;
  --bulma-button-focus-box-shadow-color: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 0.25);
  --bulma-button-active-color: var(--bulma-link-active);
  --bulma-button-active-border-color: var(--bulma-link-active-border);
  --bulma-button-text-color: var(--bulma-text);
  --bulma-button-text-decoration: underline;
  --bulma-button-text-hover-background-color: var(--bulma-background);
  --bulma-button-text-hover-color: var(--bulma-text-strong);
  --bulma-button-ghost-background: none;
  --bulma-button-ghost-border-color: transparent;
  --bulma-button-ghost-color: var(--bulma-link-text);
  --bulma-button-ghost-decoration: none;
  --bulma-button-ghost-hover-color: var(--bulma-link);
  --bulma-button-ghost-hover-decoration: underline;
  --bulma-button-disabled-background-color: var(--bulma-scheme-main);
  --bulma-button-disabled-border-color: var(--bulma-border);
  --bulma-button-disabled-shadow: none;
  --bulma-button-disabled-opacity: 0.5;
  --bulma-button-static-color: var(--bulma-text-weak);
  --bulma-button-static-background-color: var(--bulma-scheme-main-ter);
  --bulma-button-static-border-color: var(--bulma-border);
}

.button, .simple-calendar .calendar-heading nav a {
  --bulma-button-h: var(--bulma-scheme-h);
  --bulma-button-s: var(--bulma-scheme-s);
  --bulma-button-l: var(--bulma-scheme-main-l);
  --bulma-button-background-l: var(--bulma-scheme-main-l);
  --bulma-button-background-l-delta: 0%;
  --bulma-button-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-button-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-button-color-l: var(--bulma-text-strong-l);
  --bulma-button-border-l: var(--bulma-border-l);
  --bulma-button-border-l-delta: 0%;
  --bulma-button-hover-border-l-delta: var(--bulma-hover-border-l-delta);
  --bulma-button-active-border-l-delta: var(--bulma-active-border-l-delta);
  --bulma-button-focus-border-l-delta: var(--bulma-focus-border-l-delta);
  --bulma-button-outer-shadow-h: 0;
  --bulma-button-outer-shadow-s: 0%;
  --bulma-button-outer-shadow-l: 20%;
  --bulma-button-outer-shadow-a: 0.05;
  --bulma-loading-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l));
  background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-background-l) + var(--bulma-button-background-l-delta)));
  border-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-border-l) + var(--bulma-button-border-l-delta)));
  border-style: var(--bulma-button-border-style);
  border-width: var(--bulma-button-border-width);
  box-shadow: 0px 0.0625em 0.125em hsla(var(--bulma-button-outer-shadow-h), var(--bulma-button-outer-shadow-s), var(--bulma-button-outer-shadow-l), var(--bulma-button-outer-shadow-a)), 0px 0.125em 0.25em hsla(var(--bulma-button-outer-shadow-h), var(--bulma-button-outer-shadow-s), var(--bulma-button-outer-shadow-l), var(--bulma-button-outer-shadow-a));
  color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l));
  cursor: pointer;
  font-weight: var(--bulma-button-weight);
  height: auto;
  justify-content: center;
  padding-bottom: calc(var(--bulma-button-padding-vertical) - var(--bulma-button-border-width));
  padding-left: calc(var(--bulma-button-padding-horizontal) - var(--bulma-button-border-width));
  padding-right: calc(var(--bulma-button-padding-horizontal) - var(--bulma-button-border-width));
  padding-top: calc(var(--bulma-button-padding-vertical) - var(--bulma-button-border-width));
  text-align: center;
  white-space: nowrap;
}
.button strong, .simple-calendar .calendar-heading nav a strong {
  color: inherit;
}
.button .icon, .simple-calendar .calendar-heading nav a .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child), .simple-calendar .calendar-heading nav a .icon:first-child:not(:last-child) {
  margin-inline-start: calc(-0.5 * var(--bulma-button-padding-horizontal));
  margin-inline-end: calc(var(--bulma-button-padding-horizontal) * 0.25);
}
.button .icon:last-child:not(:first-child), .simple-calendar .calendar-heading nav a .icon:last-child:not(:first-child) {
  margin-inline-start: calc(var(--bulma-button-padding-horizontal) * 0.25);
  margin-inline-end: calc(-0.5 * var(--bulma-button-padding-horizontal));
}
.button .icon:first-child:last-child, .simple-calendar .calendar-heading nav a .icon:first-child:last-child {
  margin-inline-start: calc(-0.5 * var(--bulma-button-padding-horizontal));
  margin-inline-end: calc(-0.5 * var(--bulma-button-padding-horizontal));
}
.button:hover, .simple-calendar .calendar-heading nav a:hover, .button.is-hovered, .simple-calendar .calendar-heading nav a.is-hovered {
  --bulma-button-background-l-delta: var(--bulma-button-hover-background-l-delta);
  --bulma-button-border-l-delta: var(--bulma-button-hover-border-l-delta);
}
.button:focus-visible, .simple-calendar .calendar-heading nav a:focus-visible, .button.is-focused, .simple-calendar .calendar-heading nav a.is-focused {
  --bulma-button-border-width: 1px;
  border-color: hsl(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l));
  box-shadow: var(--bulma-focus-shadow-size) hsla(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l), var(--bulma-focus-shadow-alpha));
}
.button:active, .simple-calendar .calendar-heading nav a:active, .button.is-active, .simple-calendar .calendar-heading nav a.is-active {
  --bulma-button-background-l-delta: var(--bulma-button-active-background-l-delta);
  --bulma-button-border-l-delta: var(--bulma-button-active-border-l-delta);
  --bulma-button-outer-shadow-a: 0;
}
.button[disabled], .simple-calendar .calendar-heading nav a[disabled], fieldset[disabled] .button, fieldset[disabled] .simple-calendar .calendar-heading nav a, .simple-calendar .calendar-heading nav fieldset[disabled] a {
  background-color: var(--bulma-button-disabled-background-color);
  border-color: var(--bulma-button-disabled-border-color);
  box-shadow: var(--bulma-button-disabled-shadow);
  opacity: var(--bulma-button-disabled-opacity);
}
.button.is-white, .simple-calendar .calendar-heading nav a.is-white {
  --bulma-button-h: var(--bulma-white-h);
  --bulma-button-s: var(--bulma-white-s);
  --bulma-button-l: var(--bulma-white-l);
  --bulma-button-background-l: var(--bulma-white-l);
  --bulma-button-border-l: var(--bulma-white-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-white-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-white:focus-visible, .simple-calendar .calendar-heading nav a.is-white:focus-visible, .button.is-white.is-focused, .simple-calendar .calendar-heading nav a.is-white.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-white.is-soft, .simple-calendar .calendar-heading nav a.is-white.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-white.is-bold, .simple-calendar .calendar-heading nav a.is-white.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-white[disabled], .simple-calendar .calendar-heading nav a.is-white[disabled], fieldset[disabled] .button.is-white, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-white, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-white {
  background-color: var(--bulma-white);
  border-color: var(--bulma-white);
  box-shadow: none;
}
.button.is-black, .simple-calendar .calendar-heading nav a.is-black {
  --bulma-button-h: var(--bulma-black-h);
  --bulma-button-s: var(--bulma-black-s);
  --bulma-button-l: var(--bulma-black-l);
  --bulma-button-background-l: var(--bulma-black-l);
  --bulma-button-border-l: var(--bulma-black-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-black-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-black:focus-visible, .simple-calendar .calendar-heading nav a.is-black:focus-visible, .button.is-black.is-focused, .simple-calendar .calendar-heading nav a.is-black.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-black.is-soft, .simple-calendar .calendar-heading nav a.is-black.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-black.is-bold, .simple-calendar .calendar-heading nav a.is-black.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-black[disabled], .simple-calendar .calendar-heading nav a.is-black[disabled], fieldset[disabled] .button.is-black, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-black, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-black {
  background-color: var(--bulma-black);
  border-color: var(--bulma-black);
  box-shadow: none;
}
.button.is-light, .simple-calendar .calendar-heading nav a.is-light {
  --bulma-button-h: var(--bulma-light-h);
  --bulma-button-s: var(--bulma-light-s);
  --bulma-button-l: var(--bulma-light-l);
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-border-l: var(--bulma-light-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-light-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-light:focus-visible, .simple-calendar .calendar-heading nav a.is-light:focus-visible, .button.is-light.is-focused, .simple-calendar .calendar-heading nav a.is-light.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-light.is-soft, .simple-calendar .calendar-heading nav a.is-light.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-light.is-bold, .simple-calendar .calendar-heading nav a.is-light.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-light[disabled], .simple-calendar .calendar-heading nav a.is-light[disabled], fieldset[disabled] .button.is-light, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-light, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-light {
  background-color: var(--bulma-light);
  border-color: var(--bulma-light);
  box-shadow: none;
}
.button.is-dark, .simple-calendar .calendar-heading nav a.is-dark {
  --bulma-button-h: var(--bulma-dark-h);
  --bulma-button-s: var(--bulma-dark-s);
  --bulma-button-l: var(--bulma-dark-l);
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-border-l: var(--bulma-dark-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-dark-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-dark:focus-visible, .simple-calendar .calendar-heading nav a.is-dark:focus-visible, .button.is-dark.is-focused, .simple-calendar .calendar-heading nav a.is-dark.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-dark.is-soft, .simple-calendar .calendar-heading nav a.is-dark.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-dark.is-bold, .simple-calendar .calendar-heading nav a.is-dark.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-dark[disabled], .simple-calendar .calendar-heading nav a.is-dark[disabled], fieldset[disabled] .button.is-dark, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-dark, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-dark {
  background-color: var(--bulma-dark);
  border-color: var(--bulma-dark);
  box-shadow: none;
}
.button.is-text, .simple-calendar .calendar-heading nav a.is-text {
  --bulma-button-h: var(--bulma-text-h);
  --bulma-button-s: var(--bulma-text-s);
  --bulma-button-l: var(--bulma-text-l);
  --bulma-button-background-l: var(--bulma-text-l);
  --bulma-button-border-l: var(--bulma-text-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-text-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-text:focus-visible, .simple-calendar .calendar-heading nav a.is-text:focus-visible, .button.is-text.is-focused, .simple-calendar .calendar-heading nav a.is-text.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-text.is-light, .simple-calendar .calendar-heading nav a.is-text.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-text-light-invert-l);
}
.button.is-text.is-dark, .simple-calendar .calendar-heading nav a.is-text.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-text-dark-invert-l);
}
.button.is-text.is-soft, .simple-calendar .calendar-heading nav a.is-text.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-text.is-bold, .simple-calendar .calendar-heading nav a.is-text.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-text[disabled], .simple-calendar .calendar-heading nav a.is-text[disabled], fieldset[disabled] .button.is-text, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-text, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-text {
  background-color: var(--bulma-text);
  border-color: var(--bulma-text);
  box-shadow: none;
}
.button.is-primary, .simple-calendar .calendar-heading nav a.is-primary {
  --bulma-button-h: var(--bulma-primary-h);
  --bulma-button-s: var(--bulma-primary-s);
  --bulma-button-l: var(--bulma-primary-l);
  --bulma-button-background-l: var(--bulma-primary-l);
  --bulma-button-border-l: var(--bulma-primary-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-primary-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-primary:focus-visible, .simple-calendar .calendar-heading nav a.is-primary:focus-visible, .button.is-primary.is-focused, .simple-calendar .calendar-heading nav a.is-primary.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-primary.is-light, .simple-calendar .calendar-heading nav a.is-primary.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-primary-light-invert-l);
}
.button.is-primary.is-dark, .simple-calendar .calendar-heading nav a.is-primary.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-primary-dark-invert-l);
}
.button.is-primary.is-soft, .simple-calendar .calendar-heading nav a.is-primary.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-primary.is-bold, .simple-calendar .calendar-heading nav a.is-primary.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-primary[disabled], .simple-calendar .calendar-heading nav a.is-primary[disabled], fieldset[disabled] .button.is-primary, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-primary, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-primary {
  background-color: var(--bulma-primary);
  border-color: var(--bulma-primary);
  box-shadow: none;
}
.button.is-link, .simple-calendar .calendar-heading nav a.is-link {
  --bulma-button-h: var(--bulma-link-h);
  --bulma-button-s: var(--bulma-link-s);
  --bulma-button-l: var(--bulma-link-l);
  --bulma-button-background-l: var(--bulma-link-l);
  --bulma-button-border-l: var(--bulma-link-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-link-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-link:focus-visible, .simple-calendar .calendar-heading nav a.is-link:focus-visible, .button.is-link.is-focused, .simple-calendar .calendar-heading nav a.is-link.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-link.is-light, .simple-calendar .calendar-heading nav a.is-link.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-link-light-invert-l);
}
.button.is-link.is-dark, .simple-calendar .calendar-heading nav a.is-link.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-link-dark-invert-l);
}
.button.is-link.is-soft, .simple-calendar .calendar-heading nav a.is-link.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-link.is-bold, .simple-calendar .calendar-heading nav a.is-link.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-link[disabled], .simple-calendar .calendar-heading nav a.is-link[disabled], fieldset[disabled] .button.is-link, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-link, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-link {
  background-color: var(--bulma-link);
  border-color: var(--bulma-link);
  box-shadow: none;
}
.button.is-info, .simple-calendar .calendar-heading nav a.is-info {
  --bulma-button-h: var(--bulma-info-h);
  --bulma-button-s: var(--bulma-info-s);
  --bulma-button-l: var(--bulma-info-l);
  --bulma-button-background-l: var(--bulma-info-l);
  --bulma-button-border-l: var(--bulma-info-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-info-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-info:focus-visible, .simple-calendar .calendar-heading nav a.is-info:focus-visible, .button.is-info.is-focused, .simple-calendar .calendar-heading nav a.is-info.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-info.is-light, .simple-calendar .calendar-heading nav a.is-info.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-info-light-invert-l);
}
.button.is-info.is-dark, .simple-calendar .calendar-heading nav a.is-info.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-info-dark-invert-l);
}
.button.is-info.is-soft, .simple-calendar .calendar-heading nav a.is-info.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-info.is-bold, .simple-calendar .calendar-heading nav a.is-info.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-info[disabled], .simple-calendar .calendar-heading nav a.is-info[disabled], fieldset[disabled] .button.is-info, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-info, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-info {
  background-color: var(--bulma-info);
  border-color: var(--bulma-info);
  box-shadow: none;
}
.button.is-success, .simple-calendar .calendar-heading nav a.is-success {
  --bulma-button-h: var(--bulma-success-h);
  --bulma-button-s: var(--bulma-success-s);
  --bulma-button-l: var(--bulma-success-l);
  --bulma-button-background-l: var(--bulma-success-l);
  --bulma-button-border-l: var(--bulma-success-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-success-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-success:focus-visible, .simple-calendar .calendar-heading nav a.is-success:focus-visible, .button.is-success.is-focused, .simple-calendar .calendar-heading nav a.is-success.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-success.is-light, .simple-calendar .calendar-heading nav a.is-success.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-success-light-invert-l);
}
.button.is-success.is-dark, .simple-calendar .calendar-heading nav a.is-success.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-success-dark-invert-l);
}
.button.is-success.is-soft, .simple-calendar .calendar-heading nav a.is-success.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-success.is-bold, .simple-calendar .calendar-heading nav a.is-success.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-success[disabled], .simple-calendar .calendar-heading nav a.is-success[disabled], fieldset[disabled] .button.is-success, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-success, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-success {
  background-color: var(--bulma-success);
  border-color: var(--bulma-success);
  box-shadow: none;
}
.button.is-warning, .simple-calendar .calendar-heading nav a.is-warning {
  --bulma-button-h: var(--bulma-warning-h);
  --bulma-button-s: var(--bulma-warning-s);
  --bulma-button-l: var(--bulma-warning-l);
  --bulma-button-background-l: var(--bulma-warning-l);
  --bulma-button-border-l: var(--bulma-warning-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-warning-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-warning:focus-visible, .simple-calendar .calendar-heading nav a.is-warning:focus-visible, .button.is-warning.is-focused, .simple-calendar .calendar-heading nav a.is-warning.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-warning.is-light, .simple-calendar .calendar-heading nav a.is-warning.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-warning-light-invert-l);
}
.button.is-warning.is-dark, .simple-calendar .calendar-heading nav a.is-warning.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-warning-dark-invert-l);
}
.button.is-warning.is-soft, .simple-calendar .calendar-heading nav a.is-warning.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-warning.is-bold, .simple-calendar .calendar-heading nav a.is-warning.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-warning[disabled], .simple-calendar .calendar-heading nav a.is-warning[disabled], fieldset[disabled] .button.is-warning, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-warning, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-warning {
  background-color: var(--bulma-warning);
  border-color: var(--bulma-warning);
  box-shadow: none;
}
.button.is-danger, .simple-calendar .calendar-heading nav a.is-danger {
  --bulma-button-h: var(--bulma-danger-h);
  --bulma-button-s: var(--bulma-danger-s);
  --bulma-button-l: var(--bulma-danger-l);
  --bulma-button-background-l: var(--bulma-danger-l);
  --bulma-button-border-l: var(--bulma-danger-l);
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: var(--bulma-danger-invert-l);
  --bulma-button-outer-shadow-a: 0;
}
.button.is-danger:focus-visible, .simple-calendar .calendar-heading nav a.is-danger:focus-visible, .button.is-danger.is-focused, .simple-calendar .calendar-heading nav a.is-danger.is-focused {
  --bulma-button-border-width: 1px;
}
.button.is-danger.is-light, .simple-calendar .calendar-heading nav a.is-danger.is-light {
  --bulma-button-background-l: var(--bulma-light-l);
  --bulma-button-color-l: var(--bulma-danger-light-invert-l);
}
.button.is-danger.is-dark, .simple-calendar .calendar-heading nav a.is-danger.is-dark {
  --bulma-button-background-l: var(--bulma-dark-l);
  --bulma-button-color-l: var(--bulma-danger-dark-invert-l);
}
.button.is-danger.is-soft, .simple-calendar .calendar-heading nav a.is-danger.is-soft {
  --bulma-button-background-l: var(--bulma-soft-l);
  --bulma-button-color-l: var(--bulma-soft-invert-l);
}
.button.is-danger.is-bold, .simple-calendar .calendar-heading nav a.is-danger.is-bold {
  --bulma-button-background-l: var(--bulma-bold-l);
  --bulma-button-color-l: var(--bulma-bold-invert-l);
}
.button.is-danger[disabled], .simple-calendar .calendar-heading nav a.is-danger[disabled], fieldset[disabled] .button.is-danger, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-danger, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-danger {
  background-color: var(--bulma-danger);
  border-color: var(--bulma-danger);
  box-shadow: none;
}
.button.is-outlined, .simple-calendar .calendar-heading nav a.is-outlined {
  --bulma-button-border-width: max(1px, 0.0625em);
  --bulma-loading-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
  background-color: transparent;
  border-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
  color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l));
}
.button.is-outlined:hover, .simple-calendar .calendar-heading nav a.is-outlined:hover {
  --bulma-button-border-width: max(2px, 0.125em);
  --bulma-button-outer-shadow-alpha: 1;
}
.button.is-outlined[disabled], .simple-calendar .calendar-heading nav a.is-outlined[disabled], fieldset[disabled] .button.is-outlined, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-outlined, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-outlined {
  background-color: transparent;
  box-shadow: none;
}
.button.is-inverted, .simple-calendar .calendar-heading nav a.is-inverted {
  background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta)));
  color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-background-l));
}
.button.is-text, .simple-calendar .calendar-heading nav a.is-text {
  background-color: transparent;
  border-color: transparent;
  color: var(--bulma-button-text-color);
  text-decoration: var(--bulma-button-text-decoration);
}
.button.is-text:hover, .simple-calendar .calendar-heading nav a.is-text:hover, .button.is-text.is-hovered, .simple-calendar .calendar-heading nav a.is-text.is-hovered {
  background-color: var(--bulma-button-text-hover-background-color);
  color: var(--bulma-button-text-hover-color);
}
.button.is-text:active, .simple-calendar .calendar-heading nav a.is-text:active, .button.is-text.is-active, .simple-calendar .calendar-heading nav a.is-text.is-active {
  color: var(--bulma-button-text-hover-color);
}
.button.is-text[disabled], .simple-calendar .calendar-heading nav a.is-text[disabled], fieldset[disabled] .button.is-text, fieldset[disabled] .simple-calendar .calendar-heading nav a.is-text, .simple-calendar .calendar-heading nav fieldset[disabled] a.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-ghost, .simple-calendar .calendar-heading nav a.is-ghost {
  background: var(--bulma-button-ghost-background);
  border-color: var(--bulma-button-ghost-border-color);
  box-shadow: none;
  color: var(--bulma-button-ghost-color);
  text-decoration: var(--bulma-button-ghost-decoration);
}
.button.is-ghost:hover, .simple-calendar .calendar-heading nav a.is-ghost:hover, .button.is-ghost.is-hovered, .simple-calendar .calendar-heading nav a.is-ghost.is-hovered {
  color: var(--bulma-button-ghost-hover-color);
  text-decoration: var(--bulma-button-ghost-hover-decoration);
}
.button.is-small, .simple-calendar .calendar-heading nav a.is-small {
  --bulma-control-size: var(--bulma-size-small);
  --bulma-control-radius: var(--bulma-radius-small);
}
.button.is-normal, .simple-calendar .calendar-heading nav a.is-normal {
  --bulma-control-size: var(--bulma-size-normal);
  --bulma-control-radius: var(--bulma-radius);
}
.button.is-medium, .simple-calendar .calendar-heading nav a.is-medium {
  --bulma-control-size: var(--bulma-size-medium);
  --bulma-control-radius: var(--bulma-radius-medium);
}
.button.is-large, .simple-calendar .calendar-heading nav a.is-large {
  --bulma-control-size: var(--bulma-size-large);
  --bulma-control-radius: var(--bulma-radius-medium);
}
.button.is-fullwidth, .simple-calendar .calendar-heading nav a.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading, .simple-calendar .calendar-heading nav a.is-loading {
  box-shadow: none;
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after, .simple-calendar .calendar-heading nav a.is-loading::after {
  position: absolute;
  left: calc(50% - 1em * 0.5);
  top: calc(50% - 1em * 0.5);
  position: absolute !important;
}
.button.is-static, .simple-calendar .calendar-heading nav a.is-static {
  background-color: var(--bulma-button-static-background-color);
  border-color: var(--bulma-button-static-border-color);
  color: var(--bulma-button-static-color);
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded, .simple-calendar .calendar-heading nav a.is-rounded {
  border-radius: var(--bulma-radius-rounded);
  padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
  padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width));
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-start;
}
.buttons.are-small {
  --bulma-control-size: var(--bulma-size-small);
  --bulma-control-radius: var(--bulma-radius-small);
}
.buttons.are-medium {
  --bulma-control-size: var(--bulma-size-medium);
  --bulma-control-radius: var(--bulma-radius-medium);
}
.buttons.are-large {
  --bulma-control-size: var(--bulma-size-large);
  --bulma-control-radius: var(--bulma-radius-large);
}
.buttons.has-addons {
  gap: 0;
}
.buttons.has-addons .button:not(:first-child), .buttons.has-addons .simple-calendar .calendar-heading nav a:not(:first-child), .simple-calendar .calendar-heading nav .buttons.has-addons a:not(:first-child) {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.buttons.has-addons .button:not(:last-child), .buttons.has-addons .simple-calendar .calendar-heading nav a:not(:last-child), .simple-calendar .calendar-heading nav .buttons.has-addons a:not(:last-child) {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  margin-inline-end: -1px;
}
.buttons.has-addons .button:hover, .buttons.has-addons .simple-calendar .calendar-heading nav a:hover, .simple-calendar .calendar-heading nav .buttons.has-addons a:hover, .buttons.has-addons .button.is-hovered, .buttons.has-addons .simple-calendar .calendar-heading nav a.is-hovered, .simple-calendar .calendar-heading nav .buttons.has-addons a.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .simple-calendar .calendar-heading nav a:focus, .simple-calendar .calendar-heading nav .buttons.has-addons a:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .simple-calendar .calendar-heading nav a.is-focused, .simple-calendar .calendar-heading nav .buttons.has-addons a.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .simple-calendar .calendar-heading nav a:active, .simple-calendar .calendar-heading nav .buttons.has-addons a:active, .buttons.has-addons .button.is-active, .buttons.has-addons .simple-calendar .calendar-heading nav a.is-active, .simple-calendar .calendar-heading nav .buttons.has-addons a.is-active, .buttons.has-addons .button.is-selected, .buttons.has-addons .simple-calendar .calendar-heading nav a.is-selected, .simple-calendar .calendar-heading nav .buttons.has-addons a.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .simple-calendar .calendar-heading nav a:focus:hover, .simple-calendar .calendar-heading nav .buttons.has-addons a:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .simple-calendar .calendar-heading nav a.is-focused:hover, .simple-calendar .calendar-heading nav .buttons.has-addons a.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .simple-calendar .calendar-heading nav a:active:hover, .simple-calendar .calendar-heading nav .buttons.has-addons a:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .simple-calendar .calendar-heading nav a.is-active:hover, .simple-calendar .calendar-heading nav .buttons.has-addons a.is-active:hover, .buttons.has-addons .button.is-selected:hover, .buttons.has-addons .simple-calendar .calendar-heading nav a.is-selected:hover, .simple-calendar .calendar-heading nav .buttons.has-addons a.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded, .buttons.has-addons .simple-calendar .calendar-heading nav a.is-expanded, .simple-calendar .calendar-heading nav .buttons.has-addons a.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-right {
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .button.is-responsive.is-small, .simple-calendar .calendar-heading nav a.is-responsive.is-small {
    font-size: calc(var(--bulma-size-small) * 0.75);
  }
  .button.is-responsive, .simple-calendar .calendar-heading nav a.is-responsive,
  .button.is-responsive.is-normal {
    font-size: calc(var(--bulma-size-small) * 0.875);
  }
  .button.is-responsive.is-medium, .simple-calendar .calendar-heading nav a.is-responsive.is-medium {
    font-size: var(--bulma-size-small);
  }
  .button.is-responsive.is-large, .simple-calendar .calendar-heading nav a.is-responsive.is-large {
    font-size: var(--bulma-size-normal);
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .button.is-responsive.is-small, .simple-calendar .calendar-heading nav a.is-responsive.is-small {
    font-size: calc(var(--bulma-size-small) * 0.875);
  }
  .button.is-responsive, .simple-calendar .calendar-heading nav a.is-responsive,
  .button.is-responsive.is-normal {
    font-size: var(--bulma-size-small);
  }
  .button.is-responsive.is-medium, .simple-calendar .calendar-heading nav a.is-responsive.is-medium {
    font-size: var(--bulma-size-normal);
  }
  .button.is-responsive.is-large, .simple-calendar .calendar-heading nav a.is-responsive.is-large {
    font-size: var(--bulma-size-medium);
  }
}
.board-no-teams {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}
.board-no-teams .board-no-teams-inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: 2.25rem 2.5rem 2.4rem;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(148, 163, 184, 0.12);
  text-align: center;
}
.board-no-teams .board-no-teams-icon {
  margin-bottom: 1rem;
}
.board-no-teams .board-no-teams-icon .board-no-teams-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
}
.board-no-teams .board-no-teams-icon i {
  font-size: 1.5rem;
}
.board-no-teams .board-no-teams-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.5rem;
}
.board-no-teams .board-no-teams-subtitle {
  max-width: 640px;
  margin: 0 auto 1.75rem;
  font-size: var(--font-size-body);
  line-height: 1.6;
  color: #4b5563;
}
.board-no-teams .board-no-teams-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
}
.board-no-teams .board-no-teams-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding-inline: 1.6rem;
}
.board-no-teams .board-no-teams-secondary-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.board-no-teams .board-no-teams-secondary-label {
  font-size: var(--font-size-body);
  color: #6b7280;
}
.board-no-teams .board-no-teams-secondary-btn {
  font-size: var(--font-size-body);
  padding-inline: 1.1rem;
}
@media (max-width: 768px) {
  .board-no-teams .board-no-teams-inner {
    margin: 0 1rem;
    padding: 1.75rem 1.4rem 2rem;
  }
  .board-no-teams .board-no-teams-actions {
    align-items: stretch;
  }
  .board-no-teams .board-no-teams-primary,
  .board-no-teams .board-no-teams-secondary-btn {
    width: 100%;
    justify-content: center;
  }
  .board-no-teams .board-no-teams-secondary-block {
    align-items: stretch;
  }
  .board-no-teams .board-no-teams-secondary-label {
    text-align: center;
  }
}

.team-command-centre {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.team-command-centre .box {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.team-command-centre__signals {
  margin-bottom: 0;
}

.team-command-section {
  margin: 0;
}

.team-command-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.team-command-section__header .pulse-title {
  margin-bottom: 0;
}

.team-command-centre .pulse-title {
  gap: 0.55rem;
}

.pulse-title__icon {
  display: inline-flex;
  width: 1.85rem;
  height: 1.85rem;
  flex: 0 0 1.85rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 0.82rem;
}

.pulse-title__icon--signals {
  background: #eef2ff;
  color: #4f46e5;
}

.pulse-title__icon--snapshot {
  background: #ecfdf5;
  color: #059669;
}

.pulse-title__icon--context {
  background: #eff6ff;
  color: #2563eb;
}

.team-command-section__header .pulse-title > span:not(.pulse-title__icon) {
  color: #64748b;
  font-size: 0.9rem;
  font-weight: 600;
}

.team-command-link,
.team-command-action {
  color: #2563eb;
  font-size: 0.82rem;
  font-weight: 700;
}

.team-command-action--plain {
  flex: 0 0 auto;
}

.team-command-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.46rem;
  min-height: 2.1rem;
  padding: 0.36rem 0.7rem;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.08);
}

.team-command-button:hover {
  border-color: #bfdbfe;
  background: #dbeafe;
  color: #1d4ed8;
}

.team-command-button i {
  font-size: 0.9rem;
}

.team-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.75rem;
}

.team-snapshot-card {
  display: flex;
  min-width: 0;
  min-height: 150px;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.85rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
}

.team-snapshot-card__top {
  display: flex;
  min-height: 4.7rem;
  flex-direction: column;
  gap: 0.18rem;
}

.team-snapshot-card:hover,
.team-command-list__item:hover {
  border-color: rgba(37, 99, 235, 0.28);
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08);
}

.team-snapshot-card__label {
  color: #475569;
  font-size: 0.74rem;
  font-weight: 800;
}

.team-snapshot-card__value {
  color: #172554;
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1.05;
}

.team-snapshot-card__hint,
.team-command-list__item small {
  display: block;
  color: #64748b;
  font-size: 0.74rem;
  line-height: 1.25;
}

.team-snapshot-card__meta {
  align-self: flex-start;
  min-height: 1.25rem;
  padding: 0;
  border-radius: 999px;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.25;
}

.team-snapshot-card__meta .vitals-variance-positive,
.team-snapshot-card__meta .vitals-variance-negative {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.team-snapshot-card__meta .vitals-variance-positive,
.team-snapshot-card__meta.tone-balanced {
  color: #047857;
}

.team-snapshot-card__meta .vitals-variance-negative,
.team-snapshot-card__meta.tone-high {
  color: #dc2626;
}

.team-snapshot-card__meta.tone-stretched {
  color: #b45309;
}

.team-snapshot-card__spark {
  display: block;
  width: 100%;
  min-height: 34px;
}

.team-snapshot-card__visual {
  display: flex;
  width: 100%;
  min-height: 46px;
  align-items: flex-end;
  margin-top: auto;
}

.team-snapshot-card .vital-sparkline {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: 34px !important;
}

.team-snapshot-card__bars {
  display: flex;
  align-items: flex-end;
  gap: 0.28rem;
  min-height: 44px;
}

.team-snapshot-card__bars i {
  display: block;
  width: 0.34rem;
  min-height: 10px;
  border-radius: 999px 999px 0 0;
  background: #cbd5e1;
}

.team-snapshot-card__bars .tone-green {
  background: #22c55e;
}

.team-snapshot-card__bars .tone-yellow {
  background: #facc15;
}

.team-snapshot-card__bars .tone-amber {
  background: #f59e0b;
}

.team-snapshot-card__bars .tone-red {
  background: #ef4444;
}

.team-snapshot-card__bars .tone-grey {
  background: #cbd5e1;
}

.team-snapshot-card__availability {
  display: flex;
  align-items: flex-end;
  gap: 0.22rem;
  min-height: 44px;
}

.team-snapshot-card__availability i {
  display: block;
  width: 0.28rem;
  min-height: 8px;
  border-radius: 999px 999px 0 0;
  background: #3b82f6;
}

.team-snapshot-card__visual-label,
.team-snapshot-card__breakdown,
.team-snapshot-card__empty-visual {
  color: #64748b;
  font-size: 0.63rem;
  font-weight: 600;
  line-height: 1.2;
}

.team-snapshot-card__breakdown,
.team-snapshot-card__empty-visual {
  padding-top: 0;
}

.team-context-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.team-context-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: #fff;
}

.team-context-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.team-context-card__title {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.65rem;
}

.team-context-card__title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 0.72rem;
  font-weight: 800;
}

.team-context-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: auto;
  padding-top: 0.25rem;
}

.team-context-card h5 {
  margin: 0 0 0.55rem;
  color: #0f172a;
  font-size: 0.86rem;
  font-weight: 800;
}

.team-context-card__header h5 {
  margin-bottom: 0;
}

.team-command-list {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.team-command-list--split {
  gap: 0.45rem;
}

.team-command-list__item {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  min-width: 0;
  min-height: 5.25rem;
  padding: 0.8rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
}

.team-command-list__content {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.36rem;
}

.team-command-list__item strong {
  display: block;
  overflow: hidden;
  color: #172554;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-command-list__content > em,
.team-command-list__item small em {
  align-self: flex-start;
  padding: 0.12rem 0.36rem;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 800;
}

.team-command-list__item small {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.32rem;
}

.team-command-list__item small i {
  color: #64748b;
  font-size: 0.7rem;
}

.team-command-list__item small em.tone-high,
.team-command-list__item small em.tone-critical {
  background: #fef2f2;
  color: #dc2626;
}

.team-command-list__item small em.tone-medium {
  background: #fff7ed;
  color: #c2410c;
}

.team-context-icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 1rem;
}

.team-context-icon--initiative,
.team-context-icon--decision {
  background: #eff6ff;
  color: #2563eb;
}

.team-context-icon--risk {
  background: #fef2f2;
  color: #dc2626;
}

.team-command-empty {
  margin: 0;
  padding: 0.9rem;
  border: 1px dashed rgba(148, 163, 184, 0.42);
  border-radius: 8px;
  color: #64748b;
  font-size: 0.82rem;
}

.team-command-empty--context {
  display: flex;
  min-height: 9.1rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.42rem;
  border-style: solid;
  border-color: rgba(148, 163, 184, 0.18);
  background: #fff;
  text-align: center;
}

.team-command-empty--context strong {
  color: #172554;
  font-size: 0.78rem;
  font-weight: 800;
}

.team-command-empty--context span:not(.team-command-empty__icon) {
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.3;
}

.team-command-empty__icon {
  display: inline-flex;
  width: 3.1rem;
  height: 3.1rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 1.25rem;
}

.team-command-updated {
  margin: -0.5rem 0 0;
  color: #64748b;
  font-size: 0.76rem;
}

@media (max-width: 1180px) {
  .team-snapshot-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .team-context-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .team-command-section__header {
    align-items: flex-start;
    flex-direction: column;
  }
  .team-snapshot-grid,
  .team-context-cards {
    grid-template-columns: 1fr;
  }
}
.no-people-notification .warning-message {
  margin-bottom: 1em;
}

.tmf-billing-blocker {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(99, 102, 241, 0.16);
  border-radius: 12px;
  background: #f8faff;
}

.tmf-billing-blocker__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #eef2ff;
  color: #3f57e8;
  flex-shrink: 0;
}

.tmf-billing-blocker__body {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.tmf-billing-blocker__message {
  margin: 0;
  color: #55627c;
  line-height: 1.5;
}

.tmf-billing-blocker__link {
  align-self: flex-start;
  font-weight: 700;
  color: #3f57e8;
}

.tmf-billing-blocker__link:hover,
.tmf-billing-blocker__link:focus {
  color: #2c3fc1;
}

.team-no-members-empty {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
.team-no-members-empty .team-no-members-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 2.25rem 2.5rem 2.4rem;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(148, 163, 184, 0.15);
  text-align: center;
}
.team-no-members-empty .team-no-members-icon {
  margin-bottom: 1rem;
}
.team-no-members-empty .team-no-members-icon .team-no-members-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
}
.team-no-members-empty .team-no-members-icon i {
  font-size: 1.5rem;
}
.team-no-members-empty .team-no-members-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.5rem;
}
.team-no-members-empty .team-no-members-subtitle {
  max-width: 640px;
  margin: 0 auto 1.75rem;
  font-size: var(--font-size-body);
  line-height: 1.6;
  color: #4b5563;
}
.team-no-members-empty .team-no-members-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
}
.team-no-members-empty .team-no-members-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding-inline: 1.6rem;
}
.team-no-members-empty .team-no-members-secondary-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.team-no-members-empty .team-no-members-secondary-label {
  font-size: var(--font-size-body);
  color: #6b7280;
}
.team-no-members-empty .team-no-members-secondary-btn {
  font-size: var(--font-size-body);
  padding-inline: 1.1rem;
}
@media (max-width: 768px) {
  .team-no-members-empty .team-no-members-inner {
    margin: 0 1rem;
    padding: 1.75rem 1.4rem 2rem;
  }
  .team-no-members-empty .team-no-members-actions {
    align-items: stretch;
  }
  .team-no-members-empty .team-no-members-primary,
  .team-no-members-empty .team-no-members-secondary-btn {
    width: 100%;
    justify-content: center;
  }
  .team-no-members-empty .team-no-members-secondary-block {
    align-items: stretch;
  }
  .team-no-members-empty .team-no-members-secondary-label {
    text-align: center;
  }
}

.team-header-shell {
  background: #ffffff;
  border: 1px solid #e7ebf0;
  border-radius: 10px;
  margin-bottom: 0.9rem;
}

.team-tabs-shell {
  margin-top: 0.1rem;
}

.team-tabs-nav {
  margin-bottom: 0 !important;
}
.team-tabs-nav ul {
  border-bottom: 1px solid #d9e0ea;
}
.team-tabs-nav li.is-active {
  background: #f8f9fa;
}
.team-tabs-nav li a {
  font-size: 1.05rem;
  font-weight: 500;
  color: #4a5568;
  padding: 0.7rem 1.1rem;
  border-color: transparent;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.team-tabs-nav li a:hover {
  color: #2b4fc7;
  background: #f5f8ff;
}
.team-tabs-nav li.is-active > a.nav-link.team-tab-link {
  font-weight: 700;
  color: #1f3fa9;
  background: #f8f9fa !important;
  border-color: #d9e0ea;
  border-bottom-color: #f8f9fa;
}

.team-tabs-content {
  background: #f8f9fa;
  border: 1px solid #d9e0ea;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 1.25rem 1rem;
}

.team-tabs-content > *:first-child {
  margin-top: 0 !important;
}

.team-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #edf1f5;
}

.team-header-left {
  min-width: 0;
  flex: 1 1 auto;
}

.team-header-identity {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.9rem;
  max-width: 100%;
}

.team-header-copy {
  min-width: 0;
  text-align: left;
}

.team-header-title {
  margin-bottom: 0 !important;
  line-height: 1.15;
}

.team-avatar {
  --team-color-rgb: 47, 93, 138;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 999px;
  line-height: 1;
  color: #1f2f49;
  font-weight: 600;
  letter-spacing: 0.01em;
  vertical-align: middle;
}

.team-avatar--tint {
  background-color: rgba(var(--team-color-rgb), 0.12);
  color: rgba(var(--team-color-rgb), 0.95);
  border: 1px solid rgba(var(--team-color-rgb), 0.24);
}

.team-avatar--ring {
  background-color: #ffffff;
  color: rgba(var(--team-color-rgb), 0.9);
  border: 2px solid rgba(var(--team-color-rgb), 0.68);
}

.team-avatar--sm {
  width: 24px;
  height: 24px;
  font-size: var(--font-size-xs);
}

.team-avatar--md {
  width: 34px;
  height: 34px;
  font-size: var(--font-size-sm);
}

.team-name-cell .title {
  margin-bottom: 0 !important;
}

.team-list-identity {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-width: 0;
  width: 100%;
}

.team-list-identity__copy {
  min-width: 0;
}

.team-list-cta {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dce6f5;
  border-radius: 10px;
  color: inherit;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding: 1rem 1.25rem;
  text-decoration: none;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.team-list-cta:hover,
.team-list-cta:focus-visible {
  border-color: #b7cff3;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  color: inherit;
  outline: none;
  transform: translateY(-1px);
}

.team-list-cta__copy {
  align-items: center;
  display: flex;
  gap: 0.85rem;
  min-width: 0;
}

.team-list-cta__icon {
  align-items: center;
  background: #eaf3ff;
  border: 1px solid #d7e7ff;
  border-radius: 0.65rem;
  color: #1667d9;
  display: inline-flex;
  flex-shrink: 0;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.team-list-cta__title {
  color: #1f2937;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 0.15rem;
}

.team-list-cta__text {
  color: #667085;
  font-size: var(--font-size-body);
  line-height: 1.4;
  margin: 0;
}

.team-list-cta__action {
  background: #1d63f2 !important;
  border-color: #1d63f2 !important;
  box-shadow: 0 8px 18px rgba(29, 99, 242, 0.18);
  color: #ffffff !important;
  flex-shrink: 0;
}

.team-list-cta:hover .team-list-cta__action,
.team-list-cta:focus-visible .team-list-cta__action {
  background: #1557dc !important;
  border-color: #1557dc !important;
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .team-list-cta {
    align-items: flex-start;
    flex-direction: column;
  }
  .team-list-cta__action {
    width: 100%;
  }
}
.team-header-subtitle {
  margin: 0;
  color: #6b7280;
  font-size: var(--font-size-body);
  line-height: 1.4;
}

.team-header-metrics {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1.35rem;
  flex: 0 1 auto;
}

.team-header-metric {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 98px;
  text-align: right;
}

.team-header-metric__value {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-height: 33px;
  color: #1f2937;
  font-size: 1.35rem;
  font-weight: 650;
  line-height: 1.1;
}

.team-header-metric__value .team-header-health-status {
  float: none;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0.36rem 0.48rem;
  font-size: var(--font-size-body);
  line-height: 1;
}

.team-header-metric__value--utilisation {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.team-header-metric__label {
  margin-top: 0.22rem;
  color: #7b8794;
  font-size: 0.67rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
}

@media (max-width: 920px) {
  .team-tabs-nav li a {
    font-size: var(--font-size-body);
    padding: 0.62rem 0.78rem;
  }
  .team-tabs-content {
    padding: 1rem 0.75rem;
  }
  .team-header-main {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .team-header-metrics {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.95rem 1.2rem;
    padding-top: 0.2rem;
  }
  .team-header-metric {
    text-align: left;
    min-width: 120px;
  }
  .team-header-metric__value {
    justify-content: flex-start;
  }
  .team-header-metric__value--utilisation {
    justify-content: flex-start;
  }
}
.edit-team-link {
  text-align: right;
}

.tiled-content {
  padding: 1em;
  width: 100%;
}

.tile-heading {
  text-align: left;
  margin-bottom: 0 !important;
  padding-bottom: 1em;
}

.tiled-text-large {
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
}

.tiled-text-small {
  font-size: 1em;
  font-weight: lighter;
  text-align: center;
  margin-top: -2px;
}

.health .team-health-container {
  background-color: rgb(210, 250, 208);
  border-radius: 5px;
  margin: 0 0.5em;
}
.health .team-health-container.health-warning {
  background-color: rgb(246, 200, 200);
}
.health .team-health-container.health-notfication {
  background-color: rgb(248, 235, 204);
}
.health .team-health-container.health-positive {
  background-color: rgb(182, 242, 187);
}
.health .team-health-score-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em;
}
.health .team-health-score-container .team-health-score-details {
  display: flex;
  align-items: center;
  gap: 0.5em;
  height: auto;
  width: 100%;
  padding-bottom: 1em;
  border-bottom: 1px solid rgb(242, 239, 239);
}
.health .team-health-score-container .team-health-score-details:last-child {
  border-bottom: none;
}
.health .team-health-score-container .team-health-score {
  flex: 0 0 4em;
  width: 4em;
  height: 4em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5em;
  font-weight: bold;
  color: white;
  border-radius: 5px;
}
.health .team-health-score-container .team-health-score.health-warning {
  background-color: rgb(250, 152, 152);
}
.health .team-health-score-container .team-health-score.health-notfication {
  background-color: rgb(247, 190, 56);
}
.health .team-health-score-container .team-health-score.health-positive {
  background-color: rgb(46, 167, 56);
  opacity: 0.8;
}
.health .team-health-score-container .team-health-score.three-month {
  opacity: 0.5;
}
.health .team-health-score-container .team-health-score.variance, .health .team-health-score-container .team-health-score.flat {
  border: 1px solid grey;
  color: grey;
}
.health .team-health-score-container .team-health-score-title {
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.health .team-health-score-container .team-health-score-title .small {
  font-size: 0.6em;
  opacity: 0.7;
}
.health .team-health-score-container > .team-health-score-details {
  margin-bottom: 1em;
}
.health .team-health-score-details-secondary {
  margin-top: 0.5em;
}

.remove-team {
  padding-left: 0px;
  padding-right: 0px;
}
.remove-team .remove-team-button-container {
  margin-top: 1em;
}

.calendar-overview-table {
  width: 100%;
}
.calendar-overview-table tr {
  height: 15px;
}
.calendar-overview-table td {
  margin: 1em;
  width: 15px;
  height: 5px;
  border: 0.5px solid white;
  border-radius: 2px;
  position: relative;
}
.calendar-overview-table td.red {
  background-color: rgb(250, 152, 152);
}
.calendar-overview-table td.green {
  background-color: rgb(46, 167, 56);
}
.calendar-overview-table td.weekend {
  background-color: rgb(248, 235, 204);
}
.calendar-overview-table td:hover.red {
  background-color: rgb(246, 200, 200);
}
.calendar-overview-table td:hover.green {
  background-color: rgb(182, 242, 187);
}
.calendar-overview-table .calendar-overview-new-month {
  font-weight: lighter;
  font-size: var(--font-size-xs);
  border-left: 2px solid rgba(73, 175, 243, 0.5);
  padding-left: 2px;
}
.calendar-overview-table td .calendar-overview-popover-card {
  width: 250px;
  position: absolute;
  background-color: white;
  border-radius: 5px;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  padding: 1em;
  border: 1px solid rgb(238, 236, 236);
}
.calendar-overview-table td .calendar-overview-popover-card .calendar-overview-popover-card-unavailable {
  font-weight: lighter;
  font-size: var(--font-size-xs);
}

.calendar-section-heading {
  margin-top: 1em;
}

.simple-calendar .calendar-title {
  font-weight: bold;
  text-align: center;
}
.simple-calendar .table {
  border-color: rgba(73, 175, 243, 0.5);
  border-radius: 5px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.5em;
}
.simple-calendar th, .simple-calendar td {
  border-color: rgba(73, 175, 243, 0.5);
}
.simple-calendar .prev-month, .simple-calendar .next-month {
  background-color: rgba(73, 175, 243, 0.1);
  opacity: 0.5;
}
.simple-calendar .today {
  background-color: rgb(248, 235, 204);
  opacity: 0.5;
}
.simple-calendar .calendar-date {
  font-weight: bold;
  font-size: 0.7em;
}
.simple-calendar .calendar-event {
  font-size: 0.7em !important;
}
.simple-calendar .calendar-heading {
  display: block;
  margin-bottom: 2em;
}
.simple-calendar .calendar-heading nav {
  float: right;
}
.section.planning {
  padding-left: 0px;
  padding-right: 0px;
}

.team-planning-insight {
  align-items: flex-start;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  display: flex;
  gap: 0.65rem;
  max-width: 980px;
  padding: 0.65rem 0.8rem;
}

.team-planning-insight p {
  color: #0f172a;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 0.25rem;
}

.notification.team-planning-insight {
  margin-bottom: 0.75rem;
}

.team-planning-insight__icon {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1.45rem;
  justify-content: center;
  width: 1.45rem;
  font-size: 0.78rem;
}

.team-planning-insight--low {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.team-planning-insight--low .team-planning-insight__icon {
  background: #eef2f7;
  color: #64748b;
}

.team-planning-insight--balanced {
  background: #f0f9f4;
  border-color: rgba(46, 139, 87, 0.28);
}

.team-planning-insight--balanced .team-planning-insight__icon {
  background: rgba(46, 139, 87, 0.14);
  color: #2e8b57;
}

.team-planning-insight--stretched {
  background: #fffaf2;
  border-color: rgba(255, 152, 0, 0.24);
}

.team-planning-insight--stretched .team-planning-insight__icon {
  background: rgba(255, 152, 0, 0.16);
  color: #b45309;
}

.team-planning-insight--high {
  background: #fffaf2;
  border-color: rgba(255, 152, 0, 0.28);
}

.team-planning-insight--high .team-planning-insight__icon {
  background: rgba(255, 152, 0, 0.16);
  color: #b45309;
}

.team-planning-insight--extreme {
  background: #fff5f4;
  border-color: rgba(217, 48, 37, 0.3);
}

.team-planning-insight--extreme .team-planning-insight__icon {
  background: rgba(217, 48, 37, 0.13);
  color: #d93025;
}

.team-planning-insight__meta {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.9rem;
  color: #64748b;
  font-size: 0.78rem;
}

.team-planning-insight__meta strong {
  color: #334155;
}

.team-planning-current {
  color: #475569;
  font-size: 0.78rem;
}

.team-planning-current__label {
  color: #334155;
  font-weight: 700;
}

.team-planning-current ul {
  display: inline;
  list-style: none;
  margin: 0 0 0 0.2rem;
  padding: 0;
}

.team-planning-current li {
  display: inline;
}

.team-planning-current li + li::before {
  color: #94a3b8;
  content: " · ";
}

.team-planning-current a {
  color: #334155;
  font-weight: 600;
  text-decoration: none;
}

.team-planning-current a:hover {
  color: var(--brand-mid-color);
}

.team-planning-current__more {
  color: #64748b;
}

.team-planning-load__title {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.team-planning-load__window {
  display: block;
  color: #64748b;
  font-size: 0.78rem;
  margin-top: 0.15rem;
}

.team-planning-load {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  padding: 0.75rem 0.85rem 0.6rem;
}

.team-planning-load__head,
.team-planning-load__axis,
.team-planning-load__legend {
  display: flex;
  align-items: center;
}

.team-planning-load__head,
.team-planning-load__axis {
  justify-content: space-between;
}

.team-planning-load__legend {
  gap: 0.65rem;
  color: #64748b;
  font-size: 0.75rem;
}

.team-planning-load__legend span {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
}

.team-planning-load__key {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
}

.team-planning-load__key--grey {
  background: #f1f0f0;
  border: 1px solid #e1e0e0;
}

.team-planning-load__key--green {
  background: #2e8b57;
}

.team-planning-load__key--yellow {
  background: #e5c100;
}

.team-planning-load__key--amber {
  background: #ff9800;
}

.team-planning-load__key--red {
  background: #d93025;
}

.team-planning-load__plot {
  position: relative;
  height: 220px;
  margin-top: 0.85rem;
  overflow: visible;
  border: 1px solid #edf2f7;
  border-radius: 6px;
  background: #f8fafc;
}

.team-planning-load__band {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
}

.team-planning-load__band--red {
  background: rgba(217, 48, 37, 0.08);
}

.team-planning-load__band--amber {
  background: rgba(255, 152, 0, 0.08);
}

.team-planning-load__band--yellow {
  background: rgba(229, 193, 0, 0.09);
}

.team-planning-load__band--green {
  background: rgba(46, 139, 87, 0.08);
}

.team-planning-load__band--grey {
  background: rgba(241, 240, 240, 0.72);
}

.team-planning-load__month-marker {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 2;
  background: rgba(148, 163, 184, 0.18);
}

.team-planning-load__month-marker span {
  bottom: -1.35rem;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 600;
  left: 4px;
  line-height: 1;
  position: absolute;
}

.team-planning-load__today {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(15, 23, 42, 0.34);
  z-index: 4;
}

.team-planning-load__today::before {
  content: "Today";
  position: absolute;
  top: 4px;
  left: 5px;
  color: #64748b;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1;
}

.team-planning-load__line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 3;
}

.team-planning-load__line polyline {
  fill: none;
  stroke: #334155;
  stroke-width: 1.75;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.team-planning-load__point {
  position: absolute;
  z-index: 5;
  width: 10px;
  height: 10px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.16);
  outline: none;
}

.team-planning-load__point--grey {
  background: #f1f0f0;
  border-color: #cbd5e1;
}

.team-planning-load__point--green {
  background: #2e8b57;
}

.team-planning-load__point--yellow {
  background: #e5c100;
}

.team-planning-load__point--amber {
  background: #ff9800;
}

.team-planning-load__point--red {
  background: #d93025;
  box-shadow: 0 0 0 3px rgba(217, 48, 37, 0.12), 0 1px 4px rgba(15, 23, 42, 0.16);
}

.team-planning-load__point:hover,
.team-planning-load__point:focus-visible {
  box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.1);
  z-index: 8;
}

.team-planning-load__popover {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  width: 220px;
  max-width: 70vw;
  transform: translateX(-50%) translateY(4px);
  opacity: 0;
  pointer-events: none;
  background: #ffffff;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
  color: #334155;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.76rem;
  line-height: 1.35;
  padding: 0.65rem 0.75rem;
  transition: opacity 120ms ease, transform 120ms ease;
  white-space: normal;
}

.team-planning-load__popover strong {
  color: #0f172a;
  font-size: 0.8rem;
}

.team-planning-load__popover ul {
  margin: 0.25rem 0 0;
  padding-left: 1rem;
}

.team-planning-load__popover li {
  margin-bottom: 0.1rem;
}

.team-planning-load__popover-empty {
  color: #64748b;
}

.team-planning-load__point:hover .team-planning-load__popover,
.team-planning-load__point:focus-visible .team-planning-load__popover {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.team-planning-load__axis {
  margin-top: 0.45rem;
  color: #64748b;
  font-size: 0.72rem;
}

.team-planning-empty {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #64748b;
  font-size: 0.9rem;
}

.team-planning-roadmap-head {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.team-planning-roadmap-head .buttons {
  align-items: center;
  flex: 0 0 auto;
  margin-top: 0;
}

.team-planning-roadmap-head .button, .team-planning-roadmap-head .simple-calendar .calendar-heading nav a, .simple-calendar .calendar-heading nav .team-planning-roadmap-head a {
  margin-bottom: 0;
}

@media (max-width: 560px) {
  .team-planning-load__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
  }
  .team-planning-load__plot {
    height: 180px;
  }
  .team-planning-load__legend {
    flex-wrap: wrap;
  }
  .team-planning-roadmap-head {
    flex-direction: column;
  }
}
.timeline-wrapper.no-team-label {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Optionally, remove any left offset/padding from .timeline as well */
.timeline-wrapper.no-team-label .timeline {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.gpt-insight-loading {
  height: 100%;
}

/* put this in your app stylesheet */
.gpt-collapsible {
  overflow: hidden;
  max-height: 0;
  transition: max-height 240ms ease;
}

/* .gpt-collapsible.is-open gets max-height set inline by controller when expanded */
.gpt-collapsible-inner {
  padding-top: 0.25rem;
}

/* Timeline list */
.team-history {
  list-style: none;
  margin: 0;
  padding: 0;
  /* Hover affordance */
}
.team-history__day {
  margin-bottom: 1.25rem;
}
.team-history__daylabel {
  font-weight: 600;
  color: #334155; /* slate-700 */
  margin-bottom: 0.5rem;
}
.team-history__list {
  list-style: none;
  margin: 0 0 0 0.75rem;
  padding-left: 0.75rem;
  border-left: 2px solid #eef2f7; /* light rule */
}
.team-history__item {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.5rem;
  padding: 0.6rem 0 0.6rem 0;
}
.team-history__dot {
  position: absolute;
  left: -9px; /* centers on the rule */
  top: 1.1rem; /* roughly aligns with icon */
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cbd5e1; /* slate-300 */
}
.team-history__icon {
  width: 1.75rem;
  text-align: center;
  line-height: 1.4;
}
.team-history__body {
  min-width: 0;
}
.team-history__title-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.team-history__vendor-logo {
  display: inline-flex;
  flex-shrink: 0;
  margin-top: 0.05rem;
}
.team-history__title {
  color: #0f172a; /* slate-900 */
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.team-history__detail {
  font-size: var(--font-size-sm);
  color: #64748b;
  margin-top: 0.12rem;
}
.team-history__meta {
  font-size: var(--font-size-body);
  color: #64748b; /* slate-500 */
  margin-top: 0.1rem;
}
.team-history__item:hover .team-history__title {
  text-decoration: none;
}

@keyframes new-team-member-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(50, 115, 220, 0);
    background-color: inherit;
  }
  10% {
    box-shadow: 0 0 0 4px rgba(50, 115, 220, 0.15);
    background-color: rgba(50, 115, 220, 0.06);
  }
  60% {
    box-shadow: 0 0 0 2px rgba(50, 115, 220, 0.08);
    background-color: rgba(50, 115, 220, 0.03);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(50, 115, 220, 0);
    background-color: inherit;
  }
}
li.member.newly-added-team-member .member-card {
  animation: new-team-member-pulse 0.85s ease-out 1;
  position: relative;
}

li.member .member-card.unfilled {
  background: #ffffff !important;
  border: 1px dashed rgba(73, 175, 243, 0.4);
}

.section-icon, .insights-icon {
  margin-right: 0.55rem;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.08));
}

.team-vitals-table {
  /* Make trend base neutral so variance classes take precedence */
  /* Explicitly force variance colors on trend spans inside vitals-trend cells */
}
.team-vitals-table th {
  font-weight: 800;
  width: 22%;
  white-space: nowrap;
}
.team-vitals-table th.numeric-col, .team-vitals-table td.numeric-col {
  text-align: right;
}
.team-vitals-table td {
  vertical-align: middle;
}
.team-vitals-table td, .team-vitals-table th {
  padding: 0.75rem 0.6rem;
}
.team-vitals-table thead th {
  background: #f3f6fa;
  letter-spacing: 0.5px;
  color: #555;
}
.team-vitals-table tbody tr:hover {
  background: #fafbfd;
}
.team-vitals-table .vitals-variance-positive {
  color: #2e8b57;
  font-weight: 600;
}
.team-vitals-table .vitals-variance-negative {
  color: #c62828;
  font-weight: 600;
}
.team-vitals-table .trend-up, .team-vitals-table .trend-down {
  color: inherit;
}
.team-vitals-table .trend-flat {
  color: #666;
}
.team-vitals-table td.vitals-trend span.vitals-variance-positive {
  color: #2e8b57 !important;
}
.team-vitals-table td.vitals-trend span.vitals-variance-negative {
  color: #c62828 !important;
}
.team-vitals-table .vs-hint {
  font-size: 0.55rem;
  line-height: 1;
  color: #888;
  margin-top: 2px;
  text-transform: none;
  font-weight: 400;
}
.team-vitals-table tbody td:first-child {
  font-weight: 500;
}
.team-vitals-table td.current-value {
  font-weight: 500;
}
.team-vitals-table th.trend-col, .team-vitals-table td.vitals-trend {
  text-align: center !important;
}
.team-vitals-table td.vitals-trend {
  width: 70px;
}
.team-vitals-table td.vitals-trend canvas.vital-sparkline {
  display: block;
  width: 120px !important;
  height: 36px !important;
  margin: 0 auto;
}
.team-vitals-table .vital-label {
  color: #1f2937;
}
.team-vitals-table .vital-info-label {
  color: var(--bulma-link-text);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 0.18rem;
  text-decoration-thickness: 1.5px;
  cursor: pointer;
  transition: color 0.15s ease;
}
.team-vitals-table .vital-info-label:hover,
.team-vitals-table .vital-info-label:focus-visible {
  color: var(--bulma-link-hover, #2f69d9);
}

.align-right {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.team-vitals-table td .utilisation-cell-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}

.team-vitals-table td .utilisation-cell-wrapper .utilisation-stack {
  justify-content: flex-end !important;
}

.floating-popover.vital-info-popover {
  min-width: 260px;
  max-width: 340px;
  padding: 1rem 1.05rem;
}

.floating-popover.health-score-popover {
  width: min(520px, 100vw - 24px);
  min-width: min(420px, 100vw - 24px);
  max-width: calc(100vw - 24px);
  padding: 0.95rem 1rem;
}

.team-health-score-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 60px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.team-health-score-badge i {
  font-size: 15px;
}

.team-health-score-badge.health-positive {
  background: #f2fbf3;
  border: 1px solid #a9d9ae;
  color: #3f8f45;
}

.team-health-score-badge.health-notfication {
  background: #fff9e9;
  border: 1px solid #f2c961;
  color: #b7791f;
}

.team-health-score-badge.health-warning {
  background: #fff1f1;
  border: 1px solid #f3aaaa;
  color: #dc4a4a;
}

.team-health-score-badge--interactive {
  cursor: help;
}

.team-health-score-badge--flow {
  background: #eef2ff;
  color: #51627c;
  border: 1px solid #d7dff0;
  cursor: help;
}

.team-health-score-badge--interactive:focus-visible {
  outline: 2px solid rgba(59, 130, 246, 0.45);
  outline-offset: 3px;
  border-radius: 999px;
}

.team-health-score-badge--flow:focus-visible {
  outline: 2px solid rgba(59, 130, 246, 0.45);
  outline-offset: 3px;
}

.team-health-card-score {
  margin: 0;
}

.health-score-popover-card {
  color: #0f172a;
}

.health-score-popover-card__header {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.6rem;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #2563eb;
}

.health-score-popover-card__summary {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  padding-bottom: 0.65rem;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #e2e8f0;
}

.health-score-popover-card__summary strong {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f172a;
}

.health-score-popover-card__summary span,
.health-score-popover-card__copy,
.health-score-popover-card__empty {
  font-size: var(--font-size-body);
  line-height: 1.45;
  color: #334155;
}

.health-score-popover-card__rows {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin-top: 0.75rem;
}

.health-score-popover-card__row {
  padding: 0.75rem 0.8rem;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
}

.health-score-popover-card__row-top,
.health-score-popover-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.health-score-popover-card__name {
  font-size: var(--font-size-body);
  font-weight: 700;
  color: #0f172a;
}

.health-score-popover-card__impact {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.18rem 0.5rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.health-score-popover-card__impact--positive {
  background: #dcfce7;
  color: #166534;
}

.health-score-popover-card__impact--neutral {
  background: #fef3c7;
  color: #92400e;
}

.health-score-popover-card__impact--negative {
  background: #fee2e2;
  color: #b91c1c;
}

.health-score-popover-card__impact--muted {
  background: #e2e8f0;
  color: #475569;
}

.health-score-popover-card__meta {
  margin-top: 0.32rem;
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: #64748b;
}

.health-score-popover-card__copy {
  margin: 0.45rem 0 0;
}

.vital-info-card .vital-info-card__header {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #3b82f6;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 0.3rem;
}
.vital-info-card .vital-info-card__header i {
  color: #3b82f6;
}
.vital-info-card .vital-info-card__body {
  color: #1f2937;
  font-size: var(--font-size-body);
  line-height: 1.4;
}
.vital-info-card .vital-info-card__body p:last-child {
  margin-bottom: 0;
}
.vital-info-card .vital-info-card__body ul,
.vital-info-card .vital-info-card__body ol {
  margin: 0.35rem 0 0.35rem 1.1rem;
}

.pulse-title {
  font-weight: 500 !important;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
}

/* KPI overview row (team overview tab) */
.kpi-overview-row .column {
  display: flex;
}
.kpi-overview-row .kpi-box {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* Increased height for better visual weight */
  min-height: 160px;
  /* Center KPI value area */
}
.kpi-overview-row .kpi-box > .pulse-title {
  margin-bottom: 0.35rem;
}
.kpi-overview-row .kpi-box p {
  flex: 0 0 auto;
}
.kpi-overview-row .kpi-box .kpi-value {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  padding-top: 0.25rem;
}

@media (max-width: 768px) {
  .kpi-overview-row .kpi-box {
    min-height: 170px;
  }
}
/* (mobile min-height override moved above and increased) */
/* GPT Insights refinements */
.gpt-insights-box .gpt-insight-loading {
  font-size: var(--font-size-body);
}
.gpt-insights-box .gpt-meta {
  font-size: var(--font-size-sm);
  padding-top: 0.15rem;
  margin-bottom: 0;
}

.team-signals-brief {
  display: grid;
  gap: 0.9rem;
}

.team-signals-glance {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  padding: 0.85rem 0.95rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.team-signals-glance h5 {
  margin: 0 0 0.25rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
}
.team-signals-glance p {
  margin: 0;
  color: #475569;
  line-height: 1.45;
}
@media (max-width: 980px) {
  .team-signals-glance {
    grid-template-columns: 1fr;
  }
}

.team-signals-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
}
@media (max-width: 980px) {
  .team-signals-chips {
    justify-content: flex-start;
  }
}

.team-signals-chip,
.team-signals-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 1.85rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
  font-size: var(--font-size-sm);
  font-weight: 600;
  white-space: nowrap;
}

.team-signals-chip strong {
  color: #334155;
  font-weight: 700;
}
.team-signals-chip.tone-positive {
  border-color: rgba(34, 197, 94, 0.25);
  background: rgba(240, 253, 244, 0.9);
  color: #166534;
}
.team-signals-chip.tone-monitor {
  border-color: rgba(245, 158, 11, 0.28);
  background: rgba(255, 251, 235, 0.95);
  color: #92400e;
}
.team-signals-chip.tone-risk {
  border-color: rgba(239, 68, 68, 0.22);
  background: rgba(254, 242, 242, 0.95);
  color: #b91c1c;
}

.team-signals-section {
  display: grid;
  gap: 0.55rem;
}
.team-signals-section h5 {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
}

.team-signals-focus {
  display: grid;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}

.team-signals-focus-row {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr) minmax(10rem, auto);
  gap: 0.8rem;
  align-items: center;
  min-height: 4.4rem;
  padding: 0.75rem 0.85rem;
  border-left: 3px solid #cbd5e1;
}
.team-signals-focus-row + .team-signals-focus-row {
  border-top: 1px solid #e5e7eb;
}
.team-signals-focus-row.tone-positive {
  border-left-color: #22c55e;
}
.team-signals-focus-row.tone-monitor {
  border-left-color: #f59e0b;
}
.team-signals-focus-row.tone-risk {
  border-left-color: #ef4444;
}
@media (max-width: 900px) {
  .team-signals-focus-row {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }
}

.team-signals-focus-row__status {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-size: var(--font-size-xs);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
}
.team-signals-focus-row__status span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  background: #f1f5f9;
}

.team-signals-focus-row__main {
  min-width: 0;
}
.team-signals-focus-row__main h6 {
  margin: 0 0 0.15rem;
  font-size: 0.92rem;
  font-weight: 700;
  color: #1e293b;
}
.team-signals-focus-row__main p {
  margin: 0;
  color: #64748b;
  line-height: 1.4;
}

.team-signals-focus-row__chips {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.4rem;
}
@media (max-width: 900px) {
  .team-signals-focus-row__chips {
    justify-content: flex-start;
  }
}

.team-signals-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}
@media (max-width: 980px) {
  .team-signals-actions {
    grid-template-columns: 1fr;
  }
}

.team-signals-action-tile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  min-height: 4rem;
  padding: 0.75rem 0.8rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  text-decoration: none;
}
.team-signals-action-tile:hover {
  border-color: #cbd5e1;
}

.team-signals-action-tile__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #eef4ff;
  color: #2563eb;
}

.team-signals-action-tile__copy {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}
.team-signals-action-tile__copy strong {
  color: #1e293b;
  font-weight: 700;
}
.team-signals-action-tile__copy span {
  color: #64748b;
  line-height: 1.3;
}

.team-signals-action-tile__chevron {
  color: #1e293b;
}

.team-signals-evidence {
  padding: 0.8rem 0.9rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.team-signals-evidence h5 {
  margin: 0 0 0.55rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
}
.team-signals-evidence p {
  margin: 0.55rem 0 0;
  color: #64748b;
  font-size: var(--font-size-sm);
}

.team-signals-evidence-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (max-width: 1100px) {
  .team-signals-evidence-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .team-signals-evidence-row {
    grid-template-columns: 1fr;
  }
}

.team-signals-evidence-pill {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.2rem;
  padding: 0.4rem 0.55rem;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #fbfdff;
  color: #475569;
  font-size: var(--font-size-sm);
  font-weight: 600;
  line-height: 1.3;
}
.team-signals-evidence-pill span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: var(--font-size-xs);
  flex: 0 0 auto;
}
.team-signals-evidence-pill.tone-positive span {
  background: rgba(220, 252, 231, 0.85);
  color: #16a34a;
}
.team-signals-evidence-pill.tone-risk span {
  background: rgba(254, 226, 226, 0.9);
  color: #ef4444;
}

.team-signals-empty {
  padding: 0.75rem 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fbfdff;
  color: #64748b;
}

/* Team Trends charts sizing override
   Increase the vertical space so the two combined charts have a little more breathing room
   without overwhelming the page. We pin both the container and canvas heights to ensure
   Chart.js respects the desired size (it sometimes injects inline attributes). */
.team-trends-box .chart-container {
  position: relative; /* allow absolutely positioned elements later if needed */
  height: 250px; /* was implicit (smaller); modest increase */
}
.team-trends-box .chart-container canvas {
  width: 100% !important; /* ensure full width inside tile */
  height: 250px !important; /* lock desired height */
}

/* Slightly reduce height on narrower viewports to preserve vertical rhythm */
@media (max-width: 860px) {
  .team-trends-box .chart-container,
  .team-trends-box .chart-container canvas {
    height: 220px !important;
  }
}
.signals {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0.5rem;
}
.signals__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: var(--font-size-body);
  line-height: 1;
  cursor: default;
  white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.signals__pill--ok {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #065f46;
}
.signals__pill--ok:hover {
  background: #d1fae5;
}
.signals__pill--info {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #3730a3;
}
.signals__pill--info:hover {
  background: #e0e7ff;
}
.signals__pill--warn {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}
.signals__pill--warn:hover {
  background: #ffedd5;
}
.signals__pill--crit {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.signals__pill--crit:hover {
  background: #fee2e2;
}

/* Snapshot signals tooltip */
.signals__tooltip {
  position: absolute;
  z-index: 1100;
  background: #1f2933;
  color: #fff;
  font-size: var(--font-size-xs);
  line-height: 1.2;
  max-width: 240px;
  padding: 0.5rem 0.6rem 0.55rem;
  border-radius: 4px;
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.25), 0 2px 6px -1px rgba(0, 0, 0, 0.18);
  pointer-events: none; /* don't steal hover */
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.signals__tooltip[data-visible=true] {
  opacity: 1;
  transform: translateY(0);
}

.designer-empty-state {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
.designer-empty-state .designer-empty-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 2.25rem 2.5rem 2.4rem;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(148, 163, 184, 0.15);
  text-align: center;
}
.designer-empty-state .designer-empty-icon {
  margin-bottom: 1rem;
}
.designer-empty-state .designer-empty-icon .add-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #eef2ff;
}
.designer-empty-state .designer-empty-icon .add-icon {
  font-size: 1.7rem;
  color: #3454ff;
}
.designer-empty-state .designer-empty-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.5rem;
}
.designer-empty-state .designer-empty-subtitle {
  max-width: 640px;
  margin: 0 auto 1.75rem;
  font-size: var(--font-size-body);
  line-height: 1.6;
  color: #4b5563;
}
.designer-empty-state .designer-empty-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
}
.designer-empty-state .designer-empty-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding-inline: 1.6rem;
}
.designer-empty-state .designer-empty-secondary-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.designer-empty-state .designer-empty-secondary-label {
  font-size: var(--font-size-body);
  color: #6b7280;
}
.designer-empty-state .designer-empty-secondary-btn {
  font-size: var(--font-size-body);
  padding-inline: 1.1rem;
}
@media (max-width: 768px) {
  .designer-empty-state .designer-empty-inner {
    margin: 0 1rem;
    padding: 1.75rem 1.4rem 2rem;
  }
  .designer-empty-state .designer-empty-actions {
    align-items: stretch;
  }
  .designer-empty-state .designer-empty-primary,
  .designer-empty-state .designer-empty-secondary-btn {
    width: 100%;
    justify-content: center;
  }
  .designer-empty-state .designer-empty-secondary-block {
    align-items: stretch;
  }
  .designer-empty-state .designer-empty-secondary-label {
    text-align: center;
  }
}

.add-member .add-member-card-link {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 1.25rem 0;
  border-radius: 8px;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.add-member .add-member-card-link:hover {
  background: #f5f7ff;
  box-shadow: 0 2px 6px rgba(50, 50, 93, 0.1);
}
.add-member .add-member-card-link .add-icon {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #3454ff;
}

.team-member-form {
  /* --------------------------------------------------
     ROLE STATUS TOGGLE (inside its own tm-section)
     -------------------------------------------------- */
  /* --------------------------------------------------
     SECTION BLOCKS (unchanged)
     -------------------------------------------------- */
}
.team-member-form .field {
  margin-bottom: 1rem;
}
.team-member-form .input:focus,
.team-member-form select.input:focus {
  border-color: #3454ff;
  box-shadow: 0 0 0 3px rgba(52, 84, 255, 0.18);
}
.team-member-form .tm-section--role-status {
  margin-top: 0; /* first section, tuck it up a bit */
}
.team-member-form .tm-section--role-status .tm-section__body {
  padding-top: 0.15rem;
}
.team-member-form .tmf-role-status {
  display: inline-flex;
  justify-content: center;
  gap: 0.75rem;
  padding: 0; /* no pill-strip background now */
  width: 100%;
}
.team-member-form .tmf-role-status__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: #ffffff;
  color: #111827;
  padding: 0.45rem 1.5rem;
  font-weight: 500;
  font-size: var(--font-size-body);
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease, color 0.15s ease;
}
.team-member-form .tmf-role-status__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-body);
  color: #6b7280;
  opacity: 0;
  transform: scale(0.4);
  transition: opacity 0.15s ease, transform 0.15s ease, color 0.15s ease;
}
.team-member-form .tmf-role-status__pill.is-selected {
  background: #3454ff;
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.35);
  transform: translateY(-1px);
}
.team-member-form .tmf-role-status__pill.is-selected .tmf-role-status__check {
  opacity: 1;
  transform: scale(1);
  color: #ffffff; /* white tick, not green */
}
.team-member-form .tm-section {
  background: #fafafa;
  border: 1px solid #ececec;
  border-radius: 12px;
  padding: 1.25rem 1.2rem 1.35rem;
  margin-top: 1.5rem;
}
.team-member-form .tm-section .field:last-child {
  margin-bottom: 0;
}
.team-member-form .tm-section--inline {
  padding-bottom: 0.5rem;
}
.team-member-form .tm-section--inline .columns {
  margin-bottom: 0;
}
.team-member-form .tm-section__title {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-weight: 600;
  font-size: var(--font-size-body);
  color: #374151;
  margin-bottom: 1rem;
}
.team-member-form .tm-section__title .icon {
  font-size: var(--font-size-body);
  color: #6b7280;
}
.team-member-form .tm-section__body .field:first-child {
  margin-top: 0.25rem;
}

/* --------------------------------------------------
   Team member card menu (floating-popover)
   -------------------------------------------------- */
.member-card .member-menu {
  position: absolute;
  top: 0.45rem;
  right: 0.45rem;
}

/* Small icon-only trigger for team member menu */
.member-menu-button {
  border: none;
  background: transparent;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.member-menu-button i {
  font-size: var(--font-size-body);
  color: #6b7280;
}
.member-menu-button:hover {
  background: #eef2ff;
}
.member-menu-button:focus-visible {
  outline: 2px solid #3454ff;
  outline-offset: 1px;
}

/* Generic floating popover shell (used by floating_popover_controller) */
.floating-popover {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16), 0 0 0 1px rgba(148, 163, 184, 0.22);
  padding: 0.25rem 0;
  min-width: 220px;
  z-index: 1200;
}

/* Menu contents */
.popover-menu {
  display: flex;
  flex-direction: column;
}

.popover-item {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  padding: 0.55rem 0.9rem;
  font-size: var(--font-size-body);
  line-height: 1.2;
  text-align: left;
  border: none;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #111827;
  /* if it's a button_to inside a form */
}
.popover-item:is(button) {
  font-family: inherit;
}
.popover-item:hover {
  background: #f3f4ff;
}

.popover-item__icon {
  width: 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.popover-item__icon i {
  font-size: var(--font-size-body);
  color: #6b7280;
}

.popover-item--danger {
  color: #b91c1c;
}
.popover-item--danger .popover-item__icon i {
  color: #b91c1c;
}
.popover-item--danger:hover {
  background: #fef2f2;
}

.popover-divider {
  margin: 0.25rem 0;
  border: 0;
  border-top: 1px solid #e5e7eb;
}

/* Team designer grid layout */
.teams-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-gap: 1.5rem;
  align-items: stretch;
}

.teams-grid .team {
  display: flex; /* allow card to stretch */
}

/* Ensure the team card fills the grid cell */
.teams-grid .team > .box,
.teams-grid .team .team-container {
  flex: 1 1 auto;
  height: 100%;
}

/* Add team tile already uses .box + .add-member-card-link */
.add-member .add-member-card-link {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 1.25rem 0;
  border-radius: 8px;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.add-member .add-member-card-link:hover {
  background: #f5f7ff;
  box-shadow: 0 2px 6px rgba(50, 50, 93, 0.1);
}
.add-member .add-member-card-link .add-icon {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #3454ff;
}

/* Team designer grid layout */
.teams-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.5rem;
  align-items: stretch;
}

/* Every grid cell */
.teams-row .team-tile {
  height: 100%;
}

/* Make the rendered team card / add-team card fill the tile */
.teams-row .team-tile > * {
  height: 100%;
}

/* Add-team tile – centre the button */
.add-team {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Add-team button styling (reuse what you had, just ensuring it can stretch nicely) */
.add-team-button {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 1.75rem;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1);
  border: 1px solid rgba(148, 163, 184, 0.25);
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.add-team-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.14);
}

.add-team-button-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}

.add-team-icon {
  font-size: 1.6rem;
  color: #3454ff;
}

.add-team-label {
  font-size: var(--font-size-body);
  font-weight: 500;
  color: #3454ff;
}

.add-member--disabled {
  background: #fbfcfd;
  border: 1px dashed #d7deea;
}

.add-member-card-link--disabled {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  text-align: center;
  color: #667085;
  cursor: default;
  padding: 1.25rem;
}

.add-member-card-title {
  width: 100%;
  margin: 0;
  text-align: center;
}

.add-member--disabled .add-icon {
  color: #98a2b3;
}

.add-member-card-message {
  margin: 0.15rem 0 0;
  color: #667085;
  font-size: var(--font-size-body);
  line-height: 1.45;
  max-width: 13rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.add-member-card-cta {
  margin-top: 0.25rem;
  color: #3144b7;
  font-size: var(--font-size-body);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
}

.add-member-card-cta:hover,
.add-member-card-cta:focus {
  color: #24358f;
  text-decoration: underline;
}

.designer-billing-blocker {
  margin-top: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  padding: 0.8rem 1rem;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.designer-billing-blocker__message {
  margin: 0;
  color: #475467;
  font-size: var(--font-size-body);
  line-height: 1.45;
}

.designer-billing-blocker__link {
  color: #3144b7;
  font-size: var(--font-size-body);
  font-weight: 600;
  text-decoration: none;
}

.designer-billing-blocker__link:hover,
.designer-billing-blocker__link:focus {
  color: #24358f;
  text-decoration: underline;
}

.designer-empty-callout {
  margin-top: 1rem;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  text-align: left;
}

.designer-empty-callout .billing-callout__body {
  width: 100%;
}

.designer-empty-callout .billing-callout__actions {
  justify-content: flex-start;
}

/* Keep Team Designer grid aligned with header / insights container */
.org-designer.columns {
  margin-left: 0;
  margin-right: 0;
}

/* Team Designer toolbar tweaks */
.td-toolbar {
  margin-bottom: 12px;
  /* -----------------------------------------------------------
   Team Designer Toolbar Icon Buttons
  ----------------------------------------------------------- */
  /* Hover (light blue highlight) */
  /* -----------------------------------------------------------
    ACTIVE / SELECTED STATE
    - Dark blue button
    - White icon
  ----------------------------------------------------------- */
  /* Pressed/active click */
}
.td-toolbar .td-toolbar-label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}
.td-toolbar .td-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.td-toolbar .td-icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #1e3a8a; /* default icon colour (blue-800) */
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.06s ease, color 0.15s ease;
}
.td-toolbar .td-icon-btn .icon i {
  font-size: 1.5em; /* ⬅️ Bigger icons */
}
.td-toolbar .td-icon-btn:hover {
  background: #eef2ff; /* indigo-50 */
  border-color: #c7d2fe; /* indigo-200 */
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}
.td-toolbar .td-icon-btn.is-active {
  background: #1e3a8a; /* dark indigo-900 */
  border-color: #1e3a8a;
  color: #ffffff; /* white icon */
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.25);
  transform: translateY(-1px);
}
.td-toolbar .td-icon-btn.is-active .icon i {
  color: #ffffff; /* ensure icon flips to white */
}
.td-toolbar .td-icon-btn:active,
.td-toolbar .td-icon-btn.is-active:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.1);
}

.td-people-table {
  font-size: var(--font-size-sm);
  /* Sortable header states */
  /* Unfilled row highlighting + badge */
}
.td-people-table thead th {
  font-weight: 600;
  color: #4b5563;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
.td-people-table th, .td-people-table td {
  padding: 4px 10px;
  vertical-align: middle;
}
.td-people-table .td-group-row td {
  background: #f3f4ff;
  border-bottom-color: #e5e7eb;
  padding-top: 8px;
  padding-bottom: 4px;
  font-weight: 600;
}
.td-people-table .td-group-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #e0e7ff;
  color: #1e3a8a;
  font-weight: 600;
  font-size: var(--font-size-xs);
}
.td-people-table thead th.td-sortable {
  position: relative;
  padding-right: 18px;
}
.td-people-table thead th.td-sortable::after {
  content: "▾";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-45%);
  font-size: 9px;
  opacity: 0.35;
}
.td-people-table thead th.td-sortable.td-sorted-asc::after {
  content: "▴";
  opacity: 0.9;
}
.td-people-table thead th.td-sortable.td-sorted-desc::after {
  content: "▾";
  opacity: 0.9;
}
.td-people-table tbody tr.unfilled-role {
  background: #fffbeb;
}
.td-people-table tbody tr.unfilled-role:hover {
  background: #fef3c7;
}
.td-people-table .td-unfilled-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  margin-left: 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fef3c7;
  color: #92400e;
}

.insights-toolbar .insights-bar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.insights-toolbar .insights-close-btn {
  border-radius: 999px;
}

/* --------------------------------------------------
   Role template cards – match member-card styling
   -------------------------------------------------- */
.role-template {
  border: none;
  background: #ffffff;
  border-radius: 10px;
  margin: 0.25rem 0;
  padding: 0.7rem 0.9rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  position: relative;
  cursor: grab;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18);
  width: 100%;
  /* Typography aligned with .member-card, but with nicer spacing */
}
.role-template:active {
  cursor: grabbing;
}
.role-template .title {
  font-weight: 600;
  font-size: var(--font-size-body);
  color: #111827;
  margin: 0 0 0.25rem 0;
  line-height: 1.3;
}
.role-template .subtitle,
.role-template .meta {
  font-size: var(--font-size-body);
  color: #4b5563;
  margin: 0;
  line-height: 1.45;
}
.role-template .meta {
  margin-top: 0.15rem;
}
.role-template .member-card {
  min-height: 0px !important;
}

.team-tab-empty {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
.team-tab-empty .team-tab-empty__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 2.25rem 2.5rem 2.4rem;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(148, 163, 184, 0.15);
  text-align: center;
}
.team-tab-empty .team-tab-empty__icon {
  margin-bottom: 1rem;
}
.team-tab-empty .team-tab-empty__icon .team-tab-empty__icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
}
.team-tab-empty .team-tab-empty__icon i {
  font-size: 1.5rem;
}
.team-tab-empty .team-tab-empty__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.5rem;
}
.team-tab-empty .team-tab-empty__subtitle {
  max-width: 640px;
  margin: 0 auto 1.75rem;
  font-size: var(--font-size-body);
  line-height: 1.6;
  color: #4b5563;
}
.team-tab-empty .team-tab-empty__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
}
.team-tab-empty .team-tab-empty__primary {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding-inline: 1.6rem;
}
@media (max-width: 768px) {
  .team-tab-empty .team-tab-empty__inner {
    margin: 0 1rem;
    padding: 1.75rem 1.4rem 2rem;
  }
  .team-tab-empty .team-tab-empty__actions {
    align-items: stretch;
  }
  .team-tab-empty .team-tab-empty__primary {
    width: 100%;
    justify-content: center;
  }
}

/* ===========================
   GENERIC / SHARED
   =========================== */
.roadmap-show-container {
  max-width: 100%;
  overflow-x: clip; /* prevent horizontal scroll growth */
}

.roadmap-empty-state {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.95fr);
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  padding: 1.4rem;
  border: 1px solid #dde6f2;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.roadmap-empty-state__main {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
}

.roadmap-empty-state__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 16px;
  background: linear-gradient(135deg, #eef2ff 0%, #dbeafe 100%);
  color: #3454ff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  flex: 0 0 auto;
}
.roadmap-empty-state__badge i {
  font-size: 1.15rem;
}

.roadmap-empty-state__copy {
  min-width: 0;
}

.roadmap-empty-state__eyebrow {
  margin: 0 0 0.35rem;
  color: #4962d6;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.roadmap-empty-state__title {
  margin: 0 0 0.45rem;
  color: #1f2a44;
  font-size: 1.8rem;
  line-height: 1.1;
  font-weight: 700;
}

.roadmap-empty-state__body {
  margin: 0;
  max-width: 42rem;
  color: #5f6f8b;
  font-size: var(--font-size-body);
  line-height: 1.65;
}

.roadmap-empty-state__actions {
  display: flex;
  align-items: center;
  gap: 0.9rem 1rem;
  flex-wrap: wrap;
  margin-top: 1.15rem;
}

.roadmap-empty-state__primary {
  min-height: 42px;
  padding-inline: 1.15rem;
  border-radius: 11px;
  font-weight: 600;
  box-shadow: 0 10px 22px rgba(52, 84, 255, 0.18);
}

.roadmap-empty-state__hint {
  color: #66758e;
  font-size: var(--font-size-body);
  line-height: 1.5;
  max-width: 26rem;
}

.roadmap-empty-state__steps {
  display: grid;
  gap: 0.75rem;
  align-content: start;
  padding: 0.25rem;
}

.roadmap-empty-state__step {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(191, 219, 254, 0.9);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
}

.roadmap-empty-state__step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 999px;
  background: #e0e7ff;
  color: #3730a3;
  font-size: var(--font-size-body);
  font-weight: 700;
  flex: 0 0 auto;
}

.roadmap-empty-state__step-title {
  margin: 0 0 0.18rem;
  color: #24304a;
  font-size: 0.96rem;
  font-weight: 700;
}

.roadmap-empty-state__step-copy {
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.5;
}

.roadmap-page-tabs {
  margin-bottom: 0;
}

.roadmap-page-tabs-wrap {
  display: flex;
  justify-content: flex-start;
  margin: 0;
}

.roadmap-tabs-shell {
  margin-top: 0.1rem;
}

.roadmap-tabs-content {
  padding: 1rem;
}

.roadmap-page-tabs ul {
  width: auto;
  flex-wrap: nowrap;
}

.roadmap-page-tabs li a {
  white-space: nowrap;
}

.roadmap-history-card {
  margin-bottom: 1.5rem;
}

.visible {
  visibility: visible !important;
}

.planning-overview {
  display: grid;
  gap: 1rem;
}

.planning-updates-page {
  display: grid;
  gap: 0.95rem;
  min-width: 0;
}

.planning-updates-page__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.planning-updates-page__header h1 {
  margin: 0;
  color: #10284f;
  font-size: 1.18rem;
  font-weight: 750;
  line-height: 1.2;
}

.planning-updates-page__header p {
  margin: 0.2rem 0 0;
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.45;
}

.planning-updates-filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.55rem;
  min-width: min(100%, 30rem);
}

.planning-updates-filters .select select,
.planning-updates-search .input {
  border-color: #d8e2ef;
  border-radius: 7px;
  box-shadow: none;
}

.planning-updates-search {
  position: relative;
  flex: 1 1 11rem;
  min-width: 12rem;
}

.planning-updates-search i {
  position: absolute;
  left: 0.7rem;
  top: 50%;
  z-index: 1;
  color: #8a98ad;
  transform: translateY(-50%);
}

.planning-updates-search .input {
  width: 100%;
  padding-left: 2rem;
}

.planning-project-update-groups,
.planning-standalone-updates,
.planning-stale-projects {
  display: grid;
  gap: 0.8rem;
  min-width: 0;
}

.planning-project-update-group {
  overflow: hidden;
  border: 1px solid #dbe5f1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.025);
}

.planning-project-update-group__summary-row {
  display: grid;
  grid-template-columns: minmax(14rem, 0.9fr) minmax(16rem, 1.45fr) auto;
  align-items: center;
  gap: 1.25rem;
  padding: 0.95rem 1rem;
  border-bottom: 1px solid #eef2f7;
}

.planning-linked-initiatives__summary::-webkit-details-marker {
  display: none;
}

.planning-linked-initiatives__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  background: #f1f6ff;
  color: #1d4ed8;
  font-size: 0.72rem;
  transition: transform 160ms ease;
}

.planning-project-update-group__identity,
.planning-project-update-group__latest {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.planning-project-update-group__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

.planning-project-update-group__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
  color: #10284f;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.25;
}

.planning-project-update-group__title a {
  color: #2563eb;
}

.planning-project-update-group__title a:hover,
.planning-project-update-group__title a:focus-visible {
  color: #1d4ed8;
}

.planning-project-update-group__meta,
.planning-project-update-group__byline,
.planning-project-update-row__meta,
.planning-project-update-row__empty,
.planning-standalone-updates__header p {
  margin: 0;
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.45;
}

.planning-project-update-group__meta,
.planning-project-update-group__byline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
}

.planning-project-update-group__summary {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  min-width: 0;
  color: #10284f;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.35;
}

.planning-project-update-group__summary-text {
  min-width: 0;
}

.planning-project-update-group__summary i {
  margin-top: 0.22rem;
  color: #8aa3c7;
  font-size: 0.78rem;
}

.planning-project-update-group__header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
  opacity: 0.16;
  transition: opacity 160ms ease;
}

.planning-project-update-group:hover .planning-project-update-group__header-actions,
.planning-project-update-group:focus-within .planning-project-update-group__header-actions {
  opacity: 1;
}

.planning-project-update-group__action {
  min-height: 2rem;
  padding-inline: 0.68rem;
  font-size: 0.72rem;
  white-space: nowrap;
}

.planning-project-update-group__signals {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 0.35rem;
  flex: 0 0 auto;
}

.planning-project-update-group__stale {
  display: inline-flex;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
}

.planning-project-update-group__rows {
  display: grid;
}

.planning-project-update-hub {
  display: grid;
}

.planning-project-update-row {
  display: grid;
  grid-template-columns: minmax(10rem, 0.55fr) minmax(0, 1.8fr);
  gap: 1rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid #eef2f7;
}

.planning-project-update-row--project {
  grid-template-columns: minmax(10rem, 0.42fr) minmax(0, 1.6fr) auto;
  align-items: center;
  background: #fbfdff;
}

.planning-project-update-row:last-child {
  border-bottom: 0;
}

.planning-project-update-row.is-highlighted {
  animation: planning-update-row-highlight 3.8s ease-out 1;
}

.planning-project-update-group.is-highlighted {
  animation: planning-update-row-highlight 3.8s ease-out 1;
}

@keyframes planning-update-row-highlight {
  0% {
    background: rgba(37, 99, 235, 0.1);
    box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.35);
  }
  55% {
    background: rgba(37, 99, 235, 0.045);
    box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.12);
  }
  100% {
    background: transparent;
    box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0);
  }
}
.planning-project-update-row__label {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  min-width: 0;
  color: #475569;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.4;
}

.planning-project-update-row__label i {
  margin-top: 0.12rem;
  color: #8a98ad;
  font-size: 0.78rem;
}

.planning-project-update-row__label a {
  color: #2563eb;
}

.planning-project-update-row__label a:hover,
.planning-project-update-row__label a:focus-visible {
  color: #1d4ed8;
}

.planning-project-update-row__body {
  min-width: 0;
}

.planning-project-update-row__text {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  color: #10284f;
  font-size: 0.98rem;
  font-weight: 570;
  line-height: 1.55;
}

.planning-project-update-row__text i {
  margin-top: 0.22rem;
  color: #8aa3c7;
  font-size: 0.82rem;
}

.planning-project-update-row__text span {
  min-width: 0;
}

.planning-project-update-row__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.32rem;
}

.planning-project-update-row__empty {
  display: flex;
  align-items: center;
  gap: 0.38rem;
}

.planning-project-update-row__actions,
.planning-initiative-update-row__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.planning-initiative-update-row__actions {
  opacity: 0;
  transition: opacity 160ms ease;
}

.planning-initiative-update-row:hover .planning-initiative-update-row__actions,
.planning-initiative-update-row:focus-within .planning-initiative-update-row__actions {
  opacity: 1;
}

.planning-project-update-row__actions .button,
.planning-initiative-update-row__actions .button {
  min-height: 2.2rem;
  padding-inline: 0.8rem;
  font-size: 0.72rem;
}

.planning-linked-initiatives {
  display: grid;
  margin-top: 0;
}

.planning-linked-initiatives__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3rem;
  padding: 0 1rem;
  border-bottom: 1px solid #eef2f7;
  color: #10284f;
  cursor: pointer;
  list-style: none;
}

.planning-linked-initiatives__title {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.86rem;
  font-weight: 750;
}

.planning-linked-initiatives__icon {
  color: #64748b;
  font-size: 0.82rem;
}

.planning-linked-initiatives__chevron {
  width: 1.35rem;
  height: 1.35rem;
  background: transparent;
  color: #173768;
}

.planning-linked-initiatives[open] .planning-linked-initiatives__chevron {
  transform: rotate(90deg);
}

.planning-linked-initiatives__meta {
  color: #64748b;
  font-size: 0.75rem;
}

.planning-linked-initiatives__list {
  display: grid;
}

.planning-linked-initiatives__empty {
  padding: 0.9rem 1rem;
}

.planning-initiative-update-row {
  display: grid;
  grid-template-columns: minmax(12rem, 0.78fr) minmax(0, 1.55fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 0.72rem 1rem;
  border-bottom: 1px solid #eef2f7;
}

.planning-initiative-update-row:last-child {
  border-bottom: 0;
}

.planning-initiative-update-row.is-highlighted {
  animation: planning-update-row-highlight 3.8s ease-out 1;
}

.planning-initiative-update-row__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  min-width: 0;
  font-size: 0.84rem;
  font-weight: 750;
  line-height: 1.35;
}

.planning-initiative-update-row__title a {
  color: #2563eb;
}

.planning-initiative-update-row__title a:hover,
.planning-initiative-update-row__title a:focus-visible {
  color: #1d4ed8;
}

.planning-initiative-update-row__body {
  min-width: 0;
}

.planning-project-update-group__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.65rem;
  padding: 0.72rem 1rem;
  border-top: 1px solid #eef2f7;
  background: #fbfdff;
}

.planning-standalone-updates {
  margin-top: 0.3rem;
}

.planning-stale-projects {
  margin-top: 0.35rem;
}

.planning-standalone-updates__header h2 {
  margin: 0;
  color: #10284f;
  font-size: 0.98rem;
  font-weight: 750;
}

.planning-stale-project:hover,
.planning-stale-project:focus-within {
  background: #f8fbff;
}

.planning-stale-project .planning-project-update-group__header-actions {
  grid-column: 3;
}

.planning-stale-project__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.planning-stale-project__name {
  color: #2563eb;
  font-size: 0.86rem;
  font-weight: 750;
  line-height: 1.3;
}

.planning-stale-project__name:hover,
.planning-stale-project__name:focus-visible {
  color: #1d4ed8;
}

.planning-update-card__status {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 0.22rem 0.5rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
}

.planning-update-card__status[data-status=on_track] {
  background: #ecfdf5;
  color: #047857;
}

.planning-update-card__status[data-status=at_risk],
.planning-update-card__status[data-status=needs_decision] {
  background: #fff7ed;
  color: #c2410c;
}

.planning-update-card__status[data-status=blocked] {
  background: #fef2f2;
  color: #b91c1c;
}

.planning-update-card__action-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #2563eb;
  font-size: 0.78rem;
  font-weight: 700;
}

.planning-update-card__action-link--quiet {
  gap: 0.28rem;
  font-size: 0.72rem;
  font-weight: 650;
}

.planning-update-card__action-link--quiet i {
  font-size: 0.7rem;
}

.planning-update-card__action-link:hover,
.planning-update-card__action-link:focus-visible {
  color: #1d4ed8;
}

@media (max-width: 900px) {
  .planning-updates-page__header {
    display: grid;
  }
  .planning-updates-filters,
  .planning-updates-filters .select,
  .planning-updates-filters .select select,
  .planning-updates-search {
    width: 100%;
    min-width: 0;
  }
  .planning-project-update-group__summary-row,
  .planning-project-update-row,
  .planning-project-update-row--project,
  .planning-initiative-update-row,
  .planning-stale-project {
    grid-template-columns: 1fr;
  }
  .planning-project-update-group__header-actions {
    justify-self: flex-start;
    justify-content: flex-start;
    opacity: 1;
  }
  .planning-project-update-group__signals,
  .planning-project-update-group__actions,
  .planning-project-update-row__actions,
  .planning-initiative-update-row__actions {
    justify-content: flex-start;
    opacity: 1;
  }
  .planning-linked-initiatives__summary {
    align-items: flex-start;
    flex-direction: column;
  }
}
.planning-overview__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.planning-summary-card,
.planning-panel {
  border: 1px solid #dbe5f1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.025);
}

.planning-summary-card {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.9rem;
}

.planning-summary-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb;
  flex: 0 0 auto;
}

.planning-summary-card--green .planning-summary-card__icon {
  background: #ecfdf3;
  color: #219653;
}

.planning-summary-card--purple .planning-summary-card__icon {
  background: #f3e8ff;
  color: #7c3aed;
}

.planning-summary-card--red .planning-summary-card__icon {
  background: #fef2f2;
  color: #dc2626;
}

.planning-summary-card__label,
.planning-summary-card__detail,
.planning-update-row p {
  margin: 0;
  color: #64748b;
  font-size: 0.78rem;
}

.planning-summary-card__value {
  margin: 0.1rem 0;
  color: #10284f;
  font-size: 1.35rem;
  font-weight: 750;
  line-height: 1;
}

.planning-overview__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 0.9rem;
}

.planning-panel {
  padding: 0.9rem 1rem;
}

.planning-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.55rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid #e2e8f0;
}

.planning-panel__head h2 {
  margin: 0;
  color: #10284f;
  font-size: 0.92rem;
  font-weight: 700;
}

.planning-panel__eyebrow {
  margin: 0 0 0.15rem;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.planning-panel__head h2 i {
  margin-right: 0.35rem;
  color: #8da0bd;
}

.planning-panel__link {
  color: #2563eb;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.planning-panel__link:hover,
.planning-panel__link:focus-visible {
  color: #1d4ed8;
}

.planning-signal-list,
.planning-update-list {
  display: grid;
  gap: 0.1rem;
}

.planning-signal {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(9rem, auto);
  align-items: center;
  gap: 0.65rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid #eef2f7;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
  transition: background-color 140ms ease, border-color 140ms ease;
}

.planning-signal:hover,
.planning-signal:focus-visible {
  background: #f8fafc;
  color: inherit;
  outline: none;
}

.planning-signal:last-child {
  border-bottom: 0;
}

.planning-signal__dot {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 999px;
  background: #f59e0b;
}

.planning-signal--danger .planning-signal__dot {
  background: #ef4444;
}

.planning-signal h3,
.planning-update-row h3 {
  margin: 0;
  color: #1e2f4d;
  font-size: 0.84rem;
  font-weight: 650;
}

.planning-signal p,
.planning-signal__reason,
.planning-update-row p {
  margin: 0;
  color: #64748b;
  font-size: 0.76rem;
}

.planning-signal__reason {
  color: #b45309;
  font-weight: 650;
  white-space: nowrap;
  justify-self: end;
  text-align: right;
}

.planning-update-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.7rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid #eef2f7;
  color: inherit;
  text-decoration: none;
  transition: background-color 140ms ease;
}

.planning-update-row:hover,
.planning-update-row:focus-visible {
  background: #f8fafc;
  color: inherit;
  outline: none;
}

.planning-update-row:last-child {
  border-bottom: 0;
}

.planning-update-row__avatar {
  align-items: center;
  align-self: start;
  background: #eef2ff;
  border: 1px solid #e0e7ff;
  border-radius: 999px;
  color: #1e3a8a;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 750;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin-top: 0.08rem;
  width: 2rem;
}

.planning-update-row__avatar i {
  color: #64748b;
  font-size: 0.82rem;
}

.planning-update-row__content {
  display: grid;
  gap: 0.32rem;
  min-width: 0;
}

.planning-update-row__body {
  color: #10284f;
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.planning-update-row__content h3 {
  color: #334155;
  font-weight: 600;
}

.planning-update-row__meta {
  align-items: center;
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  font-size: 0.72rem;
  font-weight: 550;
}

.planning-update-row__status {
  align-items: center;
  background: #f1f5f9;
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 650;
  line-height: 1;
  padding: 0.22rem 0.48rem;
}

.planning-update-row__status[data-status=planned] {
  background: #eff6ff;
  color: #2563eb;
}

.planning-update-row__status[data-status=in_progress] {
  background: #ecfdf5;
  color: #047857;
}

.planning-update-row__status[data-status=at_risk],
.planning-update-row__status[data-status=paused] {
  background: #fff7ed;
  color: #c2410c;
}

.planning-update-row__status[data-status=blocked] {
  background: #fef2f2;
  color: #b91c1c;
}

.planning-panel--mini-roadmap {
  grid-column: 1/-1;
}

.planning-empty {
  margin: 0;
  color: #64748b;
  font-size: 0.86rem;
}

.planning-updates-empty {
  display: grid;
  justify-items: center;
  gap: 0.5rem;
  padding: 1.5rem 1rem 1rem;
  text-align: center;
}

.planning-updates-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #dbe3ee;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
}

.planning-updates-empty h3 {
  margin: 0;
  color: #1e2f4d;
  font-size: 0.9rem;
  font-weight: 650;
}

.planning-updates-empty p {
  margin: 0;
  max-width: 32rem;
  color: #64748b;
  font-size: 0.8rem;
  line-height: 1.45;
}

.planning-updates-helper {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  color: #64748b;
  display: flex;
  gap: 0.65rem;
  margin-top: 0.65rem;
  padding: 0.72rem 0.8rem;
}

.planning-updates-helper__icon {
  align-items: center;
  color: #6366f1;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.95rem;
  justify-content: center;
}

.planning-updates-helper p {
  margin: 0;
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.45;
}

.planning-updates-helper strong {
  color: #334155;
  font-weight: 650;
}

.planning-focus {
  --planning-focus-team-width: 9rem;
  --planning-focus-copy-width: minmax(280px, 1.05fr);
  --planning-focus-timeline-width: minmax(300px, 1fr);
  --planning-focus-date-width: 6.2rem;
  --planning-focus-gap: 0.75rem;
  min-width: 0;
}

.planning-focus__header,
.planning-focus__today-row,
.planning-focus__group,
.planning-focus__today-grid {
  display: grid;
  gap: var(--planning-focus-gap);
  grid-template-columns: var(--planning-focus-team-width) var(--planning-focus-copy-width) var(--planning-focus-timeline-width) var(--planning-focus-date-width);
}

.planning-focus__header {
  align-items: end;
  margin-bottom: 0.22rem;
}

.planning-focus__months {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 650;
}

.planning-focus__today-row {
  margin-bottom: 0.45rem;
}

.planning-focus__today-track {
  position: relative;
  min-height: 1rem;
}

.planning-focus__today-label {
  position: absolute;
  left: var(--dashboard-delivery-focus-timeline-position, 0%);
  top: 0;
  transform: translateX(-50%);
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 700;
}

.planning-focus__body {
  position: relative;
}

.planning-focus__today-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.planning-focus__today-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--dashboard-delivery-focus-timeline-position, 0%);
  width: 1px;
  background: rgba(100, 116, 139, 0.55);
  transform: translateX(-50%);
}

.planning-focus__group {
  position: relative;
  row-gap: 0.12rem;
  padding: 0.55rem 0;
  border-top: 1px solid #edf2f7;
}

.planning-focus__group:first-child {
  border-top: 0;
  padding-top: 0;
}

.planning-focus__team {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.55rem;
  min-width: 0;
  padding-top: 0.28rem;
}

.planning-focus__team h3 {
  margin: 0;
  color: #0f172a;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.2;
}

.planning-focus__team p {
  margin: 0.08rem 0 0;
  color: #7b8798;
  font-size: 0.72rem;
}

.planning-focus__item {
  display: grid;
  grid-column: 2/-1;
  grid-template-columns: var(--planning-focus-copy-width) var(--planning-focus-timeline-width) var(--planning-focus-date-width);
  gap: var(--planning-focus-gap);
  align-items: center;
  min-width: 0;
  padding: 0.2rem 0;
  border: 1px solid transparent;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
  position: relative;
  z-index: 2;
}

.planning-focus__item:hover,
.planning-focus__item:focus-visible {
  background: #f8fafc;
  border-color: #dbe3ee;
  color: inherit;
  outline: none;
}

.planning-focus__copy {
  min-width: 0;
  padding: 0.2rem 0.35rem;
}

.planning-focus__title-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

.planning-focus__title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111827;
  font-size: 0.86rem;
  font-weight: 600;
}

.planning-focus__title-row .status-pill {
  flex: 0 0 auto;
  font-size: 0.62rem;
}

.planning-focus__project {
  margin: 0.08rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #64748b;
  font-size: 0.74rem;
}

.planning-focus__timeline {
  min-width: 0;
}

.planning-focus__track {
  position: relative;
  width: 100%;
  height: 22px;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(to right, rgba(226, 232, 240, 0.58) 0, rgba(226, 232, 240, 0.58) 100%) center/100% 2px no-repeat;
}

.planning-focus__month-line {
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: rgba(226, 232, 240, 0.48);
  transform: translateX(-0.5px);
}

.planning-focus__bar {
  position: absolute;
  top: 5.5px;
  height: 11px;
  border-radius: 999px;
  z-index: 2;
}

.planning-focus__bar.is-active {
  background: #28527f;
}

.planning-focus__bar.is-landing-soon {
  background: linear-gradient(90deg, #4267b2 0%, #4f46e5 72%, #312e81 100%);
  box-shadow: 3px 0 0 rgba(49, 46, 129, 0.18);
}

.planning-focus__bar.is-at-risk {
  background: #b83a0f;
}

.planning-focus__date {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .planning-overview__summary,
  .planning-overview__grid {
    grid-template-columns: 1fr 1fr;
  }
  .planning-panel--attention,
  .planning-panel--updates,
  .planning-panel--mini-roadmap {
    grid-column: 1/-1;
  }
}
@media (max-width: 760px) {
  .planning-overview__summary,
  .planning-overview__grid,
  .planning-signal {
    grid-template-columns: 1fr;
  }
  .planning-focus__header,
  .planning-focus__today-row,
  .planning-focus__today-grid {
    display: none;
  }
  .planning-focus__group,
  .planning-focus__item {
    grid-template-columns: 1fr;
  }
  .planning-focus__item {
    grid-column: 1;
    gap: 0.35rem;
    padding: 0.65rem;
    border-color: #e5edf8;
  }
  .planning-focus__date {
    text-align: left;
  }
}
@media (max-width: 960px) {
  .roadmap-empty-state {
    grid-template-columns: 1fr;
    padding: 1.1rem;
  }
  .roadmap-empty-state__title {
    font-size: 1.45rem;
  }
  .roadmap-page-tabs {
    width: 100%;
  }
  .roadmap-page-tabs-wrap {
    margin-bottom: 0;
  }
  .roadmap-page-tabs ul {
    width: 100%;
    flex-wrap: wrap;
  }
}
/* ===========================
   CONTAINER & LAYOUT
   =========================== */
.roadmap-container {
  --rm-team-label-w: 150px;
  --rm-item-font: 13px;
  --rm-item-title-font: 14px;
  --rm-item-date-font: 12px;
  --rm-item-min-h: 66px;
  --rm-item-pad-y-top: 5px;
  --rm-item-pad-x-right: 12px;
  --rm-item-pad-y-bottom: 8px;
  --rm-item-pad-x-left: 12px;
  --rm-timeline-row-h: 40px;
  --rm-marker-band-h: 0px;
  --rm-header-top-pad: 54px;
  width: 100%;
  position: relative;
  margin-top: 0; /* no outside gap */
  padding-top: calc(var(--rm-marker-band-h) + var(--rm-header-top-pad));
  padding-bottom: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  contain: inline-size;
  isolation: isolate;
  box-sizing: border-box;
  background: #ffffff;
  transition: padding-top 220ms ease;
  /* Lightweight overlay while JS warms up */
}
.roadmap-container[data-hydrated=false] .swimlane .item {
  opacity: 0;
  transform: translateY(6px);
}
.roadmap-container[data-has-markers=true] {
  --rm-marker-band-h: 70px;
}
.roadmap-container .swimlane .item {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.roadmap-container .rm-hydration-cover {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: linear-gradient(to bottom, rgba(248, 250, 252, 0.75), rgb(248, 250, 252));
  border-radius: 8px;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.18s ease;
}
.roadmap-container .rm-hydration-cover i {
  font-size: 1.1rem;
  opacity: 0.7;
}
.roadmap-container[data-hydrated=true] .rm-hydration-cover {
  opacity: 0;
}

.roadmap-container.align-left {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.timeline-wrapper {
  display: flex;
  margin-bottom: 0;
  min-width: max-content;
  width: fit-content;
  overflow: visible !important;
  cursor: grab;
  box-sizing: border-box;
}

.team-label-header {
  width: calc(var(--rm-team-label-w) + 1px);
  height: var(--rm-timeline-row-h);
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  top: 22px;
  z-index: 10;
  border-right: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.1em;
  pointer-events: none;
}

/* ===========================
   TIMELINE HEADER
   =========================== */
.timeline {
  display: block;
  flex: 1 1 0;
  width: 100%;
  color: #1f2937;
  position: relative;
  overflow: visible;
  font-weight: bold;
}

.timeline-row {
  display: flex;
  align-items: center;
  height: var(--rm-timeline-row-h);
  line-height: var(--rm-timeline-row-h);
  position: relative;
  border: 0;
  border-bottom: 1px solid #cbd5e1;
  background: #ffffff;
  color: #1f2937;
}

.timeline-row.months .month,
.timeline-row.weeks .week {
  position: relative;
  display: inline-block;
  text-align: left;
  padding-left: 18px;
  box-sizing: border-box;
  flex: 0 0 auto;
}

.timeline-row div {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.timeline-row div:hover {
  background-color: #f8fafc;
  color: #111827;
}

.timeline-row .month,
.timeline-row .week {
  height: 100%;
  border-left: 0;
  border-right: 1px solid #e5e7eb;
  font-weight: 700;
}

.timeline-row .month.is-current,
.timeline-row .week.is-current {
  background: #eff6ff;
  color: #1e3a8a;
  box-shadow: inset 0 -2px 0 #bfdbfe;
}

.timeline.months-active .timeline-row.months {
  display: flex;
}

.timeline.months-active .timeline-row.weeks {
  display: none;
}

.timeline.weeks-active .timeline-row.months {
  display: none;
}

.timeline.weeks-active .timeline-row.weeks {
  display: flex;
}

.month-boundary,
.week-boundary {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(203, 213, 225, 0.62);
  z-index: 1;
  pointer-events: none;
}

/* ===========================
   QUARTERS + TODAY LINE
   =========================== */
.quarter-label {
  position: absolute;
  top: -18px;
  height: 18px;
  line-height: 17px;
  background: #eef3f8;
  border: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.55);
  border-bottom: 0;
  border-radius: 0;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  color: #66758a;
  z-index: 6;
  pointer-events: none;
  user-select: none;
  box-shadow: none;
}

.quarter-band {
  position: absolute;
  background: transparent;
  border-left: 0;
  border-right: 0;
  z-index: 0;
  pointer-events: none;
}

.quarter-start-line {
  position: absolute;
  width: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.32);
  background: transparent;
  z-index: 3;
  pointer-events: none;
}

.today-line {
  position: absolute;
  width: 2px;
  background: #22c55e;
  z-index: 5;
  pointer-events: none;
}

.today-line__label {
  position: absolute;
  top: -42px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border: 1px solid rgba(34, 197, 94, 0.45);
  border-radius: 999px;
  background: #f0fdf4;
  color: #15803d;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
  z-index: 19;
}

/* ===========================
   SWIMLANES + TEAM LABELS
   =========================== */
.swimlane-wrapper {
  display: flex;
  position: relative;
  margin-bottom: 8px;
  min-width: max-content;
  width: fit-content;
}

.swimlane-wrapper + .swimlane-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -9px;
  height: 8px;
  background: #f8fafc;
  border-top: 1px solid #d7dde6;
  border-bottom: 0;
  pointer-events: none;
  z-index: 4;
}

.swimlane-wrapper + .swimlane-wrapper .team-label {
  margin-top: -8px;
  padding-top: calc(1rem + 8px);
  border-top: 1px solid #d7dde6;
}

.swimlane {
  position: relative;
  min-height: 100px;
  border: 0;
  border-bottom: 0;
  background: #ffffff;
  flex: 1;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: height 0.3s ease;
}

.swimlane-wrapper:nth-of-type(even) .swimlane {
  background: #ffffff;
}

.swimlane.drop-target {
  background-color: #ffffff;
}

.swimlane.is-drag-active .row-dropzone {
  opacity: 1;
}

.row-dropzone {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  border-top: 1px dashed rgba(100, 116, 139, 0.24);
  border-bottom: 1px dashed rgba(100, 116, 139, 0.12);
  background: transparent;
  transition: opacity 0.12s ease, background-color 0.12s ease;
  z-index: 2;
}

.row-dropzone.is-active {
  background: rgba(239, 246, 255, 0.42);
  border-top-color: rgba(37, 99, 235, 0.36);
  border-bottom-color: rgba(37, 99, 235, 0.2);
}

@keyframes dropDeniedShake {
  0% {
    transform: translateX(0);
  }
  12% {
    transform: translateX(-5px);
  }
  24% {
    transform: translateX(5px);
  }
  36% {
    transform: translateX(-4px);
  }
  48% {
    transform: translateX(4px);
  }
  60% {
    transform: translateX(-3px);
  }
  72% {
    transform: translateX(3px);
  }
  84% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
.item.drop-denied-shake {
  animation: dropDeniedShake 0.7s ease;
}

.team-label {
  width: var(--rm-team-label-w);
  background: #f8fafc;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  border: 0;
  border-right: 1px solid #d1d5db;
  border-bottom: 0;
  flex-shrink: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: sticky;
  left: 0;
  z-index: 10;
  box-shadow: 5px 0 16px -16px rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(2px);
  padding: 1rem 0.8rem 0.9rem;
  isolation: isolate;
}

.team-label::before {
  content: "";
  position: absolute;
  inset: -1px 0 -1px -1px;
  background: #f8fafc;
  z-index: -1;
}

.team-label__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  position: sticky;
  top: 0.9rem;
}

.team-label__name {
  margin: 0;
  color: #334155;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.25;
  word-break: break-word;
}

.team-label__summary {
  margin: -0.4rem 0 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
}

.team-label .add-item-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2rem;
  padding: 0.38rem 0.68rem;
  margin: 0;
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #2563eb;
  font-size: var(--font-size-sm);
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.08);
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease;
}

.team-label .add-item-icon:hover {
  background: #eff6ff;
  border-color: rgba(37, 99, 235, 0.35);
  color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.14);
}

.team-label .add-item-icon:active {
  transform: translateY(0);
}

.team-label .add-item-icon i,
.team-label .add-item-icon span {
  pointer-events: none;
}

.team-label .add-item-icon i {
  font-size: var(--font-size-xs);
}

.team-label .add-item-icon span {
  white-space: nowrap;
}

/* ===========================
   ROADMAP ITEM BASE STYLE
   =========================== */
.item {
  position: absolute;
  background: #fff;
  color: #0f172a;
  border: 1px solid #d7dde6;
  border-radius: 10px;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.09);
  padding: var(--rm-item-pad-y-top) var(--rm-item-pad-x-right) var(--rm-item-pad-y-bottom) var(--rm-item-pad-x-left);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  box-sizing: border-box;
  font-size: var(--rm-item-font);
  z-index: 7;
  min-height: var(--rm-item-min-h);
}

.item:hover {
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
  background: #ffffff;
}

.item.item-focus-flash {
  animation: roadmapItemFocusFlash 2.2s ease;
}

.item, .item * {
  user-select: none;
  -webkit-user-select: none; /* Safari */
}

@keyframes roadmapItemFocusFlash {
  0% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.38), 0 8px 18px rgba(15, 23, 42, 0.12);
    transform: translateY(0);
  }
  18% {
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.28), 0 14px 28px rgba(15, 23, 42, 0.16);
    transform: translateY(-1px);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0), 0 4px 10px rgba(15, 23, 42, 0.08);
    transform: translateY(0);
  }
}
.project-strip {
  display: none;
}

/* ===========================
   STACKED CONTENT
   =========================== */
.item-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.item-info-trigger {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  margin-left: -2px;
}

.item-info-btn {
  width: 22px;
  height: 26px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
}

.item-info-btn:hover,
.item-info-trigger:focus-within .item-info-btn {
  background: #f8fafc;
  color: #475569;
}

.compact-status-dot {
  display: none;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #94a3b8;
  flex: 0 0 auto;
}

.compact-status-dot[data-status=planned] {
  background: #6366f1;
}

.compact-status-dot[data-status=in_progress] {
  background: #06b6d4;
}

.compact-status-dot[data-status=blocked] {
  background: #ef4444;
}

.compact-status-dot[data-status=paused] {
  background: #f59e0b;
}

.compact-status-dot[data-status=completed] {
  background: #10b981;
}

.compact-status-dot[data-status=cancelled] {
  background: #94a3b8;
}

/* NEW — wrapper so the dot and title sit neatly */
.title-row { /* NEW */
  display: flex; /* NEW */
  align-items: center; /* NEW */
  gap: 6px; /* NEW */
  width: 100%; /* NEW */
  min-width: 0; /* NEW */
}

.initiative-name {
  font-weight: 600;
  font-size: var(--rm-item-title-font);
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dates {
  color: #6b7280;
  font-size: var(--rm-item-date-font);
  white-space: nowrap;
}

.roadmap-item-popover {
  width: min(420px, 100vw - 32px);
  padding: 0;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(148, 163, 184, 0.22);
}

.roadmap-item-popover-card {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 20px 24px 19px;
  color: #0f172a;
}

.roadmap-item-popover[data-placement^=bottom] .roadmap-item-popover-card::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 28px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-left: 1px solid rgba(148, 163, 184, 0.28);
  border-top: 1px solid rgba(148, 163, 184, 0.28);
  transform: rotate(45deg);
}

.roadmap-item-popover-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.roadmap-item-popover-card__head h3 {
  margin: 0;
  max-width: 320px;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
}

.roadmap-item-popover-card__close {
  border: 0;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  width: 22px;
  height: 22px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.roadmap-item-popover-card__meta,
.roadmap-item-popover-card__date {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  margin-bottom: 10px;
}

.roadmap-item-popover-card__project-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--project-color, #2563eb);
  flex: 0 0 auto;
}

.roadmap-item-popover-card__date i {
  color: #94a3b8;
  font-size: 12px;
}

.roadmap-item-popover-card__tags {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 12px 0 2px;
}

.roadmap-item-popover-card__section-label {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
}

.work-tag-row--popover .work-tag-pill {
  font-size: 11px;
  font-weight: 600;
}

.roadmap-item-popover-card__facts {
  display: grid;
  gap: 10px;
  margin: 18px 0 18px;
}

.roadmap-item-popover-card__context {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0 14px;
  border-top: 1px solid #e2e8f0;
}

.roadmap-item-popover-card__context a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #b45309;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.roadmap-item-popover-card__facts div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.roadmap-item-popover-card__facts dt {
  color: #94a3b8;
  font-weight: 600;
  font-size: 12px;
}

.roadmap-item-popover-card__facts dd {
  margin: 0;
  min-width: 0;
}

.roadmap-item-popover-card__confidence {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  background: #f1f5f9;
  color: #475569;
}

.roadmap-item-popover-card__confidence.is-high {
  background: #dcfce7;
  color: #15803d;
}

.roadmap-item-popover-card__confidence.is-medium {
  background: #ffedd5;
  color: #ea580c;
}

.roadmap-item-popover-card__confidence.is-low {
  background: #fee2e2;
  color: #dc2626;
}

.roadmap-item-popover-card__owner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 600;
}

.roadmap-item-popover-card__avatar {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  line-height: 1;
  font-weight: 700;
}

.roadmap-item-popover-card__actions {
  display: flex;
  align-items: center;
  gap: 26px;
}

.roadmap-item-popover-card__action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2563eb;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
}

.roadmap-item-popover-card__action i {
  color: #3b82f6;
  font-size: 13px;
}

.roadmap-item-popover-card__action:hover {
  color: #1d4ed8;
}

.roadmap-item-popover-card__action:hover i {
  color: #1d4ed8;
}

/* ===========================
   PROJECT PILL (dynamic color)
   =========================== */
.project-pill {
  --pill-color: var(--project-color, #64748b);
  background: color-mix(in srgb, var(--pill-color) 12%, white);
  border: 1px solid var(--pill-color);
  color: #0f172a;
  padding: 6px 10px;
  margin-bottom: 5px;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.project-pill .pill-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.project-pill__prefix {
  color: #475569;
  font-weight: 800;
}

.project-pill__status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  font-size: 9px;
  flex: 0 0 auto;
}

.project-pill__status-icon.is-complete {
  background: #dcfce7;
  color: #15803d;
}

.project-pill__status-icon.is-attention {
  background: #fef3c7;
  color: #b45309;
}

.project-pill:hover {
  background: color-mix(in srgb, var(--pill-color) 20%, white);
  border-color: var(--pill-color);
}

.project-pill.is-empty {
  background: color-mix(in srgb, var(--pill-color) 6%, white);
  border-color: var(--pill-color);
  opacity: 0.95;
}

/* ===========================
   BADGES ROW (project + status)
   =========================== */
.badges-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap; /* keep on one line */
  min-width: 0; /* allow pills to shrink */
}

/* Make the frame itself participate in flex layout */
.badges-row turbo-frame {
  display: contents; /* was: inline-flex */
}

/* Remove the bottom margin the project pill has by default */
.badges-row .project-pill {
  margin-bottom: 0;
}

.roadmap-card-tag {
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #64748b;
  font-weight: 600;
}

/* Pills: identical box model on both */
.project-pill,
.status-pill {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 0;
}

/* ===========================
   STATUS PILL (semantic color)
   =========================== */
.status-pill {
  --st-bg: #f1f5f9; /* default slate-100 */
  --st-border: #cbd5e1; /* slate-300 */
  --st-text: #0f172a; /* slate-900 */
  background: var(--st-bg);
  border: 1px solid var(--st-border);
  color: var(--st-text);
  padding: 6px 10px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
}

.status-pill__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  margin-right: 5px;
  font-size: 8px;
  flex: 0 0 auto;
}

.status-pill__icon.is-complete {
  background: #dcfce7;
  color: #15803d;
}

.status-pill__icon.is-attention {
  background: #fef3c7;
  color: #b45309;
}

/* tiny dot inside the pill */
.status-pill::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex: 0 0 6px;
  margin-right: 5px;
  background: var(--st-border);
  vertical-align: middle;
}

/* map each status to a semantic color */
.status-pill[data-status=planned] {
  --st-bg: #eef2ff; /* indigo-100 */
  --st-border: #6366f1; /* indigo-500 */
}

.status-pill[data-status=in_progress] {
  --st-bg: #ecfeff; /* cyan-100 */
  --st-border: #06b6d4; /* cyan-500 */
}

.status-pill[data-status=blocked] {
  --st-bg: #fef2f2; /* red-100 */
  --st-border: #ef4444; /* red-500 */
}

.status-pill[data-status=paused] {
  --st-bg: #fef3c7; /* amber-100 */
  --st-border: #f59e0b; /* amber-500 */
}

.status-pill[data-status=completed] {
  --st-bg: #ecfdf5; /* emerald-100 */
  --st-border: #10b981; /* emerald-500 */
}

.status-pill[data-status=cancelled] {
  --st-bg: #f1f5f9; /* slate-100 */
  --st-border: #94a3b8; /* slate-400 */
  --st-text: #475569; /* slate-600 */
}

/* Non-interactive status pill variant for list view */
.status-pill.is-static {
  cursor: default;
  pointer-events: none; /* disables any hover/JS behaviour if present */
}

.status-pill.is-static::before {
  display: none;
}

.roadmap--compact {
  --rm-team-label-w: 132px;
  --rm-item-font: 11px;
  --rm-item-title-font: 12px;
  --rm-item-date-font: 10px;
  --rm-item-min-h: 30px;
  --rm-item-pad-y-top: 4px;
  --rm-item-pad-x-right: 8px;
  --rm-item-pad-y-bottom: 4px;
  --rm-item-pad-x-left: 12px;
  --rm-timeline-row-h: 34px;
  --rm-header-top-pad: 48px;
}

.roadmap--compact .swimlane-wrapper {
  margin-bottom: 0;
}

.roadmap--compact .swimlane-wrapper + .swimlane-wrapper::before {
  top: -1px;
  height: 1px;
  background: #cbd5e1;
  border: 0;
}

.roadmap--compact .swimlane-wrapper + .swimlane-wrapper .team-label {
  margin-top: 0;
  padding-top: 0.55rem;
  border-top: 1px solid #cbd5e1;
}

.roadmap--compact .swimlane {
  min-height: 58px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.roadmap--compact .team-label {
  padding: 0.55rem 0.55rem 0.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.roadmap--compact .team-label__inner {
  gap: 0.45rem;
  top: 0.55rem;
}

.roadmap--compact .team-label__name {
  font-size: 12px;
}

.roadmap--compact .team-label__summary {
  margin-top: -0.25rem;
  font-size: 10px;
}

.roadmap--compact .team-label .add-item-icon {
  min-height: 1.65rem;
  padding: 0.24rem 0.5rem;
  font-size: 10px;
}

.roadmap--compact .team-label .add-item-icon span {
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.roadmap--compact .item,
.item.item--compact-width {
  min-height: 30px;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.roadmap--compact .item:hover,
.item.item--compact-width:hover {
  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.12);
}

.roadmap--compact .project-strip,
.item.item--compact-width .project-strip {
  display: none;
}

.roadmap--compact .item-info-trigger,
.item.item--compact-width .item-info-trigger {
  margin-left: -3px;
}

.roadmap--compact .item-info-btn,
.item.item--compact-width .item-info-btn {
  width: 16px;
  height: 22px;
  font-size: 11px;
}

.roadmap--compact .item-body,
.item.item--compact-width .item-body {
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.roadmap--compact .title-row,
.item.item--compact-width .title-row {
  flex: 1 1 auto;
}

.roadmap--compact .initiative-name,
.item.item--compact-width .initiative-name {
  min-width: 0;
  font-size: var(--rm-item-title-font);
  line-height: 1.1;
}

.roadmap--compact .dates,
.roadmap--compact .project-pill,
.roadmap--compact .status-pill--risk,
.item.item--metadata-tight .project-pill,
.item.item--metadata-tight .roadmap-card-tag,
.item.item--metadata-tight .status-pill--risk {
  display: none;
}

.item.item--date-tight .dates {
  display: none;
}

.roadmap--compact .badges-row,
.item.item--compact-width .badges-row {
  flex: 0 0 auto;
  max-width: 74px;
  overflow: hidden;
}

.roadmap--compact .status-pill,
.item.item--compact-width .status-pill {
  max-width: 74px;
  padding: 4px 7px;
  font-size: 9px;
}

.roadmap--compact .status-pill .status-label,
.item.item--compact-width .status-pill .status-label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.item.item--status-dot .badges-row {
  display: none;
}

.item.item--status-dot .compact-status-dot {
  display: inline-block;
}

.roadmap--compact .resizer,
.item.item--compact-width .resizer {
  width: 10px;
}

.roadmap--compact .row-dropzone {
  border-top-style: solid;
}

.roadmap--compact .item.item--tiny-width,
.item.item--tiny-width {
  padding-right: 5px;
}

.roadmap--compact .item.item--title-only .badges-row,
.item.item--title-only .badges-row,
.roadmap--compact .item.item--title-only .compact-status-dot,
.item.item--title-only .compact-status-dot,
.roadmap--compact .item.item--title-only .dates,
.item.item--title-only .dates {
  display: none;
}

/* Nice spacing when shown beside type badge and in child pills */
.pc-typeline .status-pill {
  margin-left: 0.5rem;
}

.pcc-pills .status-pill {
  margin-right: 0.4rem;
}

/* ===========================
   ITEM ACTIONS
   =========================== */
.item-actions {
  position: absolute;
  top: 4px;
  right: 4px;
  display: flex;
  gap: 6px;
}

.item-actions button {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--font-size-xs);
  color: #111827;
  padding: 0;
  transition: background-color 0.15s, border-color 0.15s;
}

.item-actions button:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}

/* ===========================
   RESIZERS + DRAG STATES
   =========================== */
.resizer {
  width: 8px;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: ew-resize;
  background: transparent;
}

.resizer.left {
  left: 0;
}

.resizer.right {
  right: 0;
}

.resizer:hover {
  background: rgba(15, 23, 42, 0.08);
}

.roadmap--compact .resizer:hover,
.item.item--compact-width .resizer:hover {
  background: transparent;
}

.item.dragging {
  z-index: 9;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
}

/* ===========================
   MARKERS (refreshed, taller + centered)
   =========================== */
.marker-band {
  position: absolute;
  top: 0;
  left: 0;
  height: var(--rm-marker-band-h);
  display: flex;
  align-items: flex-end;
  pointer-events: none; /* markers themselves re-enable events */
  z-index: 7;
  opacity: 0;
  overflow: hidden;
  transition: height 220ms ease, opacity 180ms ease;
}

.roadmap-container[data-has-markers=true] .marker-band {
  opacity: 1;
}

.custom-date-marker {
  overflow: visible;
  pointer-events: auto;
  position: absolute;
  transform: translateY(-8px); /* lift off the quarter labels a bit */
  z-index: 8;
  user-select: none;
  cursor: ew-resize;
  /* visual design */
  --marker-accent: #1b25f2;
  background: #fff;
  color: #0f172a;
  border: 1px solid #1b25f2;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
  /* size / spacing */
  min-width: 100px;
  min-height: 42px;
  display: inline-flex;
  align-items: center; /* vertical centering */
  justify-content: center;
  gap: 6px;
  padding: 0 36px 0 14px; /* add right space for delete button */
  font-size: var(--font-size-sm);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.custom-marker-line::after {
  content: "";
  position: absolute;
  top: 0;
  height: 12px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(144, 202, 249, 0.5), transparent);
}

.custom-date-marker:hover {
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
}

.marker-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.marker-delete-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
  border: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: transparent;
  color: #64748b;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.custom-date-marker:hover .marker-delete-btn {
  background: #f8fafc;
  color: #0f172a;
}

.marker-delete-btn:hover {
  background: #fee2e2;
  color: #b91c1c;
}

/* Vertical guide line paired with the label */
.custom-marker-line {
  position: absolute;
  width: 2px;
  background-color: var(--marker-accent, #1b25f2);
  opacity: 0.7;
  z-index: 0; /* behind cards but above background */
  pointer-events: none;
  box-shadow: 0 0 0 1px #ffffff;
}

/* NEW: rounded cap where the line meets the label midpoint */
.custom-marker-line::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -6px; /* half of cap height — sits “into” the label */
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--marker-accent, #1b25f2);
  box-shadow: 0 0 0 3px #fff; /* little halo so it blends into the chip */
  z-index: 0;
}

/* (optional) keep your soft glow below */
.custom-marker-line::after {
  content: "";
  position: absolute;
  top: 0; /* from the cap downward */
  left: 0;
  right: 0;
  height: 12px;
  background: linear-gradient(to bottom, rgba(144, 202, 249, 0.5), transparent);
  z-index: 0;
}

/* ===========================
   TOOLBAR + BUTTONS
   =========================== */
.roadmap-toolbar {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

#rm-filter-form .filter-bar__row,
#rm-filter-form .filter-bar__right {
  flex-wrap: nowrap;
}

#rm-filter-form .filter-bar__row {
  gap: 10px;
}

#rm-filter-form .filter-bar__left {
  flex: 0 0 auto;
}

#rm-filter-form .filter-bar__right {
  flex: 1 1 auto;
  min-width: 0;
  gap: 7px;
  justify-content: flex-end;
}

#rm-filter-form .buttons.has-addons,
#rm-filter-form .filter-search,
#rm-filter-form .select {
  flex: 0 0 auto;
}

#rm-filter-form .roadmap-filter-toggle {
  flex: 0 0 auto;
  gap: 0.25rem;
  white-space: nowrap;
}

#rm-filter-form .roadmap-filter-toggle__count {
  margin-left: 0.1rem;
}

#rm-filter-form .roadmap-filter-toggle__chevron {
  color: #64748b;
}

#rm-filter-form .roadmap-active-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.55rem;
  padding: 0.5rem 0.65rem;
  border: 1px solid #dbe5f1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

#rm-filter-form .roadmap-active-filters__chips {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  min-width: 0;
}

#rm-filter-form .roadmap-active-filter-chip {
  display: inline-flex;
  align-items: center;
  max-width: 18rem;
  min-height: 1.5rem;
  padding: 0.18rem 0.55rem;
  border: 1px solid #d8e2ef;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 0.74rem;
  line-height: 1;
  white-space: nowrap;
}

#rm-filter-form .roadmap-active-filter-chip strong {
  color: #263955;
}

#rm-filter-form .roadmap-active-filters__clear {
  flex: 0 0 auto;
  color: #0b4ad8;
  font-size: 0.78rem;
  font-weight: 700;
}

#rm-filter-form .roadmap-filter-panel {
  margin-top: 0.4rem;
  padding: 0.7rem 0 0.15rem;
  border-top: 1px solid #dbe5f1;
  background: #fff;
  box-shadow: none;
}

#rm-filter-form .roadmap-filter-panel[hidden],
#rm-filter-form .roadmap-filter-panel.is-hidden {
  display: none !important;
}

#rm-filter-form .roadmap-filter-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

#rm-filter-form .roadmap-filter-panel__head h2 {
  margin: 0;
  color: #10284f;
  font-size: 0.86rem;
  font-weight: 800;
}

#rm-filter-form .roadmap-filter-panel__controls {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
}

#rm-filter-form .roadmap-filter-panel__controls .button,
#rm-filter-form .roadmap-filter-panel__controls .buttons,
#rm-filter-form .roadmap-filter-panel__controls .select,
#rm-filter-form .roadmap-filter-panel__controls .roadmap-tag-filter summary.button {
  margin-bottom: 0 !important;
}

#rm-filter-form .roadmap-filter-panel__controls .roadmap-tag-filter {
  display: inline-flex;
  align-items: center;
  margin-top: 0 !important;
}

#rm-filter-form .roadmap-filter-panel__controls .roadmap-tag-filter summary.button {
  height: var(--rm-btn-h, 38px);
  line-height: calc(var(--rm-btn-h, 38px) - 2px);
  padding-top: 0;
  padding-bottom: 0;
}

#rm-filter-form .roadmap-filter-panel__controls > .control,
#rm-filter-form .roadmap-filter-panel__controls > .select,
#rm-filter-form .roadmap-filter-panel__controls > .roadmap-tag-filter {
  flex: 0 0 auto;
}

#rm-filter-form .filter-search {
  flex: 1 1 220px;
  min-width: 170px;
  max-width: 280px;
}

#rm-filter-form .filter-search .input {
  width: 100%;
}

#rm-filter-form .select select {
  width: 230px;
  max-width: 22vw;
}

#rm-filter-form .roadmap-filter-panel__controls .filter-search {
  flex: 1 1 18rem;
  min-width: 14rem;
  max-width: none;
}

#rm-filter-form .mr-3,
#rm-filter-form .ml-2,
#rm-filter-form .ml-3 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.roadmap-toolbar .divider {
  width: 1px;
  height: 20px;
  background: #e5e7eb;
}

.new-project-button span {
  margin-left: 6px;
}

.no-projects {
  color: #6b7280;
  font-size: var(--font-size-body);
  padding: 4px 0;
}

/* ===========================
   ZOOM TOGGLE
   =========================== */
.zoom-toggle {
  display: inline-block;
  padding: 6px 10px;
  margin-right: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  background: #f7f7f7;
  font-size: var(--font-size-sm);
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  user-select: none;
  color: #111;
}

.zoom-toggle:hover {
  background: #e8e8e8;
  border-color: #bbb;
}

.zoom-toggle.active {
  background: #1b25f2;
  border-color: #1b25f2;
  color: #fff;
}

/* ===========================
   PROJECTS PANEL
   =========================== */
#projects_panel {
  margin-bottom: 14px;
}
#projects_panel .project-panel {
  padding: 12px 14px;
  margin-bottom: 10px;
}
#projects_panel .project-panel .level {
  margin-bottom: 6px;
}
#projects_panel .project-panel .buttons .button {
  border-radius: 6px;
}
#projects_panel .project-panel strong {
  font-weight: 600;
}
#projects_panel .project-panel p {
  margin-bottom: 0.25rem;
}

/* ===========================
   LIST VIEW
   =========================== */
.roadmap-list {
  margin-top: 8px;
}
.roadmap-list .roadmap-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-sm);
  margin-top: 10px;
}
.roadmap-list .roadmap-table th, .roadmap-list .roadmap-table td {
  border-bottom: 1px solid #eee;
  padding: 6px 10px;
  text-align: left;
}
.roadmap-list .roadmap-table th {
  color: #555;
  font-weight: 600;
}

/* ===========================
   MISC + FLOOR
   =========================== */
button {
  margin-bottom: 10px;
}

.roadmap-floor {
  height: 56px;
  width: 100%;
}

/* ===========================
   FLOATING POPOVER + PICKER
   =========================== */
.floating-popover {
  position: absolute;
  z-index: 9999;
  min-width: 240px;
  max-width: 320px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.15);
  padding: 8px;
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 0.12s ease, transform 0.12s ease;
  pointer-events: none;
}

.floating-popover[data-visible=true] {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.project-picker {
  min-width: 220px;
  padding: 8px;
  background: #fff;
  border-radius: 8px;
}

.project-picker .picker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

/* Base list reset */
.project-picker .picker-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ---------------------------
   Unified tile (current + options)
   --------------------------- */
.picker-tile, .project-picker .picker-option, .picker-current {
  --tile-rail: #64748b; /* override per-tile via inline style */
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 6px 10px;
  margin-bottom: 6px;
  text-decoration: none;
  color: #111827;
  font-size: var(--font-size-sm);
  font-weight: 600;
  /* left color rail */
  border-left: 8px solid var(--tile-rail);
  transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.picker-tile:hover, .project-picker .picker-option:hover, .picker-current:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #111827;
  text-decoration: none;
}

.picker-tile:focus-visible, .project-picker .picker-option:focus-visible, .picker-current:focus-visible {
  outline: 3px solid rgba(59, 130, 246, 0.35); /* blue-ish focus ring */
  outline-offset: 1px;
}

/* Link color fixes */
.picker-tile:visited, .project-picker .picker-option:visited, .picker-current:visited {
  color: #111827;
}

/* “Current” uses the same tile style */
/* Current → name takes remaining space */
.picker-current .pc-name {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Small unassign button on the right */
.picker-current .pc-unassign {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #111;
  transition: background-color 0.15s, border-color 0.15s, transform 0.06s;
}

.picker-current .pc-unassign:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.picker-current .pc-unassign:active {
  transform: scale(0.98);
}

/* Available project option (anchor) also uses the same tile */
/* Special “unassign” option (if you keep it anywhere else) */
.project-picker .picker-option.is-unassign {
  background: #fff7ed;
  border-color: #fed7aa;
}

.project-picker .picker-option.is-unassign:hover {
  background: #ffedd5;
  border-color: #fdba74;
}

/* Divider — lift label above the rule */
.picker-divider {
  position: relative;
  text-align: center;
  margin: 6px 0 8px;
  color: #6b7280;
  font-size: var(--font-size-xs);
}

.picker-divider::before,
.picker-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 42%;
  height: 1px;
  background: #e5e7eb;
}

.picker-divider::before {
  left: 0;
}

.picker-divider::after {
  right: 0;
}

.picker-divider > span {
  position: relative;
  top: -4px; /* lift above the line */
  background: #fff;
  padding: 0 8px;
  z-index: 1;
}

/* ===========================
   EMPTY STATE + CREATE LINK
   =========================== */
.picker-empty {
  text-align: center;
  padding: 10px 6px 4px;
  color: #6b7280;
  font-size: var(--font-size-sm);
}

.picker-empty p {
  margin-bottom: 8px;
}

.picker-create {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: var(--font-size-sm);
  color: #1b25f2;
  text-decoration: none;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 6px;
  padding: 6px 10px;
  transition: background-color 0.15s, border-color 0.15s, transform 0.06s;
}

.picker-create:hover {
  background: #e0e7ff;
  border-color: #a5b4fc;
}

.picker-create:active {
  transform: scale(0.98);
}

/* ---------------------------
   Card tinting (unchanged)
   --------------------------- */
.item {
  border-color: var(--project-color, #e5e7eb);
  background: color-mix(in srgb, var(--project-color, #64748b) 2%, #fff);
}

.item:hover {
  background: color-mix(in srgb, var(--project-color, #64748b) 5%, #fff);
}

/* minimal vertical divider that blends with Bulma */
.rm-vdiv {
  display: inline-block;
  width: 1px;
  height: 28px;
  margin: 0 8px;
  background: #e5e7eb;
}

/* ---- Roadmap toolbar: true centered tabs ---- */
.rm-bar {
  position: relative;
}

.rm-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* perfectly center inside the nav */
  z-index: 1; /* sit above flowing content */
  pointer-events: auto;
}

@media (max-width: 768px) {
  /* On small screens, let it flow naturally (stacking works better) */
  .rm-center {
    position: static;
    transform: none;
    margin: 0.5rem auto 0;
  }
}
/* ---- Roadmap toolbar: align all controls on one baseline ---- */
.rm-bar,
.rm-toolbar {
  --rm-btn-h: 38px; /* one place to tweak height */
}

/* kill the default bottom margins that cause misalignment */
.rm-bar .buttons,
.rm-bar .button,
.rm-toolbar .buttons,
.rm-toolbar .button {
  margin-bottom: 0 !important;
}

/* make the groups align vertically */
.rm-bar .buttons,
.rm-toolbar .buttons {
  align-items: center;
}

/* give all buttons (including has-addons group) the same height */
.rm-bar .button,
.rm-toolbar .button,
.rm-bar .buttons.has-addons .button,
.rm-toolbar .buttons.has-addons .button {
  height: var(--rm-btn-h);
  line-height: calc(var(--rm-btn-h) - 2px);
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
}

/* match the divider to the button height */
.rm-vdiv {
  height: var(--rm-btn-h);
  align-self: center;
}

/* =========================================================
   Roadmap Toolbar – Month/Week Toggle
   ========================================================= */
.buttons.has-addons .button.is-active {
  background-color: #1b25f2; /* same as primary blue */
  border-color: #1b25f2;
  color: #fff;
  z-index: 1;
}

.buttons.has-addons .button.is-active:hover {
  background-color: #2b36ff;
  border-color: #2b36ff;
  color: #fff;
}

.modal-sep {
  border: 0;
  border-top: 1px solid #eee;
  margin: 16px 0;
}

.danger-zone {
  margin-top: 6px;
}

.danger-zone > summary {
  list-style: none;
  cursor: pointer;
  color: #b91c1c; /* red-700 */
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.danger-zone[open] > summary {
  margin-bottom: 8px;
}

.danger-box {
  border: 1px solid #fecaca; /* red-200 */
  background: #fef2f2; /* red-50 */
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.danger-copy {
  color: #7f1d1d;
} /* red-900 */
.danger-actions {
  display: flex;
  gap: 8px;
}
.danger-actions button {
  margin: 0;
}

/* app/assets/stylesheets/roadmaps.scss */
/* Floating popover container (if not already styled) */
.floating-popover {
  position: absolute; /* floating-ui sets this */
  z-index: 40;
  opacity: 0;
  transform: translateY(-2px);
  transition: opacity 0.12s ease, transform 0.12s ease;
}
.floating-popover[data-visible=true] {
  opacity: 1;
  transform: translateY(0);
}

.floating-popover.roadmap-item-popover {
  z-index: 9999;
  width: min(420px, 100vw - 32px);
  min-width: min(360px, 100vw - 32px);
  max-width: calc(100vw - 32px);
  padding: 0;
  border: 0;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(148, 163, 184, 0.22);
}

/* Picker panel inside the popover */
.picker-panel {
  background: #fff;
  border: 1px solid rgba(16, 24, 40, 0.08);
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.14), 0 2px 6px rgba(16, 24, 40, 0.06);
  border-radius: 10px;
  min-width: 220px;
  padding: 12px;
  font-size: var(--font-size-body);
}

.picker-panel .picker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}

.picker-panel .picker-head .buttons .button.is-light {
  /* harmonize with Bulma small buttons inside popover */
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.6rem;
}

.picker-panel .picker-list {
  list-style: none;
  margin: 0;
  padding: 4px 0 0 0;
}

.picker-panel .picker-list li {
  display: block;
}

.picker-panel .checkbox input[type=checkbox] {
  margin-right: 0.5rem;
}

@media (max-width: 1680px) {
  .roadmap-container {
    --rm-team-label-w: 128px;
    --rm-item-font: 12px;
    --rm-item-title-font: 13px;
    --rm-item-date-font: 11px;
    --rm-item-min-h: 60px;
    --rm-item-pad-y-top: 4px;
    --rm-item-pad-x-right: 10px;
    --rm-item-pad-y-bottom: 6px;
    --rm-item-pad-x-left: 10px;
    --rm-timeline-row-h: 36px;
    --rm-header-top-pad: 50px;
  }
  .swimlane-wrapper {
    margin-bottom: 0;
  }
  .team-label {
    padding: 0.9rem 0.7rem 0.8rem;
  }
  .team-label__inner {
    gap: 0.6rem;
  }
  .team-label__name {
    font-size: var(--font-size-body);
  }
  .team-label .add-item-icon {
    font-size: var(--font-size-xs);
    padding: 0.34rem 0.56rem;
  }
  .timeline-row.months .month,
  .timeline-row.weeks .week {
    padding-left: 12px;
  }
  .roadmap-toolbar {
    gap: 6px;
    margin-bottom: 8px;
  }
  .zoom-toggle {
    padding: 5px 8px;
    font-size: var(--font-size-xs);
    margin-right: 4px;
  }
  .project-pill,
  .status-pill {
    padding: 5px 9px;
    font-size: 10px;
  }
  #rm-filter-form {
    padding-inline: 8px;
  }
  #rm-filter-form .filter-bar__row {
    gap: 8px;
  }
  #rm-filter-form .filter-bar__right {
    gap: 6px;
  }
  #rm-filter-form .button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  #rm-filter-form .select select {
    width: 205px;
  }
  #rm-filter-form .filter-search {
    min-width: 150px;
    max-width: 220px;
  }
  #rm-filter-form .roadmap-filter-panel__controls .filter-search {
    min-width: 14rem;
    max-width: none;
  }
}
@media (max-width: 1200px) {
  .roadmap-container {
    --rm-team-label-w: 112px;
    --rm-item-font: 11px;
    --rm-item-title-font: 12px;
    --rm-item-date-font: 10px;
    --rm-item-min-h: 54px;
    --rm-item-pad-y-top: 3px;
    --rm-item-pad-x-right: 9px;
    --rm-item-pad-y-bottom: 5px;
    --rm-item-pad-x-left: 9px;
    --rm-timeline-row-h: 32px;
    --rm-header-top-pad: 46px;
  }
  .swimlane-wrapper {
    margin-bottom: 0;
  }
  .team-label {
    padding: 0.8rem 0.55rem 0.7rem;
  }
  .team-label__name {
    font-size: var(--font-size-sm);
  }
  .team-label .add-item-icon {
    justify-content: center;
    width: 100%;
    padding-inline: 0.4rem;
    font-size: 0.7rem;
  }
  .team-label .add-item-icon span {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .timeline-row.months .month,
  .timeline-row.weeks .week {
    padding-left: 10px;
    font-size: var(--font-size-xs);
  }
  .roadmap-toolbar {
    gap: 4px;
    margin-bottom: 6px;
  }
  .zoom-toggle {
    padding: 4px 7px;
    font-size: 11px;
    margin-right: 3px;
  }
  .item-actions button {
    width: 26px;
    height: 26px;
  }
  .project-strip {
    width: 5px;
  }
}
.org-calendar-page .org-calendar-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.9rem 1rem;
}
.org-calendar-page .org-calendar-toolbar__primary,
.org-calendar-page .org-calendar-toolbar__secondary {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex-wrap: wrap;
}
.org-calendar-page .org-calendar-toolbar__nav {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.org-calendar-page .org-calendar-toolbar__title {
  font-size: 1.45rem;
  font-weight: 700;
  color: #132238;
  min-width: 9rem;
}
.org-calendar-page .org-calendar-toolbar__views {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 2.94rem;
  padding: 0.22rem;
  border-radius: 18px;
  background: #f5f8fc;
  border: 1px solid #e4ebf3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  overflow: hidden;
}
.org-calendar-page .org-calendar-toolbar__views .button {
  min-height: 2.5rem;
  padding: 0 1.15rem;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #324152;
  font-weight: 600;
  box-shadow: none;
}
.org-calendar-page .org-calendar-toolbar__views .button:hover {
  background: rgba(255, 255, 255, 0.78);
  color: #1d2c3f;
}
.org-calendar-page .org-calendar-toolbar__views .button.is-link {
  background: linear-gradient(180deg, #4860f7 0%, #3552d6 100%);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(53, 82, 214, 0.18);
}
.org-calendar-page .org-calendar-filters {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
}
.org-calendar-page .org-calendar-filters[open] .org-calendar-filters__trigger {
  border-color: #ccd8e6;
  box-shadow: 0 10px 24px rgba(19, 34, 56, 0.08);
}
.org-calendar-page .org-calendar-filters__trigger {
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.94rem;
  padding: 0 0.9rem;
  border-radius: 999px;
  border: 1px solid #dbe4ef;
  background: #ffffff;
  color: #324152;
  font-size: var(--font-size-body);
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  margin: 0;
  white-space: nowrap;
  box-sizing: border-box;
}
.org-calendar-page .org-calendar-filters__trigger::-webkit-details-marker {
  display: none;
}
.org-calendar-page .org-calendar-filters__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: #edf2ff;
  color: #3552d6;
  font-size: var(--font-size-xs);
  font-weight: 700;
}
.org-calendar-page .org-calendar-filters__panel {
  position: absolute;
  top: calc(100% + 0.55rem);
  right: 0;
  z-index: 12;
  width: min(320px, 92vw);
  padding: 0.95rem;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #dbe4ef;
  box-shadow: 0 18px 36px rgba(19, 34, 56, 0.12);
}
.org-calendar-page .org-calendar-filters__form {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.org-calendar-page .org-calendar-filters__actions {
  padding-top: 0.15rem;
}
.org-calendar-page .org-calendar-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.org-calendar-page .org-calendar-summary__card {
  display: block;
  background: #ffffff;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  padding: 0.8rem 0.95rem;
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.org-calendar-page .org-calendar-summary__card:hover {
  border-color: #c6d5e7;
  box-shadow: 0 10px 18px rgba(19, 34, 56, 0.06);
  transform: translateY(-1px);
}
.org-calendar-page .org-calendar-summary__card.is-active {
  border-color: #8ca0ff;
  background: linear-gradient(180deg, #eef2ff 0%, #e5edff 100%);
  box-shadow: 0 12px 22px rgba(53, 82, 214, 0.12);
}
.org-calendar-page .org-calendar-summary__card.is-active .org-calendar-summary__label {
  color: #4054bd;
}
.org-calendar-page .org-calendar-summary__card.is-active .org-calendar-summary__value {
  color: #21327f;
}
.org-calendar-page .org-calendar-summary__card.is-active .org-calendar-summary__hint {
  color: #5669b9;
}
.org-calendar-page .org-calendar-summary__label {
  color: #607086;
  font-size: var(--font-size-sm);
  margin-bottom: 0.18rem;
}
.org-calendar-page .org-calendar-summary__value {
  color: #132238;
  font-size: 1.18rem;
  font-weight: 700;
}
.org-calendar-page .org-calendar-summary__hint {
  color: #6e8097;
  font-size: var(--font-size-xs);
  margin-top: 0.2rem;
  line-height: 1.35;
}
.org-calendar-page .org-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.75rem;
}
.org-calendar-page .org-calendar-month {
  padding: 1rem;
}
.org-calendar-page .org-calendar-day.is-focus-muted {
  opacity: 0.42;
}
.org-calendar-page .org-calendar-day.is-focus-muted .org-calendar-day__add {
  opacity: 0.4;
}
.org-calendar-page .org-calendar-timeline {
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #ffffff;
}
.org-calendar-page .org-calendar-timeline__months {
  display: flex;
  flex-direction: column;
}
.org-calendar-page .org-calendar-timeline__month + .org-calendar-timeline__month {
  border-top: 1px solid #edf2f7;
}
.org-calendar-page .org-calendar-timeline__month-header {
  padding: 1rem 1.1rem 0.35rem;
}
.org-calendar-page .org-calendar-timeline__month-title {
  color: #5d6f87;
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.org-calendar-page .org-calendar-timeline__month-empty {
  padding: 0.25rem 1.1rem 1rem;
  color: #728399;
  font-size: var(--font-size-body);
}
.org-calendar-page .org-calendar-timeline__loader-frame {
  display: block;
}
.org-calendar-page .org-calendar-timeline__loader-frame--top {
  padding: 0.75rem 1.1rem 0;
}
.org-calendar-page .org-calendar-timeline__loader-frame--bottom {
  padding: 0 1.1rem 1rem;
}
.org-calendar-page .org-calendar-timeline__load-previous {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #5e7088;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-decoration: none;
}
.org-calendar-page .org-calendar-timeline__load-previous:hover {
  color: #314355;
}
.org-calendar-page .org-calendar-timeline__loader {
  padding: 0.8rem 0;
  color: #728399;
  font-size: var(--font-size-sm);
  text-align: center;
}
.org-calendar-page .org-calendar-timeline__days {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.org-calendar-page .org-calendar-timeline__days::before {
  content: "";
  position: absolute;
  top: 1.65rem;
  bottom: 1.15rem;
  left: calc(1.1rem + 11px);
  width: 2px;
  background: #e7edf5;
}
.org-calendar-page .org-calendar-timeline__day + .org-calendar-timeline__day {
  border-top: 1px solid #edf2f7;
}
.org-calendar-page .org-calendar-timeline__date-row {
  padding: 1rem 1.1rem 0.55rem 2.6rem;
}
.org-calendar-page .org-calendar-timeline__date-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}
.org-calendar-page .org-calendar-timeline__date {
  color: #132238;
  font-size: 1.02rem;
  font-weight: 700;
}
.org-calendar-page .org-calendar-timeline__counts {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.org-calendar-page .org-calendar-timeline__count-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
  background: #eef3f8;
  color: #53657b;
  font-size: var(--font-size-xs);
  font-weight: 700;
}
.org-calendar-page .org-calendar-timeline__count-pill--absence {
  background: #eef7f1;
  color: #2d6a4f;
}
.org-calendar-page .org-calendar-timeline__rail {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 0.8rem;
  padding: 0 1.1rem 1.15rem;
}
.org-calendar-page .org-calendar-timeline__marker {
  position: relative;
}
.org-calendar-page .org-calendar-timeline__marker::before {
  display: none;
}
.org-calendar-page .org-calendar-timeline__marker::after {
  content: "";
  position: absolute;
  top: 0.18rem;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #3658f6;
  box-shadow: 0 0 0 4px #edf2ff;
}
.org-calendar-page .org-calendar-timeline__content {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.org-calendar-page .org-calendar-timeline__absence {
  display: block;
  text-decoration: none;
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
  border: 1px solid transparent;
}
.org-calendar-page .org-calendar-timeline__absence-title {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: var(--font-size-body);
  font-weight: 700;
}
.org-calendar-page .org-calendar-timeline__absence-names {
  margin-top: 0.22rem;
  color: #5f7087;
  font-size: var(--font-size-sm);
  line-height: 1.4;
}
.org-calendar-page .org-calendar-timeline__absence--small {
  background: #e7f6f0;
  color: #1d7a52;
}
.org-calendar-page .org-calendar-timeline__absence--moderate {
  background: #fff4d6;
  color: #a05d00;
}
.org-calendar-page .org-calendar-timeline__absence--low {
  background: #ffe4e1;
  color: #b73b31;
}
.org-calendar-page .org-calendar-grid__heading {
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5e7088;
  padding: 0 0.2rem;
}
.org-calendar-page .org-calendar-day {
  min-height: 158px;
  background: #ffffff;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  position: relative;
}
.org-calendar-page .org-calendar-day.is-outside {
  background: #f7f9fc;
  border-style: dashed;
}
.org-calendar-page .org-calendar-day.is-today {
  border-color: #1f7a8c;
  box-shadow: 0 0 0 1px rgba(31, 122, 140, 0.15);
}
.org-calendar-page .org-calendar-day__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}
.org-calendar-page .org-calendar-day__actions {
  position: absolute;
  bottom: 0.55rem;
  right: 0.55rem;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.org-calendar-page .org-calendar-day:hover .org-calendar-day__actions,
.org-calendar-page .org-calendar-day:focus-within .org-calendar-day__actions {
  opacity: 1;
  pointer-events: auto;
}
.org-calendar-page .org-calendar-day__add {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  background: rgba(54, 88, 246, 0.16);
  color: #2e4ddd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 8px 20px rgba(54, 88, 246, 0.12);
  backdrop-filter: blur(4px);
}
.org-calendar-page .org-calendar-day__add:hover {
  background: rgba(54, 88, 246, 0.24);
  color: #1f3bc1;
}
.org-calendar-page .org-calendar-day__date {
  font-size: var(--font-size-body);
  font-weight: 700;
  color: #132238;
}
.org-calendar-page .org-calendar-day__count {
  color: #6b7c92;
  font-size: var(--font-size-xs);
  text-decoration: none;
  margin-right: 1.8rem;
}
.org-calendar-page .org-calendar-day__events {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.org-calendar-page .org-calendar-day__absence {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  width: fit-content;
  max-width: calc(100% - 2rem);
  padding: 0.24rem 0.55rem;
  border-radius: 999px;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-decoration: none;
}
.org-calendar-page .org-calendar-day__absence-dot {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: currentColor;
  flex-shrink: 0;
}
.org-calendar-page .org-calendar-day__absence--small {
  background: #e7f6f0;
  color: #1d7a52;
}
.org-calendar-page .org-calendar-day__absence--moderate {
  background: #fff4d6;
  color: #a05d00;
}
.org-calendar-page .org-calendar-day__absence--low {
  background: #ffe4e1;
  color: #b73b31;
}
.org-calendar-page .org-calendar-day__more {
  color: #6b7c92;
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-decoration: none;
}
.org-calendar-page .org-calendar-event {
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 10px;
  padding: 0.55rem 0.6rem;
  border: 1px solid transparent;
  background: #f3f6fa;
  position: relative;
  z-index: 1;
}
.org-calendar-page .org-calendar-event:hover {
  border-color: rgba(19, 34, 56, 0.12);
}
.org-calendar-page .org-calendar-event.is-span-repeat {
  opacity: 0.72;
  filter: saturate(0.88);
}
.org-calendar-page .org-calendar-event.is-span-start::before,
.org-calendar-page .org-calendar-event.is-span-end::after {
  content: "";
  position: absolute;
  top: 0.45rem;
  bottom: 0.45rem;
  width: 3px;
  border-radius: 999px;
  background: rgba(19, 34, 56, 0.16);
}
.org-calendar-page .org-calendar-event.is-span-start::before {
  left: 0;
}
.org-calendar-page .org-calendar-event.is-span-end::after {
  right: 0;
}
.org-calendar-page .org-calendar-event__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
}
.org-calendar-page .org-calendar-event__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.14rem 0.5rem 0.14rem 0;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.org-calendar-page .org-calendar-event__badge--span {
  background: #eef3f8;
  color: #5a6c83;
}
.org-calendar-page .org-calendar-event__badge--duration {
  background: #edf2ff;
  color: #4963ad;
}
.org-calendar-page .org-calendar-event__badge--capacity,
.org-calendar-page .org-calendar-event--capacity {
  background: #e9f2ff;
  color: #205493;
}
.org-calendar-page .org-calendar-event__badge--delivery,
.org-calendar-page .org-calendar-event--delivery {
  background: #e7f6f0;
  color: #0d6b50;
}
.org-calendar-page .org-calendar-event__badge--roadmap,
.org-calendar-page .org-calendar-event--roadmap {
  background: #fff1e6;
  color: #a7501b;
}
.org-calendar-page .org-calendar-event__badge--commercial,
.org-calendar-page .org-calendar-event--commercial {
  background: #f4ecff;
  color: #6340a8;
}
.org-calendar-page .org-calendar-event__badge--operations,
.org-calendar-page .org-calendar-event--operations {
  background: #f0f2f5;
  color: #324152;
}
.org-calendar-page .org-calendar-event__badge--holiday,
.org-calendar-page .org-calendar-event--holiday {
  background: #fff8db;
  color: #8d5b00;
}
.org-calendar-page .org-calendar-event__title {
  font-size: var(--font-size-body);
  font-weight: 700;
  color: #132238;
  line-height: 1.3;
}
.org-calendar-page .org-calendar-event__meta,
.org-calendar-page .org-calendar-event__description {
  font-size: var(--font-size-xs);
  color: #5f7087;
  line-height: 1.35;
}
.org-calendar-page .org-calendar-event--roadmap {
  padding: 0.45rem 0.55rem;
}
.org-calendar-page .org-calendar-event--roadmap .org-calendar-event__title {
  font-size: var(--font-size-sm);
  line-height: 1.25;
}
.org-calendar-page .org-calendar-event--roadmap .org-calendar-event__meta,
.org-calendar-page .org-calendar-event--roadmap .org-calendar-event__description {
  font-size: 0.7rem;
}
.org-calendar-page .org-calendar-empty {
  background: #ffffff;
  border: 1px dashed #c8d6e5;
  border-radius: 14px;
  padding: 1.25rem;
  margin-bottom: 1rem;
  color: #526277;
}
.org-calendar-page .org-calendar-form {
  max-width: 760px;
}
.org-calendar-page .org-calendar-day-modal {
  min-height: 200px;
}
.org-calendar-page .org-calendar-day-modal__toolbar {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.1rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid #e7edf5;
}
.org-calendar-page .org-calendar-day-modal__counts {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.org-calendar-page .org-calendar-day-modal__count {
  display: inline-flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0.45rem 0.75rem;
  border-radius: 999px;
  background: #f4f8fc;
  border: 1px solid #dde7f2;
}
.org-calendar-page .org-calendar-day-modal__count-value {
  color: #132238;
  font-size: var(--font-size-body);
  font-weight: 700;
}
.org-calendar-page .org-calendar-day-modal__count-label {
  color: #66788f;
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.org-calendar-page .org-calendar-day-modal__count--absence {
  background: #eef7f1;
  border-color: #d3eadb;
}
.org-calendar-page .org-calendar-day-modal__actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.org-calendar-page .org-calendar-day-modal__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.org-calendar-page .org-calendar-day-modal__item {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  border: 1px solid #e1e8f0;
  border-radius: 14px;
  padding: 0.95rem 1rem;
  background: linear-gradient(180deg, #fbfdff 0%, #f7faff 100%);
  box-shadow: 0 8px 22px rgba(19, 34, 56, 0.04);
}
.org-calendar-page .org-calendar-day-modal__item-top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}
.org-calendar-page .org-calendar-day-modal__item-tags {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.org-calendar-page .org-calendar-day-modal__team {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.18rem 0.55rem;
  background: #eef3f8;
  color: #56687f;
  font-size: var(--font-size-xs);
  font-weight: 600;
}
.org-calendar-page .org-calendar-day-modal__item-main {
  min-width: 0;
}
.org-calendar-page .org-calendar-day-modal__item-title {
  color: #132238;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.4;
}
.org-calendar-page .org-calendar-day-modal__item-description {
  color: #607086;
  font-size: var(--font-size-sm);
  line-height: 1.5;
  margin-top: 0.2rem;
}
.org-calendar-page .org-calendar-day-modal__item-actions {
  flex-shrink: 0;
}
.org-calendar-page .org-calendar-day-modal__source-link {
  color: #2e4ddd;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.org-calendar-page .org-calendar-day-modal__source-link:hover {
  color: #1f3bc1;
}
.org-calendar-page .org-calendar-day-modal__footer {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e7edf5;
}
.org-calendar-page .org-calendar-day-modal__absence {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #e1e8f0;
  border-radius: 14px;
  background: #fbfcfe;
}
.org-calendar-page .org-calendar-day-modal__absence-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  margin-bottom: 0.75rem;
}
.org-calendar-page .org-calendar-day-modal__absence-title {
  color: #132238;
  font-size: var(--font-size-body);
  font-weight: 700;
}
.org-calendar-page .org-calendar-day-modal__absence-meta {
  color: #66788f;
  font-size: var(--font-size-sm);
  font-weight: 600;
}
.org-calendar-page .org-calendar-day-modal__absence-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.org-calendar-page .org-calendar-day-modal__absence-person {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.26rem 0.65rem;
  background: #eef3f8;
  color: #4f6278;
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-decoration: none;
}
.org-calendar-page .org-calendar-day-modal__absence-person:hover {
  background: #e4ebf4;
  color: #314355;
}
.org-calendar-page .org-calendar-day-modal__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0 0.95rem;
  border-radius: 999px;
  background: rgba(54, 88, 246, 0.1);
  color: #2e4ddd;
  font-size: var(--font-size-body);
  font-weight: 700;
  text-decoration: none;
}
.org-calendar-page .org-calendar-day-modal__add:hover {
  background: rgba(54, 88, 246, 0.18);
  color: #1f3bc1;
}
@media (max-width: 1023px) {
  .org-calendar-page .org-calendar-toolbar {
    align-items: stretch;
  }
  .org-calendar-page .org-calendar-toolbar__secondary {
    width: 100%;
    justify-content: space-between;
  }
  .org-calendar-page .org-calendar-filters__panel {
    left: 0;
    right: auto;
    width: min(100%, 360px);
  }
  .org-calendar-page .org-calendar-summary {
    grid-template-columns: 1fr;
  }
  .org-calendar-page .org-calendar-grid {
    grid-template-columns: 1fr;
  }
  .org-calendar-page .org-calendar-grid__heading {
    display: none;
  }
  .org-calendar-page .org-calendar-timeline__date-link {
    flex-direction: column;
    align-items: flex-start;
  }
  .org-calendar-page .org-calendar-timeline__date-row {
    padding-left: 2.2rem;
  }
  .org-calendar-page .org-calendar-timeline__days::before {
    left: calc(1.1rem + 8px);
  }
  .org-calendar-page .org-calendar-timeline__rail {
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 0.65rem;
  }
  .org-calendar-page .org-calendar-day {
    min-height: 0;
  }
  .org-calendar-page .org-calendar-day__actions {
    opacity: 1;
    pointer-events: auto;
  }
  .org-calendar-page .org-calendar-day__count {
    margin-right: 0;
  }
  .org-calendar-page .org-calendar-day-modal__toolbar,
  .org-calendar-page .org-calendar-day-modal__item-top,
  .org-calendar-page .org-calendar-day-modal__absence-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .org-calendar-page .org-calendar-day-modal__item-actions {
    align-self: flex-start;
  }
}

.pc-wrap {
  display: grid;
  gap: 0.9rem;
  min-width: 0;
}

.pc-wrap turbo-frame,
.portfolio-projects,
.standalone-initiatives {
  min-width: 0;
}

.pc-wrap turbo-frame {
  display: block;
}

.portfolio-table,
.standalone-initiatives {
  background: #fff;
  border: 1px solid #dde6f2;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.portfolio-workspace-header {
  display: grid;
  gap: 0.18rem;
}

.portfolio-workspace-header h1 {
  margin: 0;
  color: #10284f;
  font-size: 1.18rem;
  font-weight: 750;
  line-height: 1.2;
}

.portfolio-workspace-header p {
  margin: 0;
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.45;
}

.portfolio-controls {
  padding: 0;
  min-width: 0;
}

.portfolio-controls__row {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  flex-wrap: wrap;
}

.portfolio-quick-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.55rem;
}

.portfolio-quick-filters__label {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 650;
}

.portfolio-quick-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  min-height: 1.75rem;
  padding: 0.24rem 0.62rem;
  border: 1px solid #d8e2ef;
  border-radius: 999px;
  background: #fff;
  color: #475569;
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.portfolio-quick-filter:hover,
.portfolio-quick-filter:focus-visible {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.portfolio-quick-filter.is-active {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.portfolio-count-badge {
  align-items: center;
  background: #eef2f7;
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 700;
  justify-content: center;
  min-width: 1.35rem;
  padding: 0.12rem 0.42rem;
}

.portfolio-count-badge--attention {
  background: #fef2f2;
  color: #b91c1c;
}

.portfolio-count-badge--risk {
  background: #fff7ed;
  color: #c2410c;
}

.portfolio-segment {
  display: inline-flex;
  overflow: hidden;
  border: 1px solid #d6e0ee;
  border-radius: 8px;
  background: #f8fafc;
  flex: 0 0 auto;
}

.portfolio-segment__item {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  min-height: 2.2rem;
  padding: 0 0.85rem;
  color: #31517c;
  font-size: 0.84rem;
  font-weight: 700;
  border-right: 1px solid #d6e0ee;
}

.portfolio-segment__item:last-child {
  border-right: 0;
}

.portfolio-segment__item.is-active {
  background: #0b4ad8;
  color: #fff;
}

.portfolio-segment__item.is-active .portfolio-count-badge {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.portfolio-filter-group {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.portfolio-filter-group .select select,
.portfolio-search .input {
  border-color: #d8e2ef;
  border-radius: 7px;
  box-shadow: none;
}

.portfolio-search {
  position: relative;
  flex: 1 1 16rem;
  min-width: 14rem;
  margin-left: auto;
}

.portfolio-search i {
  position: absolute;
  left: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  color: #8a98ad;
  z-index: 1;
}

.portfolio-search .input {
  padding-left: 2rem;
  width: 100%;
}

.portfolio-sort {
  flex: 0 0 auto;
}

.portfolio-sort select {
  border-color: #d8e2ef;
  border-radius: 7px;
  box-shadow: none;
}

.portfolio-filters-toggle {
  flex: 0 0 auto;
  gap: 0.2rem;
  border-color: #d8e2ef;
  border-radius: 7px;
  box-shadow: none;
  margin-bottom: 0 !important;
  white-space: nowrap;
}

.portfolio-filters-toggle__count {
  margin-left: 0.1rem;
}

.portfolio-filters-toggle__chevron {
  color: #64748b;
}

.portfolio-active-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.55rem;
  padding: 0.5rem 0;
  border-top: 1px solid #dbe5f1;
}

.portfolio-active-filters__chips {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  min-width: 0;
}

.portfolio-active-filter-chip {
  display: inline-flex;
  align-items: center;
  max-width: 18rem;
  min-height: 1.5rem;
  padding: 0.18rem 0.55rem;
  border: 1px solid #d8e2ef;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 0.74rem;
  line-height: 1;
  white-space: nowrap;
}

.portfolio-active-filter-chip strong {
  color: #263955;
}

.portfolio-active-filters__clear {
  flex: 0 0 auto;
  color: #0b4ad8;
  font-size: 0.78rem;
  font-weight: 700;
}

.portfolio-filter-panel {
  margin-top: 0.65rem;
  padding: 0.7rem;
  border: 1px solid #e5edf8;
  border-radius: 8px;
  background: #f8fafc;
}

.portfolio-filter-panel[hidden],
.portfolio-filter-panel.is-hidden {
  display: none !important;
}

.portfolio-filter-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

.portfolio-filter-panel__head h2 {
  margin: 0;
  color: #10284f;
  font-size: 0.86rem;
  font-weight: 800;
}

.portfolio-filter-panel__controls {
  display: grid;
  grid-template-columns: repeat(5, minmax(8.5rem, 1fr));
  gap: 0.65rem;
  align-items: end;
}

.portfolio-filter-field {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.portfolio-filter-field > span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
}

.portfolio-filter-panel__controls .select,
.portfolio-filter-panel__controls .select select,
.portfolio-filter-panel__controls .portfolio-tag-filter,
.portfolio-filter-panel__controls .portfolio-tag-filter summary {
  width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.portfolio-filter-panel__controls .portfolio-tag-filter summary {
  display: inline-flex;
  align-items: center;
  height: 2.25em;
  min-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

.portfolio-filter-panel__controls .select select {
  border-color: #d8e2ef;
  border-radius: 7px;
  box-shadow: none;
}

.portfolio-tag-filter,
.roadmap-tag-filter {
  position: relative;
}

.portfolio-tag-filter summary,
.roadmap-tag-filter summary {
  min-height: 2.2rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid #d8e2ef;
  border-radius: 7px;
  background: #fff;
  color: #31517c;
  cursor: pointer;
  font-size: 0.84rem;
  font-weight: 700;
  list-style: none;
}

.portfolio-tag-filter summary::-webkit-details-marker,
.roadmap-tag-filter summary::-webkit-details-marker {
  display: none;
}

.portfolio-tag-filter__panel,
.roadmap-tag-filter__panel {
  position: absolute;
  top: calc(100% + 0.4rem);
  left: 0;
  z-index: 30;
  width: 16rem;
  box-sizing: border-box;
  padding: 0.75rem;
  border: 1px solid #d8e2ef;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.14);
}

.portfolio-tag-filter__search {
  box-sizing: border-box;
  width: 100%;
}

.portfolio-tag-filter__options {
  display: grid;
  gap: 0.35rem;
  max-height: 15rem;
  margin-top: 0.5rem;
  overflow: auto;
}

.portfolio-tag-filter__option {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: #334155;
  font-size: 0.82rem;
}

.portfolio-tag-filter__clear {
  display: inline-flex;
  margin-top: 0.55rem;
  font-size: 0.78rem;
}

.work-tag-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.work-tag-row--portfolio {
  margin-top: 0.28rem;
}

.work-tag-pill {
  display: inline-flex;
  align-items: center;
  max-width: 11rem;
  min-height: 1.25rem;
  padding: 0.16rem 0.45rem;
  border: 1px solid #d8e2ef;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.work-tag-pill--inherited {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.work-tag-pill--more {
  color: #64748b;
}

.portfolio-overview {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.portfolio-table {
  display: grid;
  gap: 0.7rem;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.portfolio-table__head,
.standalone-table__head,
.portfolio-meta-label {
  color: #65758e;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.portfolio-project-row {
  overflow: visible;
  border: 1px solid #dde6f2;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.portfolio-project-row:hover {
  border-color: #cfdbea;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
}

.portfolio-project-row.is-open,
.portfolio-project-row[aria-expanded=true] {
  border-color: #cbd8ea;
}

.portfolio-project-row__main {
  display: grid;
  grid-template-columns: 2.2rem minmax(12rem, 1.15fr) minmax(0, 3.85fr) 2.2rem;
  align-items: center;
  gap: 0.95rem;
  min-height: 5.1rem;
  padding: 1rem 1.1rem;
}

.portfolio-row-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #31517c;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.portfolio-row-toggle:hover {
  background: #f2f6fb;
  color: #0b4ab7;
}

.portfolio-project-row[aria-expanded=true] .portfolio-row-toggle i {
  transform: rotate(90deg);
}

.portfolio-project-cell,
.portfolio-project-actions,
.standalone-table__row > * {
  min-width: 0;
  color: #5b6980;
  font-size: 0.82rem;
  font-weight: 500;
}

.portfolio-project-cell {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.portfolio-project-summary {
  align-items: flex-start;
  flex-direction: column;
  gap: 0.38rem;
}

.portfolio-project-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0.55rem 0;
  min-width: 0;
}

.portfolio-meta-group {
  display: grid;
  flex: 1 1 7.5rem;
  align-content: start;
  gap: 0.28rem;
  min-width: 7rem;
  max-width: 12rem;
  padding: 0.05rem 0.85rem;
  border-left: 1px solid rgba(226, 232, 240, 0.68);
  color: #5b6980;
}

.portfolio-meta-group--compact {
  flex-basis: 5.75rem;
  min-width: 5.5rem;
  max-width: 9rem;
}

.portfolio-meta-label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.75rem;
  color: #526174;
}

.portfolio-meta-label i {
  color: #94a0b2;
  font-size: 0.82rem;
}

.portfolio-meta-value {
  min-width: 0;
  color: #536179;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
}

.portfolio-meta-group:last-child .portfolio-meta-value {
  max-width: 8.5rem;
}

.portfolio-project-cell__pills {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.pc-type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.16rem 0.38rem;
  border: 1px solid rgba(2, 132, 199, 0.18);
  border-radius: 6px;
  background: rgba(2, 132, 199, 0.045);
  color: #075985;
  font-size: 0.6rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.portfolio-project-row .status-pill,
.portfolio-linked-list .portfolio-confidence {
  box-shadow: none;
}

.portfolio-project-row .status-pill {
  padding: 5px 8px;
  border-color: color-mix(in srgb, var(--st-border) 72%, white);
  font-size: 9.5px;
  font-weight: 600;
}

.portfolio-project-title {
  display: inline-flex;
  color: #0b4ab7;
  font-weight: 800;
  line-height: 1.32;
}

.portfolio-project-title:hover,
.portfolio-linked-item a:hover {
  color: #083a91;
}

.portfolio-project-cell small,
.portfolio-meta-group small {
  color: #728198;
  font-weight: 500;
  line-height: 1.35;
}

.portfolio-meta-icon {
  color: #94a0b2;
  margin-right: 0.25rem;
}

.portfolio-confidence {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.55rem;
  padding: 0.18rem 0.55rem;
  border-radius: 7px;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
}

.portfolio-project-row__main .portfolio-confidence {
  min-height: 1.45rem;
  padding: 0.15rem 0.5rem;
  font-size: 0.66rem;
}

.portfolio-confidence.is-strong {
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
}

.portfolio-confidence.is-watch {
  color: #a16207;
  background: #fffbeb;
  border: 1px solid #fde68a;
}

.portfolio-confidence.is-risk {
  color: #be123c;
  background: #fff1f2;
  border: 1px solid #fecdd3;
}

.portfolio-risk-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 999px;
  background: #f4f7fb;
  color: #526174;
  border: 1px solid #e3eaf4;
  font-weight: 800;
}

.portfolio-risk-count.has-risks {
  color: #be123c;
  background: #fff1f2;
  border-color: #fecdd3;
}

.portfolio-project-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
}

.portfolio-row-menu {
  position: relative;
}

.portfolio-row-menu summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
  color: #31517c;
  cursor: pointer;
  list-style: none;
  border: 1px solid #dce5f1;
  background: #fff;
  box-shadow: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.portfolio-row-menu summary:hover,
.portfolio-row-menu[open] summary {
  background: #f6f9fc;
  border-color: #cdd8e8;
  color: #31517c;
}

.portfolio-row-menu summary::-webkit-details-marker {
  display: none;
}

.portfolio-row-menu__dropdown {
  position: absolute;
  top: calc(100% + 0.35rem);
  right: 0;
  z-index: 20;
  display: grid;
  min-width: 10rem;
  padding: 0.35rem;
  border: 1px solid #dce5f1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16);
}

.portfolio-row-menu__dropdown a {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  align-items: center;
  gap: 0.45rem;
  padding: 0.48rem 0.58rem;
  border-radius: 7px;
  color: #26384f;
  font-size: 0.82rem;
  font-weight: 650;
}

.portfolio-row-menu__dropdown a i {
  color: #8a98ad;
  font-size: 0.78rem;
  text-align: center;
}

.portfolio-row-menu__dropdown a:hover {
  background: #f2f6fb;
}

.portfolio-project-row__details {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(16rem, 0.95fr);
  gap: 1.5rem;
  margin: 0 1.1rem 1rem 4.25rem;
  padding: 1.15rem 1.2rem 1.25rem;
  border: 1px solid #d9e4f0;
  border-radius: 10px;
  background: #fbfdff;
}

.pc-row3[hidden] {
  display: none;
}

.portfolio-linked-panel,
.portfolio-signals-panel {
  min-width: 0;
}

.portfolio-panel-heading h3,
.portfolio-signals-panel h3,
.standalone-initiatives h2 {
  margin: 0;
  color: #10284f;
  font-size: 0.9rem;
  font-weight: 750;
}

.portfolio-linked-list {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.85rem;
}

.portfolio-linked-item {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  min-height: 3.25rem;
  padding: 0.65rem 0.7rem;
  border: 1px solid rgba(226, 232, 240, 0.82);
  border-radius: 8px;
  background: #fff;
  color: #5b6980;
  font-size: 0.82rem;
  font-weight: 500;
}

.portfolio-linked-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 1px solid #c7d2fe;
  background: #eef2ff;
  color: #3730a3;
}

.portfolio-linked-item__main {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.portfolio-linked-item a {
  color: #26384f;
  font-weight: 800;
  line-height: 1.3;
}

.portfolio-linked-item small {
  color: #728198;
  font-size: 0.76rem;
  line-height: 1.35;
}

.portfolio-view-all {
  display: inline-flex;
  margin-top: 1.15rem;
  color: #0b4ab7;
  font-size: 0.82rem;
  font-weight: 800;
}

.portfolio-signals-panel {
  display: flex;
  flex-direction: column;
  align-content: start;
  gap: 0.7rem;
}

.portfolio-signal-row {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  min-height: 3.15rem;
  padding: 0.6rem 0.7rem;
  border: 1px solid rgba(226, 232, 240, 0.82);
  border-radius: 8px;
  background: #fff;
  color: #26384f;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

a.portfolio-signal-row:hover {
  border-color: #d4deeb;
  background: #fdfefe;
}

.portfolio-signal-disclosure {
  display: block;
  margin: 0;
}

.portfolio-signal-disclosure summary {
  cursor: pointer;
  list-style: none;
  margin: 0;
}

.portfolio-signal-disclosure summary::-webkit-details-marker {
  display: none;
}

.portfolio-signal-disclosure[open] .portfolio-signal-row > .fa-chevron-right {
  transform: rotate(90deg);
}

.portfolio-inline-signal-card {
  margin: 0.45rem 0 0 0.55rem;
  padding: 0.72rem 0.85rem;
  border: 1px solid #e1e9f4;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.035);
}

.portfolio-inline-signal-card__title {
  display: inline-flex;
  color: #0b4ab7;
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.3;
}

.portfolio-inline-signal-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.4rem;
  color: #728198;
  font-size: 0.72rem;
  font-weight: 700;
}

.portfolio-inline-signal-card__meta span:not(:last-child)::after {
  content: "·";
  margin-left: 0.45rem;
  color: #a8b3c4;
}

.portfolio-inline-signal-card p {
  margin: 0.55rem 0 0;
  color: #5b6980;
  font-size: 0.78rem;
  line-height: 1.45;
}

.portfolio-signal-row strong,
.portfolio-signal-row small {
  display: block;
}

.portfolio-signal-row strong {
  font-size: 0.82rem;
}

.portfolio-signal-row small {
  color: #728198;
  font-size: 0.75rem;
  line-height: 1.35;
}

.portfolio-signal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
}

.portfolio-signal-icon.is-risk {
  color: #dc2626;
  background: #fff1f2;
}

.portfolio-signal-icon.is-decision {
  color: #2563eb;
  background: #eff6ff;
}

.portfolio-signal-icon.is-confidence {
  color: #d97706;
  background: #fffbeb;
}

.portfolio-signal-icon.is-update {
  color: #4f46e5;
  background: #eef2ff;
}

.portfolio-latest-update {
  display: grid;
  gap: 0.7rem;
  padding: 0.85rem 0.9rem;
  border: 1px solid #dfe7ff;
  border-radius: 9px;
  background: linear-gradient(180deg, #fbfcff 0%, #f7f9ff 100%);
  color: #26384f;
}

.portfolio-latest-update__header {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  align-items: center;
  gap: 0.8rem;
}

.portfolio-latest-update__header strong,
.portfolio-latest-update__header small {
  display: block;
}

.portfolio-latest-update__header strong {
  font-size: 0.82rem;
}

.portfolio-latest-update__header small {
  color: #728198;
  font-size: 0.75rem;
  line-height: 1.35;
}

.portfolio-latest-update blockquote {
  margin: 0;
  padding: 0.75rem 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #4b5870;
  font-size: 0.78rem;
  line-height: 1.45;
}

.portfolio-latest-update blockquote::before,
.portfolio-latest-update blockquote::after {
  color: #a8b3c4;
  font-size: 1rem;
  font-weight: 800;
}

.portfolio-latest-update blockquote::before {
  content: "“ ";
}

.portfolio-latest-update blockquote::after {
  content: " ”";
}

.portfolio-view-all--updates {
  margin-top: 0;
}

.standalone-initiatives {
  padding: 1rem 1.15rem;
}

.standalone-initiatives__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.standalone-initiatives__header p {
  margin: 0.25rem 0 0;
  color: #65758e;
  font-size: 0.84rem;
}

.standalone-table {
  display: grid;
  overflow-x: auto;
}

.standalone-table__head,
.standalone-table__row {
  display: grid;
  grid-template-columns: minmax(14rem, 1.4fr) minmax(7rem, 0.7fr) minmax(11rem, 1fr) minmax(7rem, 0.65fr) minmax(10rem, 1fr) minmax(8rem, 0.7fr) 2rem;
  align-items: center;
  gap: 0.8rem;
  min-width: 68rem;
}

.standalone-table__head {
  padding-bottom: 0.45rem;
}

.standalone-table__row {
  min-height: 3.5rem;
  border-top: 1px solid #e6edf6;
}

.portfolio-empty {
  padding: 2rem;
  color: #65758e;
  text-align: center;
}

.portfolio-empty__title {
  margin: 0 0 0.25rem;
  color: #10284f;
  font-weight: 800;
}

.portfolio-empty--compact {
  padding: 1rem 0;
  text-align: left;
}

.u-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .portfolio-controls__row {
    align-items: flex-start;
    flex-direction: column;
  }
  .portfolio-search {
    width: 100%;
    margin-left: 0;
  }
  .portfolio-filter-panel__controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .portfolio-project-row__main {
    grid-template-columns: 2.2rem minmax(12rem, 0.9fr) minmax(0, 1.6fr) 2.2rem;
    align-items: flex-start;
  }
  .portfolio-project-meta {
    justify-content: flex-start;
  }
  .portfolio-meta-group {
    flex: 1 1 8.5rem;
    max-width: none;
    border-left: 1px solid #e6edf6;
  }
  .portfolio-project-row__details {
    grid-template-columns: 1fr;
    margin-left: 4.25rem;
  }
}
@media (max-width: 760px) {
  .portfolio-segment,
  .portfolio-segment__item,
  .portfolio-sort,
  .portfolio-sort select,
  .portfolio-filters-toggle {
    width: 100%;
  }
  .portfolio-segment {
    display: grid;
    grid-template-columns: 1fr;
  }
  .portfolio-segment__item {
    justify-content: space-between;
    border-right: 0;
    border-bottom: 1px solid #d6e0ee;
  }
  .portfolio-segment__item:last-child {
    border-bottom: 0;
  }
  .portfolio-search {
    min-width: 0;
  }
  .portfolio-filter-panel__controls {
    grid-template-columns: 1fr;
  }
  .portfolio-project-row__main {
    grid-template-columns: 2.2rem minmax(0, 1fr) 2.2rem;
  }
  .portfolio-project-meta {
    grid-column: 2/4;
  }
  .portfolio-meta-group {
    flex-basis: 9rem;
    padding-left: 0.7rem;
  }
  .portfolio-project-row__details {
    margin: 0 0.75rem 0.75rem;
    padding: 0.9rem;
  }
  .portfolio-linked-item {
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }
  .portfolio-linked-item .portfolio-confidence {
    grid-column: 2;
    justify-self: start;
  }
}
.costs-summary-ribbon {
  border-radius: 8px;
  padding: 2.5em 1em;
  background-color: white !important;
}

.costs-summary-ribbon .level-item {
  /* Add any additional spacing or alignment tweaks here if needed */
}

.costs-ranked-bar-track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}

.costs-ranked-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: #3273dc;
}

.costs-ranked-bar-fill--calm {
  background: #23d160;
}

.costs-ranked-bar-fill--neutral {
  background: #7a7f8c;
}

.costs-kpi-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.costs-forecast-kpi-card {
  height: 100%;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04);
}

.costs-forecast-kpi-card__content {
  min-height: 7.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.costs-forecast-kpi-card__icon,
.costs-forecast-summary-card__icon,
.costs-forecast-quality-panel__intro-icon {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 1.25rem;
}

.costs-forecast-kpi-card__icon--actuals,
.costs-forecast-summary-card__icon--actuals {
  color: #0f766e;
  background: #dff7f1;
}

.costs-forecast-kpi-card__icon--forecast {
  color: #2563eb;
  background: #e7efff;
}

.costs-forecast-kpi-card__icon--outlook,
.costs-forecast-summary-card__icon--baseline {
  color: #6d5bd0;
  background: #eeeaff;
}

.costs-forecast-kpi-card__icon--baseline {
  color: #e11d48;
  background: #ffe7ec;
}

.costs-forecast-kpi-card__copy {
  min-width: 0;
}

.costs-forecast-kpi-card__label {
  margin-bottom: 0.35rem;
  color: #5f6f86;
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.costs-forecast-kpi-card__value {
  margin-bottom: 0.25rem;
  color: #1f2937;
  font-size: 1.55rem;
  line-height: 1.1;
  font-weight: 800;
}

.costs-forecast-kpi-card__value--empty {
  color: #7a8798;
  font-size: 1.15rem;
}

.costs-forecast-kpi-card__meta {
  margin-bottom: 0;
  color: #6b7a90;
  font-size: var(--font-size-sm);
  line-height: 1.35;
}

.costs-forecast-panel {
  padding-top: 0.25rem;
}

.costs-forecast-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.costs-controls {
  gap: 0.75rem;
}

.costs-scope-toggle {
  margin-bottom: 0 !important;
}

.costs-tier1-tile {
  width: 100%;
  border: 1px solid #e8ebf1;
  border-radius: 10px;
  background: #fff;
  text-align: left;
  padding: 1rem 1rem 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  cursor: pointer;
  position: relative;
  overflow: visible;
  transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.costs-tier1-tile:hover {
  border-color: #cfd6e2;
  box-shadow: 0 3px 10px rgba(17, 24, 39, 0.07);
}

.costs-tier1-tile.is-active {
  border-color: #3273dc;
  background: #f7faff;
}

.costs-tier1-tile__corner-chevron {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 999px;
  background: #f2f5fb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.costs-tier1-tile__corner-chevron::before {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  border-right: 2px solid #6b7280;
  border-bottom: 2px solid #6b7280;
  transform: rotate(-135deg) translateX(-1px);
  transform-origin: center;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.costs-tier1-tile.is-active .costs-tier1-tile__corner-chevron {
  background: #e8f0ff;
}

.costs-tier1-tile.is-active .costs-tier1-tile__corner-chevron::before {
  border-color: #2f5ec4;
  transform: rotate(45deg) translateY(-1px);
}

.costs-tier1-tile__label {
  color: #65748b;
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}

.costs-tier1-tile__label-row {
  margin: 0 0 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding-right: 1.45rem;
}

.costs-tier1-tile__icon {
  width: 1rem;
  min-width: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6e7d96;
  font-size: var(--font-size-sm);
}

.costs-tier1-tile.is-active .costs-tier1-tile__icon {
  color: #355fbe;
}

.costs-tier1-tile__value {
  color: #1f2937;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.15;
}

.costs-tier1-tile__subtitle {
  color: #6b7280;
  font-size: var(--font-size-sm);
  margin-top: 0.1rem;
}

.costs-tier1-tile__details {
  color: #4b5563;
  font-size: var(--font-size-xs);
  font-weight: 600;
  margin-top: 0.45rem;
}

.costs-tier1-tile__connector {
  position: absolute;
  left: 50%;
  bottom: -18px;
  width: 2px;
  height: 0;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(180deg, #86a8f7 0%, #d5e2fa 100%);
  opacity: 0;
  transition: height 0.16s ease, opacity 0.16s ease;
}

.costs-tier1-tile.is-active .costs-tier1-tile__connector {
  height: 18px;
  opacity: 1;
}

.costs-tier1-substats {
  border: 1px solid #e8ebf1;
  background: #f8fafc;
  margin-top: 0.4rem;
  position: relative;
}

.costs-tier1-substats::before {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 0;
  height: 1px;
  background: #e4ebf5;
}

.costs-tier1-substats .heading {
  font-size: 0.68rem;
  color: #6b7280;
  letter-spacing: 0.02em;
}

.costs-tier1-substats__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.85rem;
}

.costs-tier1-substats__header-icon {
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eaf1ff;
  color: #355fbe;
  font-size: var(--font-size-xs);
}

.costs-tier1-substats__header-title {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 700;
  color: #334155;
}

.costs-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.costs-stat-chip {
  font-size: var(--font-size-xs);
}

.costs-accuracy-kpi-grid .heading {
  font-size: 0.66rem;
  letter-spacing: 0.02em;
  color: #6b7280;
}

.costs-accuracy-kpi-grid .title {
  line-height: 1.2;
}

.costs-accuracy-table th,
.costs-accuracy-table td {
  vertical-align: middle;
}

.costs-window-controls {
  gap: 0.75rem;
  flex-wrap: wrap;
}

.costs-summary-strip .card {
  height: 100%;
}

.costs-tabs-shell {
  --platforms-tab-content-bg: transparent;
  margin-top: 0.1rem;
}

.costs-tabs-content {
  border-color: transparent;
  background: transparent;
  padding: 1rem 0 0;
}

.costs-tabs-content .box {
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.035);
}

.costs-chart-canvas {
  width: 100%;
  min-height: 0;
  max-height: 420px;
  display: block;
}

.costs-chart-canvas--main {
  min-height: 360px;
  max-height: 540px;
}

.costs-inline-flash-stack {
  margin-bottom: 1rem;
}

.costs-inline-flash {
  margin-bottom: 0.75rem !important;
}

.costs-inline-flash:last-child {
  margin-bottom: 0 !important;
}

.costs-team-summary-card,
.costs-driver-summary-card,
.costs-team-trend-card {
  height: 100%;
}

.costs-team-sparkline {
  margin: 0.7rem 0 0.35rem;
}

.costs-team-sparkline svg {
  display: block;
  width: 100%;
  height: auto;
}

.costs-team-sparkline__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: var(--font-size-xs);
  color: #718096;
  margin-bottom: 0.45rem;
}

.costs-team-table th,
.costs-team-table td {
  vertical-align: middle;
}

.costs-window-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}

.costs-options-menu {
  position: relative;
}

.costs-options-menu > summary {
  list-style: none;
}

.costs-options-menu > summary::-webkit-details-marker {
  display: none;
}

.costs-options-menu__panel {
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 0;
  width: 19rem;
  max-width: min(92vw, 19rem);
  background: #ffffff;
  border: 1px solid #e3e8f2;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14);
  padding: 0.8rem;
  z-index: 20;
}

.costs-options-menu__overlay-box {
  border: 1px solid #e5e9f2;
  border-radius: 8px;
  background: #f8fafc;
  padding: 0.65rem;
}

.costs-options-menu__overlay-title {
  font-size: var(--font-size-xs);
  font-weight: 700;
  color: #475569;
  margin-bottom: 0.45rem;
}

.costs-options-menu__overlay-form {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  max-height: 12.5rem;
  overflow-y: auto;
  padding-right: 0.1rem;
}

.costs-options-menu__overlay-item {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: var(--font-size-sm);
  color: #334155;
}

.costs-options-menu__overlay-item input[type=checkbox] {
  margin: 0;
}

.costs-actuals-window-controls {
  gap: 0.75rem;
}

.costs-actuals-grid {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.costs-actuals-grid__header,
.costs-actuals-grid__row {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) minmax(9rem, 0.9fr) minmax(10rem, 1fr) minmax(9rem, 0.9fr) minmax(10rem, 1.2fr);
  gap: 0.75rem;
  align-items: center;
}

.costs-actuals-grid__header {
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #64748b;
  padding: 0 0.15rem;
}

.costs-actuals-grid__row {
  border: 1px solid #e5e9f2;
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
  background: #fdfefe;
}

.costs-actuals-grid__month {
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  color: #344256;
}

.costs-actuals-grid__bar-cell {
  display: flex;
  align-items: center;
}

.costs-actuals-grid__forecast,
.costs-actuals-grid__variance {
  color: #344256;
  font-weight: 600;
}

.costs-forecast-quality-panel {
  display: grid;
  grid-template-columns: minmax(14rem, 1.2fr) repeat(auto-fit, minmax(13rem, 1fr));
  border: 1px solid #e5e9f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.025);
}

.costs-forecast-quality-panel__intro,
.costs-forecast-quality-panel__item {
  padding: 0.9rem 1rem;
}

.costs-forecast-quality-panel__intro {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.costs-forecast-quality-panel__intro-icon {
  width: 2.35rem;
  height: 2.35rem;
  color: #2f5ec4;
  background: #eef4ff;
  font-size: 1rem;
}

.costs-forecast-quality-panel__item {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  border-left: 1px solid #e5e9f2;
  color: #344256;
  font-size: var(--font-size-sm);
}

.costs-forecast-quality-panel__dot {
  width: 0.55rem;
  height: 0.55rem;
  margin-top: 0.35rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);
}

.costs-forecast-quality-panel__item-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.costs-forecast-quality-panel__cta {
  width: fit-content;
  height: auto;
  color: #3273dc !important;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-decoration: none;
}

.costs-actuals-attention-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid #f4d78a;
  border-left: 4px solid #f59e0b;
  border-radius: 8px;
  background: #fffaf0;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.025);
}

.costs-actuals-attention-panel__copy {
  color: #4a5870;
}

.costs-actuals-attention-panel__title {
  margin-bottom: 0.2rem;
  color: #263247;
  font-weight: 800;
}

.costs-actuals-summary-cards {
  margin-top: 0 !important;
}

.costs-actuals-summary-card {
  height: 100%;
  border: 1px solid #e6ebf3;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.03);
}

.costs-actuals-summary-card .card-content {
  min-height: 7.4rem;
}

.costs-actuals-by-month-table tbody + tbody {
  border-top: 0.75rem solid transparent;
}

.costs-actuals-table-group__header td {
  padding: 0.55rem 0.75rem !important;
  background: #f6f8fb;
  color: #435268;
  font-size: var(--font-size-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.costs-status-pill {
  border: 1px solid transparent;
  font-weight: 700;
}

.costs-status-pill--missing {
  color: #9a5a00;
  background: #fff6df;
  border-color: #f5d58a;
}

.costs-status-pill--entered {
  color: #0f766e;
  background: #e7f8f3;
  border-color: #bfeadd;
}

.costs-status-pill--open {
  color: #526174;
  background: #f2f5f9;
  border-color: #dce4ef;
}

.costs-accuracy-chart {
  max-height: 280px;
}

.costs-actuals-grid__trend-track {
  width: 100%;
  height: 10px;
}

.costs-actuals-grid__trend-fill {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 4px;
  transition: width 0.18s ease;
}

.costs-actuals-grid__row-error .message-body {
  font-size: var(--font-size-sm);
  padding: 0.55rem 0.75rem;
}

.costs-chart-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.costs-main-chart-card {
  padding: 1.15rem 1.2rem 1.25rem;
  border: 1px solid #e5e9f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.04);
}

.costs-main-chart-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1rem;
}

.costs-main-chart-card__copy {
  min-width: 0;
  max-width: 44rem;
}

.costs-main-chart-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  flex-wrap: wrap;
  flex: 0 0 auto;
}

.costs-chart-toolbar__action {
  flex: 0 0 auto;
}

.costs-chart-toolbar__controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.costs-chart-context {
  min-width: 0;
  flex: 1 1 auto;
  margin-bottom: 1rem;
}

.costs-window-nav {
  margin-bottom: 0 !important;
}

.costs-window-nav__summary {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: #5b6b83;
  white-space: nowrap;
}

.costs-compare-panel {
  width: 100%;
  border: 1px solid #e5e9f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(17, 24, 39, 0.025);
  order: 2;
}

.costs-chart-context__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.costs-compare-panel__summary-main {
  min-width: 0;
}

.costs-chart-context__chip,
.costs-compare-panel__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid #dbe4f3;
  border-radius: 999px;
  background: #f8fbff;
  color: #435268;
  font-size: var(--font-size-sm);
  padding: 0.45rem 0.7rem;
}

.costs-forecast-summary-cards {
  margin-top: 0 !important;
  order: 3;
}

.costs-forecast-summary-card {
  height: 100%;
  border: 1px solid #e6ebf3;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.035);
}

.costs-forecast-summary-card .card-content {
  min-height: 11rem;
}

.costs-forecast-summary-card__header {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
}

.costs-forecast-summary-card__icon {
  width: 2.7rem;
  height: 2.7rem;
  font-size: 1rem;
}

.costs-forecast-summary-card__icon--accuracy {
  color: #64748b;
  background: #f1f5f9;
}

.costs-forecast-summary-card__rows {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.costs-forecast-summary-card__rows div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #4a5870;
}

.costs-forecast-summary-card__rows strong {
  color: #273449;
}

.costs-forecast-summary-card__accuracy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 0.6rem;
}

.costs-forecast-summary-card__metric {
  margin-bottom: 0;
  color: #273449;
  font-size: 1.65rem;
  line-height: 1.1;
  font-weight: 800;
}

.costs-forecast-summary-card__sparkline {
  max-height: 5.5rem;
}

.costs-team-unassigned-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid #e3e8f1;
  border-left: 4px solid #9aa7b8;
  border-radius: 8px;
  background: #f8fafc;
}

.costs-forecast-summary-card__trend {
  color: #526174;
  background: #f3f6fa;
}

.costs-forecast-summary-card__trend--worse {
  color: #e11d48;
  background: #fff1f3;
}

.costs-chart-context__chip strong,
.costs-compare-panel__pill strong {
  color: #223146;
  font-weight: 700;
}

.costs-chart-context__chip--scenario {
  border-color: #fed7aa;
  background: #fff7ed;
}

.costs-chart-context__chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 999px;
  color: #5f6f86;
  text-decoration: none;
}

.costs-chart-context__chip-remove:hover {
  background: rgba(15, 23, 42, 0.06);
  color: #1f2d3d;
}

.costs-compare-panel__toggle {
  display: block;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  list-style: none;
  border: 0;
  border-radius: 8px;
  background: #fff;
  padding: 1rem 1.05rem;
  white-space: normal;
  text-align: left;
}

.costs-compare-panel__toggle::-webkit-details-marker {
  display: none;
}

.costs-compare-panel__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  width: 100%;
}

.costs-compare-panel__title-group {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.costs-compare-panel__title {
  color: #243044;
  font-weight: 800;
}

.costs-compare-panel__subtext,
.costs-compare-panel__collapsed-summary {
  color: #6b7a90;
  font-size: var(--font-size-sm);
}

.costs-compare-panel__collapsed-summary {
  color: #435268;
  font-weight: 600;
}

.costs-compare-panel__summary-side {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex: 0 0 auto;
}

.costs-compare-panel__change {
  color: #3273dc;
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.costs-compare-panel__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  color: #2848d8;
  background: #edf3ff;
  transition: transform 0.18s ease;
}

.costs-compare-panel[open] .costs-compare-panel__chevron {
  transform: rotate(180deg);
}

.costs-compare-panel__body {
  margin-top: 0;
  padding: 0.9rem 1rem 1rem;
  border-top: 1px solid #eef3fb;
}

.costs-compare-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.costs-compare-grid__main,
.costs-compare-grid__side {
  min-width: 0;
}

.costs-compare-card {
  height: 100%;
  min-width: 0;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  box-shadow: none;
}

.costs-compare-card--compact {
  padding: 1rem;
  background: #fff;
}

.costs-compare-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.9rem;
  margin-bottom: 0.85rem;
}

.costs-compare-card__section + .costs-compare-card__section {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #eef2f7;
}

.costs-compare-heading {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.costs-compare-heading__actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.costs-info-link {
  color: var(--bulma-link-text, #3273dc);
  font-size: var(--font-size-body);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 0.18rem;
  text-decoration-thickness: 1.5px;
  cursor: pointer;
  transition: color 0.15s ease;
}

.costs-info-link:hover,
.costs-info-link:focus-visible {
  color: var(--bulma-link-hover, #2f69d9);
}

.costs-compare-card__section--nested {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #eef2f7;
}

.costs-compare-card__section--nested summary {
  cursor: pointer;
  list-style: none;
}

.costs-compare-card__section--nested summary::-webkit-details-marker {
  display: none;
}

.costs-compare-tag--help {
  cursor: help;
}

.costs-compare-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.costs-compare-option-form {
  margin: 0;
  width: 100%;
  min-width: 0;
}

.costs-compare-option {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid #e7edf6;
  border-radius: 8px;
  background: #fff;
  color: #263247;
  text-align: left;
}

.costs-compare-option--button {
  cursor: pointer;
}

.costs-compare-option--button:hover,
.costs-compare-option--button:focus-visible {
  border-color: #bfd1f6;
  background: #f8fbff;
}

.costs-compare-option--active {
  border-color: #9fbbff;
  background: #f7faff;
}

.costs-compare-option__check {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.05rem;
  border: 1px solid #d4dfef;
  border-radius: 999px;
  color: #3273dc;
  background: #fff;
  font-size: 0.72rem;
}

.costs-compare-option--active .costs-compare-option__check {
  border-color: #3273dc;
  background: #edf3ff;
}

.costs-compare-option__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

.costs-compare-option__body > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.costs-compare-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.9rem;
  padding: 0.8rem 0;
  border: 0;
  border-top: 1px solid #eef2f7;
  border-radius: 0;
  background: transparent;
}

.costs-compare-list .costs-compare-row:first-child {
  border-top: 0;
  padding-top: 0;
}

.costs-compare-row--active {
  border-color: #d7e5ff;
  background: #f8fbff;
  border: 1px solid #dbe8ff;
  border-radius: 8px;
  padding: 0.8rem;
}

.costs-compare-row__body {
  min-width: 0;
  flex: 1 1 auto;
}

.costs-compare-row__actions {
  flex: 0 0 auto;
  justify-content: flex-end;
}

.costs-snapshot-modal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.costs-snapshot-modal__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
}

.costs-snapshot-modal__summary {
  min-width: 12rem;
  padding: 0.9rem 1rem;
  border: 1px solid #dbe6fb;
  border-radius: 8px;
  background: #f8fbff;
  text-align: right;
}

.costs-snapshot-modal__summary-label {
  display: block;
  color: #6b7a90;
  font-size: var(--font-size-sm);
  margin-bottom: 0.25rem;
}

.costs-snapshot-modal__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

.costs-snapshot-modal__facts div {
  padding: 0.75rem 0.85rem;
  border: 1px solid #e6edf8;
  border-radius: 8px;
  background: #fbfcff;
}

.costs-snapshot-modal__facts span {
  display: block;
  color: #6b7a90;
  font-size: var(--font-size-xs);
  margin-bottom: 0.25rem;
}

.costs-snapshot-modal__facts strong {
  color: #253247;
}

.costs-snapshot-preview {
  border: 1px solid #e6edf8;
  border-radius: 8px;
  background: #ffffff;
  padding: 0.85rem;
}

.costs-snapshot-preview__body {
  padding: 0;
}

.costs-snapshot-preview__meta,
.costs-snapshot-preview__axis {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: var(--font-size-xs);
  color: #65748a;
}

.costs-snapshot-preview__meta {
  margin-bottom: 0.5rem;
}

.costs-snapshot-preview__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-bottom: 0.45rem;
  font-size: var(--font-size-xs);
  color: #5f6f86;
}

.costs-snapshot-preview__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.costs-snapshot-preview__legend-swatch {
  width: 1.5rem;
  height: 0.2rem;
  border-radius: 999px;
  background: #cbd5e1;
}

.costs-snapshot-preview__legend-swatch--actual {
  background: #0f766e;
}

.costs-snapshot-preview__legend-swatch--forecast {
  background: #3273dc;
}

.costs-snapshot-preview__chart {
  display: block;
  width: 100%;
  height: auto;
}

.costs-snapshot-preview__axis {
  margin-top: 0.35rem;
}

.costs-snapshot-modal__actions {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0.75rem;
}

.costs-snapshot-modal__actions .button {
  min-height: 2.75rem;
  padding-inline: 1.15rem;
}

@media (max-width: 768px) {
  .costs-tier1-tile__connector {
    display: none;
  }
  .costs-tier1-substats {
    margin-top: 0.7rem;
  }
  .costs-window-controls {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .costs-main-chart-card__header {
    flex-direction: column;
  }
  .costs-main-chart-card__actions {
    width: 100%;
    justify-content: flex-start;
  }
  .costs-actuals-attention-panel {
    flex-direction: column;
    align-items: flex-start;
  }
  .costs-team-unassigned-callout {
    flex-direction: column;
    align-items: flex-start;
  }
  .costs-forecast-kpi-card__content {
    min-height: 0;
  }
  .costs-window-actions {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .costs-chart-canvas {
    max-height: 340px;
  }
  .costs-chart-canvas--main {
    max-height: 380px;
  }
  .costs-chart-context__chips,
  .costs-compare-panel__summary-main {
    align-items: flex-start;
  }
  .costs-chart-toolbar {
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .costs-chart-toolbar__action {
    width: 100%;
  }
  .costs-chart-toolbar__controls {
    width: 100%;
    justify-content: stretch;
  }
  .costs-window-nav {
    width: 100%;
  }
  .costs-window-nav .button,
  .costs-chart-toolbar__action .button {
    width: 100%;
  }
  .costs-window-nav__summary {
    width: 100%;
    white-space: normal;
  }
  .costs-compare-heading__actions {
    justify-content: flex-start;
    width: 100%;
  }
  .costs-compare-panel__summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .costs-compare-panel__summary-side {
    width: 100%;
    justify-content: space-between;
  }
  .costs-options-menu {
    width: 100%;
  }
  .costs-options-menu > summary {
    width: 100%;
  }
  .costs-options-menu__panel {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: 0.45rem;
    box-shadow: none;
  }
  .costs-actuals-window-controls {
    flex-direction: column;
    align-items: stretch !important;
  }
  .costs-actuals-window-controls .button {
    width: 100%;
  }
  .costs-snapshot-modal__header {
    grid-template-columns: minmax(0, 1fr);
  }
  .costs-snapshot-modal__summary {
    min-width: 0;
    text-align: left;
  }
  .costs-snapshot-modal__actions {
    flex-direction: column-reverse;
  }
  .costs-snapshot-modal__actions .button {
    width: 100%;
  }
  .costs-actuals-grid__header {
    display: none;
  }
  .costs-actuals-grid__row {
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }
  .costs-actuals-grid__bar-cell {
    justify-content: flex-start;
  }
  .costs-forecast-quality-panel {
    grid-template-columns: 1fr;
  }
  .costs-forecast-quality-panel__item {
    border-left: 0;
    border-top: 1px solid #e5e9f2;
  }
  .costs-compare-grid {
    grid-template-columns: 1fr;
  }
  .costs-compare-row {
    flex-direction: column;
  }
  .costs-compare-row__actions {
    width: 100%;
    justify-content: flex-start;
  }
}
.side-menu {
  --side-menu-expanded-width: 220px;
  --side-menu-collapsed-width: 72px;
  margin-right: 10px;
  margin-top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  min-width: var(--side-menu-expanded-width);
  width: var(--side-menu-expanded-width);
  transition: width 160ms ease, min-width 160ms ease, padding 160ms ease;
}
.side-menu .is-sub-menu {
  font-size: 0.9em;
}

.side-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  background: #f4f7fc;
  border: 1px solid #e4e9f3;
  border-radius: 0.75rem;
  padding: 0.35rem 0.45rem 0.35rem 0.65rem;
  margin-bottom: 0.55rem;
}

.side-menu__heading-group {
  min-width: 0;
  flex: 1;
  margin-bottom: 0;
}

.side-menu__heading-group .menu-label {
  margin-top: 0;
  margin-bottom: 0.2rem;
}

.side-menu__heading-group .menu-label:last-child {
  margin-bottom: 0;
}

.side-menu__toggle {
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: #5b6b82;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  padding: 0;
  margin-bottom: 0;
  transition: background-color 120ms ease, color 120ms ease;
}

.side-menu__toggle:hover,
.side-menu__toggle:focus-visible {
  background: #eef3fb;
  color: #0b329c;
  outline: none;
}

.side-menu__description {
  margin-bottom: 0.75rem;
}

.side-menu .menu-list a.side-menu__link {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  border-radius: 0.5rem;
  color: #48566f;
  white-space: nowrap;
  transition: background-color 120ms ease, color 120ms ease;
}

.side-menu__group {
  border-top: 1px solid #e4e9f3;
  margin-top: 0.55rem;
  padding-top: 0.65rem;
}

.side-menu .menu-list .side-menu__section-link {
  color: #6b778c;
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 0.3rem 0.75rem 0.45rem;
  text-transform: uppercase;
}

.side-menu .menu-list a.side-menu__link:hover,
.side-menu .menu-list a.side-menu__link:focus-visible {
  background: #f4f7fc;
  color: #2f5fb3;
}

.side-menu .menu-list a.side-menu__link.is-active {
  background: #eaf3ff;
  color: #1667d9;
  font-weight: 600;
}

.side-menu .menu-list a.side-menu__link.is-active .icon {
  color: #1667d9;
}

.side-menu .menu-list .side-menu__group-list {
  border-left: 0;
  margin: 0;
  padding-left: 0;
}

.side-menu .menu-list .side-menu__team-list {
  border-left: 1px solid #dbe3ef;
  margin: 0.15rem 0 0.4rem 1.1rem;
  padding-left: 0.55rem;
}

.side-menu .menu-list .side-menu__team-list a.is-sub-menu {
  color: #718096;
  font-size: 0.82rem;
  line-height: 1.2;
  padding-bottom: 0.28rem;
  padding-top: 0.28rem;
}

.side-menu .menu-list .side-menu__team-list a.is-sub-menu:hover,
.side-menu .menu-list .side-menu__team-list a.is-sub-menu:focus-visible {
  color: #2f5fb3;
}

.side-menu .menu-list .side-menu__team-list a.is-sub-menu.is-active {
  background: #edf4ff;
  color: #174ea6;
  font-weight: 600;
}

.side-menu .menu-list a.side-menu__link--designer .icon {
  color: #36506f;
}

.side-menu .menu-list a.side-menu__link--designer.is-active .icon {
  color: inherit;
}

.side-menu__badge {
  align-items: center;
  background: #dbeafe;
  border-radius: 999px;
  color: #0b329c;
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 700;
  height: 1.25rem;
  justify-content: center;
  margin-left: auto;
  min-width: 1.25rem;
  padding: 0 0.35rem;
}

.side-menu .menu-list a.side-menu__link.is-active .side-menu__badge {
  background: #dbeafe;
  color: #0b329c;
}

.side-menu .menu-list {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.side-menu__settings-item {
  border-top: 1px solid #e4e9f3;
  margin-top: 0.55rem;
  padding-top: 0.65rem;
}

.side-menu .menu-list a.side-menu__link .icon {
  min-width: 1.35rem;
  margin-right: 0;
}

.side-menu .menu-list a.side-menu__sub-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.side-menu__sub-badge {
  align-items: center;
  background: #e9f1ff;
  border-radius: 999px;
  color: #0b329c;
  display: inline-flex;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  margin-left: auto;
  min-width: 2.15rem;
  padding: 0.25rem 0.45rem;
  justify-content: center;
}

.side-menu .menu-list a.is-active.side-menu__sub-link .side-menu__sub-badge {
  background: rgba(255, 255, 255, 0.9);
  color: #0b329c;
}

.side-menu.is-collapsed {
  min-width: var(--side-menu-collapsed-width);
  width: var(--side-menu-collapsed-width);
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

.side-menu.is-collapsed .side-menu__heading-group,
.side-menu.is-collapsed .side-menu__description,
.side-menu.is-collapsed .side-menu__link-label,
.side-menu.is-collapsed .side-menu__section-link,
.side-menu.is-collapsed .side-menu__badge {
  display: none;
}

.side-menu.is-collapsed .menu-list > li > ul {
  display: none;
}

.side-menu.is-collapsed .menu-list > li > ul.side-menu__group-list {
  display: block;
  margin-left: 0;
}

.side-menu.is-collapsed .side-menu__team-list {
  display: none;
}

.side-menu.is-collapsed .side-menu__header {
  justify-content: center;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}

.side-menu.is-collapsed .menu-list a.side-menu__link {
  justify-content: center;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

@media screen and (max-width: 768px) {
  .desktop-sidebar-column {
    display: none !important;
  }
  .mobile-nav-drawer .side-menu,
  .mobile-nav-drawer .side-menu.is-collapsed {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-height: auto;
    min-width: 100%;
    padding: 0;
    width: 100%;
  }
  .mobile-nav-drawer .side-menu.is-collapsed .side-menu__heading-group,
  .mobile-nav-drawer .side-menu.is-collapsed .side-menu__description,
  .mobile-nav-drawer .side-menu.is-collapsed .side-menu__section-link,
  .mobile-nav-drawer .side-menu.is-collapsed .side-menu__badge {
    display: block;
  }
  .mobile-nav-drawer .side-menu.is-collapsed .side-menu__badge {
    display: inline-flex;
  }
  .mobile-nav-drawer .side-menu.is-collapsed .side-menu__link-label {
    display: inline;
  }
  .mobile-nav-drawer .side-menu.is-collapsed .menu-list > li > ul,
  .mobile-nav-drawer .side-menu.is-collapsed .side-menu__team-list {
    display: block;
  }
  .mobile-nav-drawer .side-menu.is-collapsed .side-menu__header {
    justify-content: space-between;
  }
  .mobile-nav-drawer .side-menu__toggle {
    display: none;
  }
  .mobile-nav-drawer .side-menu.is-collapsed .menu-list a.side-menu__link {
    justify-content: flex-start;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.diagnostics-box {
  width: 100%;
  max-width: 100%;
}
.diagnostics-box .expandable-info {
  margin-top: 1rem;
}
.diagnostics-box .expandable-info-bar {
  height: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  border-radius: 4px;
  margin: 12px 0 0 0;
  transition: background 0.2s;
  justify-content: center;
}
.diagnostics-box .expandable-info-bar:hover {
  opacity: 0.7;
}
.diagnostics-box .expandable-info-bar-text {
  flex: 1;
  padding-left: 8px;
  font-size: 0.95em;
}
.diagnostics-box .expandable-info-content {
  display: none;
  overflow: visible;
  max-height: none;
  transition: none;
}
.diagnostics-box #thsTeamsHistoryChart {
  height: auto !important;
  min-height: 150px;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
}
.diagnostics-box canvas {
  display: block;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
.diagnostics-box canvas {
  margin: 0 auto;
  display: block;
}
.diagnostics-box #thsChartBox {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  height: auto !important;
  max-height: none !important;
  width: 100%;
}

.diagnostics-lookback-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
}
.diagnostics-lookback-form .diagnostics-lookback-label {
  margin-bottom: 0;
  margin-right: 0.5rem;
  display: inline-block;
  font-weight: 500;
}
.diagnostics-lookback-form .diagnostics-lookback-select {
  min-width: 160px;
}

.tiles-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 1rem;
}
@media (max-width: 1180px) {
  .tiles-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 960px) {
  .tiles-row {
    grid-template-columns: 1fr;
  }
}

.pulse-tile {
  background: #fff;
  border-radius: 14px;
  padding: 0.95rem 1.05rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  border: 1px solid #e5e7eb;
}

.pulse-tile .tile-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.pulse-tile .tile-title {
  margin-bottom: 0.55rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.pulse-tile .tile-value {
  font-size: 1.85rem;
  line-height: 1.1;
  font-weight: 650;
  color: #0f172a;
}

.pulse-tile .tile-delta {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}

.pulse-tile .tile-period-context {
  color: #94a3b8;
  font-size: var(--font-size-xs);
  font-weight: 600;
  line-height: 1.4;
}

.pulse-tile .tile-sparkline {
  display: block;
  margin-top: 6px;
}

#insights_container,
#insights_container .container {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.charts-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 900px) {
  .charts-row {
    grid-template-columns: 1fr 1fr;
  }
}

.chart-col canvas {
  width: 100% !important;
  height: 280px !important; /* consistent height */
  display: block;
}

/* ===============================================
   Insights Header
   =============================================== */
.pulse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  background: #fff;
  border-radius: 12px;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.pulse-header strong {
  color: #222;
  font-weight: 600;
}

.pulse-header-left {
  display: flex;
  align-items: center;
  font-size: var(--font-size-body);
  color: #444;
}

.pulse-header-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.pulse-header-right .diagnostics-lookback-label {
  font-size: var(--font-size-body);
  color: #666;
  margin: 0;
}
.pulse-header-right select.diagnostics-lookback-select {
  max-width: min(100%, 18rem);
  font-size: var(--font-size-body);
  padding: 0.35rem 0.75rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
}
.pulse-header-right select.diagnostics-lookback-select:hover {
  border-color: #b3b3b3;
}
.pulse-header-right select.diagnostics-lookback-select:focus {
  outline: none;
  border-color: #5a8dee;
  box-shadow: 0 0 0 2px rgba(90, 141, 238, 0.2);
}

/* ===============================================
   Diagnostics table row alignment
   =============================================== */
.diagnostics-table th,
.diagnostics-table td {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  vertical-align: middle;
}
.diagnostics-table tbody tr {
  height: 44px;
}
.diagnostics-table .vital-sparkline {
  display: block;
  margin: 0 auto;
}

.insights-tabs-shell {
  min-width: 0;
  max-width: 100%;
}

.insights-tabs-content {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

.insights-tab-panel {
  display: grid;
  gap: 1rem;
  min-width: 0;
  max-width: 100%;
}

.insights-brief-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.15rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
@media (max-width: 1040px) {
  .insights-brief-summary {
    grid-template-columns: 1fr;
  }
}

.insights-brief-summary__copy h2 {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
}
.insights-brief-summary__copy p {
  margin: 0;
  max-width: 58rem;
  color: #475569;
  line-height: 1.5;
}

.insights-brief-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
@media (max-width: 1040px) {
  .insights-brief-chips {
    justify-content: flex-start;
  }
}

.insights-brief-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 2rem;
  padding: 0 0.65rem;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
  font-size: var(--font-size-sm);
  white-space: nowrap;
}
.insights-brief-chip strong {
  color: #334155;
  font-weight: 700;
}
.insights-brief-chip.tone-good {
  border-color: rgba(34, 197, 94, 0.25);
  background: rgba(240, 253, 244, 0.9);
  color: #166534;
}
.insights-brief-chip.tone-watch {
  border-color: rgba(245, 158, 11, 0.28);
  background: rgba(255, 251, 235, 0.95);
  color: #92400e;
}
.insights-brief-chip.tone-risk {
  border-color: rgba(239, 68, 68, 0.22);
  background: rgba(254, 242, 242, 0.95);
  color: #b91c1c;
}

.insights-brief-section {
  display: grid;
  gap: 0.75rem;
}

.insights-section-head.compact {
  margin-bottom: 0;
}

.insights-focus-list {
  display: grid;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.insights-focus-row {
  display: grid;
  grid-template-columns: 9rem minmax(16rem, 1fr) minmax(13rem, auto) auto auto;
  gap: 1rem;
  align-items: center;
  min-height: 5.25rem;
  padding: 0.95rem 1rem;
  border-left: 3px solid #cbd5e1;
}
.insights-focus-row + .insights-focus-row {
  border-top: 1px solid #e5e7eb;
}
.insights-focus-row.tone-good {
  border-left-color: #22c55e;
}
.insights-focus-row.tone-watch {
  border-left-color: #f59e0b;
}
.insights-focus-row.tone-risk {
  border-left-color: #ef4444;
}
@media (max-width: 1180px) {
  .insights-focus-row {
    grid-template-columns: 8rem minmax(0, 1fr) auto;
  }
  .insights-focus-row .insights-focus-row__chips {
    grid-column: 2/-1;
    justify-content: flex-start;
  }
}
@media (max-width: 760px) {
  .insights-focus-row {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }
}

.insights-focus-row__status {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.insights-focus-row__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
}
.insights-focus-row__icon.tone-good {
  background: rgba(220, 252, 231, 0.8);
  color: #16a34a;
}
.insights-focus-row__icon.tone-watch {
  background: rgba(255, 237, 213, 0.8);
  color: #f97316;
}
.insights-focus-row__icon.tone-risk {
  background: rgba(254, 226, 226, 0.9);
  color: #ef4444;
}

.insights-focus-row__main {
  min-width: 0;
}
.insights-focus-row__main h4 {
  margin: 0 0 0.2rem;
  font-size: 0.98rem;
  font-weight: 700;
  color: #1e293b;
}
.insights-focus-row__main p {
  margin: 0;
  color: #64748b;
  line-height: 1.45;
}

.insights-focus-row__chips {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.insights-focus-row__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.15rem;
  padding: 0 0.8rem;
  border-radius: 6px;
  border: 1px solid #dbe3ee;
  background: #fff;
  color: #334155;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.insights-focus-row__action.tone-good {
  border-color: rgba(34, 197, 94, 0.45);
  color: #15803d;
}
.insights-focus-row__action.tone-watch {
  border-color: rgba(245, 158, 11, 0.45);
  color: #c2410c;
}
.insights-focus-row__action.tone-risk {
  border-color: rgba(239, 68, 68, 0.4);
  color: #dc2626;
}

.insights-focus-row__chevron {
  color: #1e293b;
}

.insights-actions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 980px) {
  .insights-actions-grid {
    grid-template-columns: 1fr;
  }
}

.insights-action-tile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.9rem;
  min-height: 4.5rem;
  padding: 0.9rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.insights-action-tile:hover {
  border-color: #cbd5e1;
}

.insights-action-tile__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: #eef4ff;
  color: #2563eb;
}

.insights-action-tile__copy {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}
.insights-action-tile__copy strong {
  color: #1e293b;
  font-weight: 700;
}
.insights-action-tile__copy span {
  color: #64748b;
  line-height: 1.35;
}

.insights-action-tile__chevron {
  color: #1e293b;
}

.insights-evidence-panel {
  padding: 0.85rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.insights-evidence-panel .title {
  margin-bottom: 0.65rem !important;
  font-size: 1rem;
}

.insights-evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
}
@media (max-width: 1180px) {
  .insights-evidence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .insights-evidence-grid {
    grid-template-columns: 1fr;
  }
}

.insights-evidence-pill {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.35rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #fbfdff;
  color: #475569;
  font-size: var(--font-size-sm);
  font-weight: 600;
  line-height: 1.3;
  min-width: 0;
}
.insights-evidence-pill span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: var(--font-size-xs);
  flex: 0 0 auto;
}
.insights-evidence-pill.tone-good span {
  background: rgba(220, 252, 231, 0.85);
  color: #16a34a;
}
.insights-evidence-pill.tone-watch span {
  background: rgba(254, 243, 199, 0.9);
  color: #b45309;
}
.insights-evidence-pill.tone-risk span {
  background: rgba(254, 226, 226, 0.9);
  color: #ef4444;
}

.insights-evidence-panel__helper {
  margin: 0.6rem 0 0;
  color: #64748b;
  font-size: var(--font-size-sm);
}

.insights-analysis-read {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  padding: 0.85rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  color: #475569;
}
.insights-analysis-read strong {
  color: #1e293b;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .insights-analysis-read {
    flex-direction: column;
  }
}

.insights-lead-card {
  display: block;
  padding: 1.25rem 1.35rem;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.insights-lead-card__eyebrow {
  margin: 0 0 0.45rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.insights-lead-card__headline {
  margin: 0 0 0.55rem;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #0f172a;
}

.insights-lead-card__supporting {
  margin: 0;
  max-width: 52rem;
  font-size: var(--font-size-body);
  line-height: 1.6;
  color: #475569;
}

.insights-overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 1rem;
}
.insights-overview-grid > .insights-section-head,
.insights-overview-grid > .insights-meta-row {
  grid-column: 1/-1;
}
@media (max-width: 1320px) {
  .insights-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .insights-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .insights-overview-grid {
    grid-template-columns: 1fr;
  }
}

.insights-overview-card {
  padding: 1.1rem 1.15rem;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  min-height: 132px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.insights-overview-card.tone-good {
  border-color: rgba(34, 197, 94, 0.22);
}
.insights-overview-card.tone-watch {
  border-color: rgba(245, 158, 11, 0.24);
}
.insights-overview-card.tone-risk {
  border-color: rgba(239, 68, 68, 0.18);
}

.insights-overview-card__eyebrow {
  margin-bottom: 0.3rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.insights-overview-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.insights-overview-card__tone {
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  border: 1px solid #dbe3ee;
  background: #f8fafc;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}
.insights-overview-card__tone.tone-good {
  border-color: rgba(34, 197, 94, 0.25);
  background: rgba(240, 253, 244, 0.9);
  color: #166534;
}
.insights-overview-card__tone.tone-watch {
  border-color: rgba(245, 158, 11, 0.28);
  background: rgba(255, 251, 235, 0.95);
  color: #92400e;
}
.insights-overview-card__tone.tone-risk {
  border-color: rgba(239, 68, 68, 0.22);
  background: rgba(254, 242, 242, 0.95);
  color: #b91c1c;
}

.insights-overview-card__title {
  margin-bottom: 0.45rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.25;
}

.insights-overview-card__body {
  margin: 0;
  font-size: var(--font-size-body);
  line-height: 1.5;
  color: #475569;
}

.insights-meta-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, max-content));
  gap: 0.75rem;
  margin-top: 0.15rem;
}

.insights-meta-pill {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  min-height: 74px;
  padding: 0.9rem 1rem;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.insights-meta-pill.tone-good {
  border-color: rgba(34, 197, 94, 0.25);
  background: rgba(240, 253, 244, 0.9);
}
.insights-meta-pill.tone-watch {
  border-color: rgba(245, 158, 11, 0.28);
  background: rgba(255, 251, 235, 0.95);
}
.insights-meta-pill.tone-risk {
  border-color: rgba(239, 68, 68, 0.22);
  background: rgba(254, 242, 242, 0.9);
}

.insights-meta-pill__label {
  font-size: var(--font-size-xs);
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.insights-meta-pill__value {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1e293b;
}

.insights-help-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  border: 1px solid #dbe3ee;
  background: #f8fafc;
  color: #64748b;
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 1;
  cursor: help;
  flex: 0 0 auto;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.insights-help-icon:hover,
.insights-help-icon:focus-visible {
  color: #1f3fa9;
  background: #eef4ff;
  border-color: #bfd0f2;
  outline: none;
}

.insights-coverage-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  margin-bottom: 1rem;
  padding: 1rem 1.15rem;
  border: 1px solid #fed7aa;
  background: linear-gradient(180deg, #fff7ed, #fffbeb);
  border-radius: 14px;
}
.insights-coverage-banner.compact {
  margin-bottom: 0;
}

.insights-coverage-banner__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
  flex: 0 0 auto;
}

.insights-coverage-banner__title {
  margin-bottom: 0.25rem;
  font-weight: 700;
  color: #9a3412;
}

.insights-coverage-banner__body {
  margin: 0;
  color: #7c2d12;
}

.insights-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}
.insights-section-head p {
  margin: 0;
}
@media (max-width: 768px) {
  .insights-section-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

.insights-panel {
  margin-bottom: 1rem;
}
.insights-panel .charts-row {
  margin-top: 0.35rem;
}

.insights-warmup-hero {
  border: 1px solid #dbe4f2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
}

.insights-warmup-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.9fr);
  gap: 1.25rem;
}
@media (max-width: 980px) {
  .insights-warmup-hero__grid {
    grid-template-columns: 1fr;
  }
}

.insights-warmup-hero__eyebrow {
  margin: 0 0 0.4rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.insights-warmup-hero__body {
  margin: 0;
  max-width: 46rem;
  color: #475569;
  font-size: var(--font-size-body);
  line-height: 1.6;
}

.insights-warmup-hero__actions {
  margin-top: 1rem;
}

.insights-warmup-checklist {
  padding: 1rem 1.05rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
}

.insights-warmup-checklist__title {
  margin: 0 0 0.7rem;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: #334155;
}

.insights-warmup-checklist__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.6rem;
}

.insights-warmup-checklist__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  color: #475569;
  line-height: 1.45;
}

.insights-warmup-checklist__list li.is-complete {
  color: #0f766e;
}

.insights-warmup-checklist__icon {
  color: #94a3b8;
  line-height: 1.3;
}

.insights-warmup-checklist__list li.is-complete .insights-warmup-checklist__icon {
  color: #16a34a;
}

.insights-preview-panel {
  border: 1px solid #e5e7eb;
  background: #ffffff;
}

.insights-chart-toolbar {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.insights-focus-hint {
  margin: 0 0 0.85rem;
  font-size: var(--font-size-body);
  color: #475569;
}

.insights-analysis {
  display: grid;
  gap: 1rem;
  min-width: 0;
  max-width: 100%;
}

.insights-analysis-card,
.insights-team-performance {
  border: 1px solid #dfe6ef;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  min-width: 0;
  max-width: 100%;
}

.insights-analysis-card__header {
  align-items: flex-start;
}

.insights-trend-grid {
  display: grid;
  gap: 1rem;
  min-width: 0;
  max-width: 100%;
}
@media (min-width: 1100px) {
  .insights-trend-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.insights-trend-chart {
  min-width: 0;
  border-right: 1px solid #e5e7eb;
  padding-right: 0.85rem;
}
.insights-trend-chart:last-child {
  border-right: 0;
  padding-right: 0;
}
.insights-trend-chart p {
  margin: 0.65rem 0 0;
  color: #64748b;
  font-size: var(--font-size-body);
}
@media (max-width: 1099px) {
  .insights-trend-chart {
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 0 1rem;
  }
  .insights-trend-chart:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}

.insights-trend-chart__canvas {
  position: relative;
  width: 100%;
  height: 205px;
  min-width: 0;
}
.insights-trend-chart__canvas canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.insights-trend-chart__legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem 0.7rem;
  margin-bottom: 0.8rem;
}
.insights-trend-chart__legend h4 {
  width: 100%;
  margin: 0;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 700;
}
.insights-trend-chart__legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 600;
}

.legend-line {
  display: inline-block;
  width: 24px;
  height: 0;
  border-top: 3px solid #2563eb;
}
.legend-line.is-range {
  border-top-color: #94a3b8;
  border-top-style: dashed;
}

.insights-team-performance__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.insights-team-performance__link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #2563eb;
  font-size: var(--font-size-sm);
  font-weight: 700;
  white-space: nowrap;
}

.insights-period-table-wrap {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.insights-period-table {
  display: grid;
  grid-template-columns: minmax(150px, 0.88fr) minmax(170px, 1fr) minmax(150px, 0.9fr) minmax(130px, 0.72fr) minmax(170px, 1fr) minmax(190px, 1.1fr);
  gap: 0.85rem;
  align-items: center;
  min-width: 980px;
}

.insights-period-table--header {
  padding: 0 0.75rem 0.65rem;
  border-bottom: 1px solid #d8e1ec;
  color: #334155;
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.insights-period-table--row {
  min-height: 5.8rem;
  padding: 0.72rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  color: inherit;
  text-decoration: none;
}
.insights-period-table--row:last-child {
  border-bottom: 0;
}
.insights-period-table--row:hover {
  background: #f8fafc;
}
.insights-period-table--row.is-org-summary {
  background: #fbfdff;
  border-bottom: 1px solid #d8e1ec;
  margin-bottom: 0.35rem;
  box-shadow: inset 0 -0.35rem 0 #f8fafc;
}

.insights-period-team-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
.insights-period-team-cell strong {
  color: #172033;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insights-period-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border-radius: 999px;
  border: 2px solid #cbd5e1;
  background: #f8fafc;
  color: #475569;
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.insights-period-metric {
  display: grid;
  gap: 0.26rem;
  min-width: 0;
}

.insights-period-metric__top {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.insights-period-metric__top strong {
  color: #172033;
  font-size: 1rem;
  font-weight: 750;
}

.insights-period-metric__context {
  color: #748198;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
}

.insights-period-delta {
  min-height: 1.45rem;
  padding: 0 0.38rem;
  border-radius: 6px;
  font-size: 0.72rem;
  gap: 0.22rem;
}
.insights-period-delta i {
  font-size: 0.66rem;
}

.insights-period-sparkline {
  width: min(100%, 130px) !important;
  height: 28px !important;
  display: block;
}

.insights-period-signal {
  color: #566176;
  font-size: 0.82rem;
  font-weight: 550;
  line-height: 1.35;
}

.insights-velocity-note {
  margin: 0.85rem 0 0;
  color: #64748b;
  font-size: var(--font-size-sm);
}

.insights-coverage-note {
  margin: 0.4rem 0 0;
  color: #64748b;
  font-size: var(--font-size-sm);
}

.sparkline-popover {
  position: fixed;
  z-index: 80;
  min-width: 9.5rem;
  max-width: 14rem;
  transform: translateY(-100%);
  padding: 0.55rem 0.7rem;
  border-radius: 7px;
  background: #0f172a;
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
  pointer-events: none;
}
.sparkline-popover strong,
.sparkline-popover span {
  display: block;
}
.sparkline-popover strong {
  margin-bottom: 0.2rem;
  font-size: var(--font-size-xs);
  font-weight: 800;
  color: #ffffff;
}
.sparkline-popover span {
  color: #dbeafe;
  font-size: var(--font-size-xs);
  font-weight: 600;
}

.org-insight-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.15rem;
}

.org-insight-card__eyebrow {
  margin: 0 0 0.4rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.org-insight-card__section + .org-insight-card__section {
  margin-top: 1.35rem;
  padding-top: 1.35rem;
  border-top: 1px solid #e5e7eb;
}

.insight-bullets-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1100px) {
  .insight-bullets-grid {
    grid-template-columns: 1fr;
  }
}

.insight-bullet-card {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1rem 1rem 0.95rem;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.insight-bullet-card.tone-risk {
  border-color: rgba(239, 68, 68, 0.22);
  background: rgba(254, 250, 250, 0.98);
}
.insight-bullet-card.tone-watch {
  border-color: rgba(245, 158, 11, 0.28);
  background: rgba(255, 252, 245, 0.98);
}
.insight-bullet-card.tone-good {
  border-color: rgba(34, 197, 94, 0.2);
  background: rgba(245, 252, 247, 0.98);
}

.insight-bullet-card__main {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-width: 0;
}

.insight-bullet-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

.insight-bullet-card__tone {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.insight-bullet-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
}
.insight-bullet-card__icon.tone-good {
  background: rgba(220, 252, 231, 0.8);
  color: #15803d;
}
.insight-bullet-card__icon.tone-watch {
  background: rgba(254, 243, 199, 0.85);
  color: #b45309;
}
.insight-bullet-card__icon.tone-risk {
  background: rgba(254, 226, 226, 0.9);
  color: #dc2626;
}

.insight-bullet-card__label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.insight-bullet-card__heading {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 500;
  color: #0f172a;
  line-height: 1.55;
}

.insight-bullet-card__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.85rem;
  margin-top: auto;
}
@media (max-width: 1280px) {
  .insight-bullet-card__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

.insight-bullet-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  flex-wrap: wrap;
  margin-left: auto;
}
@media (max-width: 1280px) {
  .insight-bullet-card__actions {
    margin-left: 0;
  }
}

.insight-card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.9rem;
  padding: 0 0.7rem;
  border-radius: 999px;
  border: 1px solid #dbe3ee;
  background: #fff;
  color: #475569;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  white-space: nowrap;
}
.insight-card-action:hover {
  border-color: #cbd5e1;
  color: #1f2937;
}
.insight-card-action.is-primary {
  border-color: rgba(239, 68, 68, 0.18);
  background: rgba(254, 242, 242, 0.95);
  color: #b91c1c;
}

.insight-card-action--icon {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  padding: 0;
  border-radius: 999px;
}

.insight-bullet-card__body {
  margin: 0;
  color: #1e293b;
  line-height: 1.55;
}

.insight-bullet-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.insight-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 0.7rem;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.org-insight-card__summary {
  margin: 0;
  max-width: 64rem;
  font-size: 1rem;
  line-height: 1.75;
  color: #334155;
}

.insight-recommendations-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1100px) {
  .insight-recommendations-grid {
    grid-template-columns: 1fr;
  }
}

.insight-recommendation-card {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.insight-recommendation-card__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  height: 2.1rem;
  border-radius: 999px;
  border: 1px solid #dbe3ee;
  background: #f8fafc;
  color: #334155;
  font-weight: 700;
  flex: 0 0 auto;
}

.insight-recommendation-card__body {
  margin: 0;
  color: #1e293b;
  line-height: 1.55;
}

.gpt-insight-footer {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

.new-item-link .add-icon {
  font-size: 1.3em;
}
.new-item-link .new-item-text {
  padding-left: 0.4em;
}
.new-item-link:hover .add-icon {
  animation: fa-spin 1s linear;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

.tile-link {
  transition: box-shadow 0.2s, background 0.2s;
}
.tile-link:hover {
  background: #f5f8fa;
  box-shadow: 0 2px 8px 0 rgba(60, 80, 120, 0.06);
  cursor: pointer;
}

.empty-state-shell {
  display: flex;
  justify-content: center;
  margin: 0.35rem auto;
  width: 100%;
}

.empty-state-card {
  width: 100%;
  border: 1px solid #dde6f2;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.04), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.95fr);
  padding: 1.4rem;
}

.empty-state-card__main {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  min-width: 0;
}

.empty-state-card__icon-circle {
  align-items: center;
  background: linear-gradient(135deg, #eef2ff 0%, #f6f8ff 100%);
  border-radius: 16px;
  color: #3454ff;
  display: inline-flex;
  font-size: 1rem;
  height: 3.25rem;
  justify-content: center;
  width: 3.25rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.empty-state-card__copy {
  min-width: 0;
}

.empty-state-card__eyebrow {
  color: #4962d6;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 0.35rem;
  text-transform: uppercase;
}

.empty-state-card__title {
  color: #1f2a44;
  font-size: clamp(1.55rem, 2.6vw, 1.95rem);
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 0.45rem;
}

.empty-state-card__body {
  color: #5f6f8b;
  font-size: 1rem;
  line-height: 1.65;
  margin: 0;
  max-width: 42rem;
}

.empty-state-card__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.15rem;
}

.empty-state-card__primary .button {
  border-radius: 11px;
  box-shadow: 0 10px 22px rgba(52, 84, 255, 0.18);
  font-weight: 600;
  min-height: 42px;
  padding-inline: 1.15rem;
  gap: 0.35rem;
}

.empty-state-card__secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}

.empty-state-card__secondary-action .button {
  min-height: 2.65rem;
  padding-inline: 1rem;
}

.empty-state-card__secondary-link {
  color: #4962d6;
  display: inline-flex;
  align-items: center;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.empty-state-card__secondary-link:hover,
.empty-state-card__secondary-link:focus-visible {
  color: #3454ff;
  text-decoration: underline;
}

.empty-state-card__secondary-hint,
.empty-state-card__helper {
  color: #66758e;
  font-size: var(--font-size-body);
  line-height: 1.5;
  margin: 0;
}

.empty-state-card__footer {
  margin-top: 1rem;
  text-align: left;
}

.empty-state-card__side {
  align-content: start;
  display: grid;
  gap: 0.75rem;
  padding: 0.25rem;
}

.empty-state-card__side-card {
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #d8e4f4;
  border-radius: 14px;
  display: flex;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
}

.empty-state-card__side-index {
  align-items: center;
  background: #e0e7ff;
  border-radius: 999px;
  color: #3730a3;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--font-size-body);
  font-weight: 700;
  height: 1.8rem;
  justify-content: center;
  width: 1.8rem;
}

.empty-state-card__side-title {
  color: #24304a;
  font-size: 0.96rem;
  font-weight: 700;
  margin: 0 0 0.18rem;
}

.empty-state-card__side-body {
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.5;
}

.empty-state-card--tight {
  padding: 1.4rem 1.55rem 1.3rem;
}

@media screen and (max-width: 768px) {
  .empty-state-card {
    border-radius: 16px;
    grid-template-columns: 1fr;
    padding: 1.1rem;
  }
  .empty-state-card__title {
    font-size: 1.45rem;
  }
  .empty-state-card__actions {
    align-items: flex-start;
  }
  .empty-state-card__primary,
  .empty-state-card__secondary,
  .empty-state-card__secondary-action {
    width: 100%;
  }
  .empty-state-card__primary .button,
  .empty-state-card__secondary-action .button {
    width: 100%;
    justify-content: center;
  }
}
.upload-mode-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.upload-mode-list li {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #fff;
  padding: 0.75rem 1rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
  cursor: pointer;
}
.upload-mode-list li label.radio {
  font-weight: 600;
  color: #111827;
}
.upload-mode-list li p.help {
  margin-top: 0.25rem;
  margin-bottom: 0;
  color: #6b7280;
}
.upload-mode-list li.selected {
  background-color: #e6f0ff;
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.2);
}
.upload-mode-list li:hover {
  border-color: #cbd5f5;
  transform: translateY(-1px);
}
.upload-mode-list li + li {
  margin-top: 0.75rem;
}

.import-summary {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
}
.import-summary h2.subtitle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.import-summary h2.subtitle::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #4f46e5;
  color: #ffffff;
  font-size: var(--font-size-sm);
}
.import-summary table {
  margin-top: 0.75rem;
}

/* Generic admin form polish scoped to admin forms */
.admin-form-box {
  max-width: 720px;
  margin: 0 auto 1.5rem auto;
}
.admin-form-box .title.is-6 {
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b7280;
}
.admin-form-box .field + .field {
  margin-top: 1.25rem;
}
.admin-form-box .help {
  font-size: var(--font-size-sm);
}

.admin-person-modal {
  width: 980px;
  max-width: 94vw;
}

.admin-person-modal .modal-card-body {
  padding: 1.25rem;
}

.admin-person-form {
  max-width: none;
  margin-bottom: 0;
}

.admin-person-form__sections {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
}

.admin-person-form__section {
  margin-bottom: 0;
  padding: 1.1rem 1.25rem;
}

.admin-person-form__column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.admin-person-form__section .field + .field {
  margin-top: 0.9rem;
}

.admin-person-form__section-title {
  align-items: center;
  display: inline-flex;
  gap: 0.4rem;
}

.admin-person-form__section-title .icon {
  color: #64748b;
}

.admin-person-form__required {
  color: #dc2626;
  font-weight: 700;
}

.admin-person-form__actions {
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  bottom: -1.25rem;
  margin: 1rem -1.25rem -1.25rem;
  padding: 1rem 1.25rem;
  position: sticky;
  z-index: 2;
}

@media (max-width: 900px) {
  .admin-person-form__sections {
    grid-template-columns: 1fr;
  }
}
/* Admin dashboard layout */
/* Admin dashboard layout */
.admin-dashboard-layout {
  max-width: 1120px;
  margin: 0 auto 2.5rem auto;
}

/* Hero card */
.admin-dashboard-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 50%);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
  padding: 1.5rem 1.75rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.admin-dashboard-hero-main {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.admin-dashboard-hero-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e0ebff;
  color: #1d4ed8;
}

.admin-dashboard-hero-meta {
  text-align: right;
}

.admin-dashboard-progress-label {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b7280;
}

.admin-dashboard-progress-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  background: #ecfdf5;
  color: #065f46;
  font-size: var(--font-size-sm);
  font-weight: 500;
}

.admin-dashboard-progress-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
}

/* Grid of cards */
.admin-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
}

/* Individual cards */
.admin-dashboard-card {
  height: 100%;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
  padding: 1.25rem 1.4rem;
  transition: none;
}

.admin-dashboard-card:hover {
  border-color: #c7d2fe;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  transform: translateY(-2px);
}

.admin-dashboard-card-header {
  margin-bottom: 0.75rem;
}

.admin-dashboard-card-title {
  display: flex;
  align-items: flex-start; /* was: center */
  gap: 0.75rem;
}

.admin-dashboard-card-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  color: #1d4ed8;
}

/* Links inside each card */
.admin-dashboard-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-dashboard-links li + li {
  margin-top: 0.5rem;
}

.admin-dashboard-link-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0.55rem;
  border-radius: 10px;
  text-decoration: none;
  transition: background-color 0.15s ease, transform 0.1s ease;
}

.admin-dashboard-link-row:hover {
  background: #f9fafb;
  transform: translateY(-1px);
}

.admin-dashboard-link-text {
  display: flex;
  flex-direction: column;
}

.admin-dashboard-link-label {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: #111827;
}

.admin-dashboard-link-description {
  font-size: var(--font-size-sm);
  color: #6b7280;
  margin-top: 0.1rem;
}

.admin-dashboard-link-chevron {
  margin-top: 0.2rem;
  color: #9ca3af;
  flex-shrink: 0;
}

.admin-dashboard-link-row:hover .admin-dashboard-link-chevron {
  color: #4b5563;
}

.my-account-layout {
  max-width: 980px;
  margin: 0 auto 2rem;
  display: grid;
  gap: 1.5rem;
}

.my-account-summary-card,
.my-account-activity-card {
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.my-account-summary-card__header,
.my-account-activity-card__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.my-account-summary-card__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: var(--font-size-xs);
  color: #6b7280;
  margin-bottom: 0.5rem;
}

.my-account-summary-card__badges {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.my-account-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}

.my-account-summary-stat {
  border-radius: 12px;
  padding: 1rem;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.my-account-summary-stat__label {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b7280;
}

.my-account-activity-list {
  display: grid;
  gap: 0.9rem;
}

.my-account-activity-item {
  display: flex;
  gap: 0.9rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
}

.my-account-activity-item__icon {
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  border-radius: 999px;
  background: #eff6ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.my-account-activity-item__content {
  min-width: 0;
  flex: 1;
}

.my-account-activity-item__topline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.my-account-activity-item__title {
  font-weight: 600;
  color: #111827;
}

.my-account-activity-item__time,
.my-account-activity-item__body,
.my-account-empty-state {
  color: #6b7280;
}

.my-account-activity-item__time {
  flex-shrink: 0;
  font-size: var(--font-size-body);
}

.my-account-activity-item__body {
  margin-top: 0.35rem;
  font-size: var(--font-size-body);
}

.my-account-empty-state {
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  padding: 1.5rem;
  background: #f8fafc;
}

@media (max-width: 768px) {
  .my-account-summary-card__header,
  .my-account-activity-card__header,
  .my-account-activity-item__topline {
    flex-direction: column;
  }
  .my-account-summary-card__badges {
    justify-content: flex-start;
  }
}
.admin-people-actions {
  display: inline-block;
}

.admin-people-actions__trigger {
  min-width: 96px;
}

.admin-people-floating-popover {
  padding: 0;
  min-width: 0;
  max-width: none;
  overflow: visible;
}

.admin-people-popover {
  width: min(320px, 100vw - 24px);
  max-width: 100%;
  overflow: hidden;
  border-radius: 10px;
  padding: 0.35rem;
}
.admin-people-popover .popover-item {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: 72px;
  align-items: center;
  border-radius: 8px;
}

.admin-people-popover__section-label {
  margin: 0;
  padding: 0.45rem 0.55rem 0.25rem;
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b7280;
  font-weight: 700;
}

.admin-people-popover__item-content {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.admin-people-popover__item-content strong {
  font-size: var(--font-size-body);
  color: #111827;
}
.admin-people-popover__item-content small {
  font-size: var(--font-size-sm);
  color: #6b7280;
  line-height: 1.35;
}

.admin-people-popover__item-disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.admin-people-popover__item-disabled:hover {
  background: transparent;
}

.admin-people-popover .popover-divider {
  margin: 0.35rem 0;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .admin-dashboard-hero {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 1rem;
  }
  .admin-dashboard-hero-meta {
    text-align: left;
  }
}
.jira-form .label {
  font-weight: 500;
  color: #4B5563; /* text-grey-700 */
}

.health-questions-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.health-questions-list__item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #f3f4f6;
}
.health-questions-list__handle {
  cursor: grab;
  color: #9ca3af;
  padding-top: 0.15rem;
}
.health-questions-list__item:hover .health-questions-list__handle {
  color: #6b7280;
}
.health-questions-list__index {
  color: #6b7280;
  min-width: 1.5rem;
}
.health-questions-list__text {
  flex: 1;
}
.health-questions-list__actions {
  margin-left: 0.5rem;
}

.health-surveys-admin {
  max-width: 900px;
  margin: 0 auto;
}
.health-surveys-admin .health-surveys-admin__panel {
  border: 1px solid #e7edf5;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  border-radius: 10px;
  padding: 1.25rem;
}
.health-surveys-admin .health-surveys-admin__panel + .health-surveys-admin__panel {
  margin-top: 1rem;
}
.health-surveys-admin .health-surveys-admin__panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.health-surveys-admin .health-surveys-admin__toggle-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
.health-surveys-admin .health-surveys-admin__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid #eef2f6;
}
.health-surveys-admin .health-surveys-admin__meta-label,
.health-surveys-admin .health-surveys-admin__meta-value {
  display: block;
}
.health-surveys-admin .health-surveys-admin__meta-label {
  color: #667085;
  font-size: var(--font-size-small);
}
.health-surveys-admin .health-surveys-admin__meta-value {
  color: #344054;
  font-weight: 600;
}
.health-surveys-admin .health-surveys-admin__meta--send-details {
  margin-top: 0;
}
.health-surveys-admin .health-surveys-admin__paused-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1rem;
  padding: 0.8rem 1rem;
  border: 1px solid #f4d38f;
  border-radius: 8px;
  background: #fff8e5;
  color: #5f4b17;
}
.health-surveys-admin .health-surveys-admin__table {
  margin-bottom: 0;
}
.health-surveys-admin .health-surveys-admin__table th {
  color: #667085;
  font-size: var(--font-size-small);
  font-weight: 700;
  white-space: nowrap;
}
.health-surveys-admin .health-surveys-admin__table td {
  color: #344054;
  vertical-align: middle;
}
.health-surveys-admin .health-surveys-admin__empty-state {
  border: 1px dashed #d9e2ec;
  border-radius: 8px;
  padding: 1.25rem;
  text-align: center;
}

.health-survey-enable-switch {
  display: inline-flex;
  align-items: center;
  padding: 3px;
  border: 1px solid #d9e2ec;
  border-radius: 999px;
  background: #f8fafc;
}

.health-survey-enable-switch__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.health-survey-enable-switch__option {
  min-width: 3.2rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  color: #667085;
  cursor: pointer;
  font-size: var(--font-size-small);
  font-weight: 600;
  line-height: 1;
  text-align: center;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.health-survey-enable-switch__input:checked + .health-survey-enable-switch__option {
  background: #ffffff;
  color: #344054;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

#organisation_health_surveys_enabled_on:checked + .health-survey-enable-switch__option {
  background: #3273dc;
  color: #ffffff;
}

.health-survey-enable-switch__input.is-positive:checked + .health-survey-enable-switch__option {
  background: #3273dc;
  color: #ffffff;
}

#organisation_health_surveys_enabled_off:checked + .health-survey-enable-switch__option {
  background: #eef2f6;
  color: #344054;
}

.health-survey-enable-switch__input:focus-visible + .health-survey-enable-switch__option {
  outline: 2px solid #485fc7;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  .health-surveys-admin .health-surveys-admin__panel-header,
  .health-surveys-admin .health-surveys-admin__toggle-form {
    align-items: stretch;
    flex-direction: column;
  }
  .health-surveys-admin .health-surveys-admin__meta {
    grid-template-columns: 1fr;
  }
}
/* Health signals table layout */
.health-signals-table th:first-child,
.health-signals-table td:first-child {
  width: 22%;
}
.health-signals-table th:nth-child(3),
.health-signals-table td:nth-child(3) {
  width: 14%;
}
.health-signals-table th:last-child,
.health-signals-table td:last-child {
  width: 10%;
  white-space: nowrap;
}

.job-history-table th:nth-child(2),
.job-history-table td:nth-child(2) {
  width: 12%;
  white-space: nowrap;
}
.job-history-table th:nth-child(3),
.job-history-table td:nth-child(3) {
  width: 12%;
  white-space: nowrap;
}

.admin-events-timeline {
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #ffffff;
}

.admin-events-timeline .org-calendar-timeline__months {
  display: flex;
  flex-direction: column;
}

.admin-events-timeline .org-calendar-timeline__month + .org-calendar-timeline__month {
  border-top: 1px solid #edf2f7;
}

.admin-events-timeline .org-calendar-timeline__month-header {
  padding: 1rem 1.1rem 0.35rem;
}

.admin-events-timeline .org-calendar-timeline__month-title {
  color: #5d6f87;
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-events-timeline .org-calendar-timeline__days {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.admin-events-timeline .org-calendar-timeline__days::before {
  content: "";
  position: absolute;
  top: 1.65rem;
  bottom: 1.15rem;
  left: calc(1.1rem + 11px);
  width: 2px;
  background: #e7edf5;
}

.admin-events-timeline .org-calendar-timeline__day + .org-calendar-timeline__day {
  border-top: 1px solid #edf2f7;
}

.admin-events-timeline .org-calendar-timeline__date-row {
  padding: 1rem 1.1rem 0.55rem 2.6rem;
}

.admin-events-timeline .org-calendar-timeline__date-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: default;
  text-decoration: none;
}

.admin-events-timeline .org-calendar-timeline__date {
  color: #132238;
  font-size: 1.02rem;
  font-weight: 700;
}

.admin-events-timeline .org-calendar-timeline__counts {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-events-timeline .org-calendar-timeline__count-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
  background: #eef3f8;
  color: #53657b;
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.admin-events-timeline .org-calendar-timeline__rail {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 0.8rem;
  padding: 0 1.1rem 1.15rem;
}

.admin-events-timeline .org-calendar-timeline__marker {
  position: relative;
}

.admin-events-timeline .org-calendar-timeline__marker::after {
  content: "";
  position: absolute;
  top: 0.18rem;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #3658f6;
  box-shadow: 0 0 0 4px #edf2ff;
}

.admin-events-timeline .org-calendar-timeline__content {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.admin-events-timeline .org-calendar-timeline__day:last-child .org-calendar-timeline__rail {
  padding-bottom: 1rem;
}

.admin-events-entry {
  margin: 0;
}

.admin-events-entry + .admin-events-entry {
  margin-top: 0.15rem;
}

.admin-events-entry__summary {
  list-style: none;
  cursor: pointer;
  color: inherit;
}

.admin-events-entry__summary::-webkit-details-marker {
  display: none;
}

.admin-events-entry__summary:hover .org-calendar-event {
  border-color: rgba(19, 34, 56, 0.12);
}

.admin-events-entry__summary,
.admin-events-entry__summary * {
  text-decoration: none;
}

.admin-events-entry__summary .org-calendar-event {
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
  border: 1px solid transparent;
  position: relative;
  z-index: 1;
}

.admin-events-entry__summary .org-calendar-event__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
}

.admin-events-entry__summary .org-calendar-event__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.14rem 0.5rem;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.admin-events-entry__summary .org-calendar-event__badge--span {
  background: #eef3f8;
  color: #5a6c83;
}

.admin-events-entry__summary .org-calendar-event__badge--capacity,
.admin-events-entry__summary .org-calendar-event--capacity {
  background: #e9f2ff;
  color: #205493;
}

.admin-events-entry__summary .org-calendar-event__badge--delivery,
.admin-events-entry__summary .org-calendar-event--delivery {
  background: #e7f6f0;
  color: #0d6b50;
}

.admin-events-entry__summary .org-calendar-event__badge--roadmap,
.admin-events-entry__summary .org-calendar-event--roadmap {
  background: #fff1e6;
  color: #a7501b;
}

.admin-events-entry__summary .org-calendar-event__badge--commercial,
.admin-events-entry__summary .org-calendar-event--commercial {
  background: #f4ecff;
  color: #6340a8;
}

.admin-events-entry__summary .org-calendar-event__badge--operations,
.admin-events-entry__summary .org-calendar-event--operations {
  background: #f0f2f5;
  color: #324152;
}

.admin-events-entry__summary .org-calendar-event__title {
  color: #132238;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.3;
}

.admin-events-entry__summary .org-calendar-event__description {
  color: #5f7087;
  font-size: var(--font-size-xs);
  line-height: 1.35;
  margin-top: 0.1rem;
}

.admin-events-entry__time {
  margin-left: auto;
  color: #5f7087;
  font-size: var(--font-size-sm);
  font-weight: 700;
  white-space: nowrap;
}

.admin-events-entry__headline {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 0.55rem;
  align-items: start;
}

.admin-events-entry__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  min-width: 1rem;
  font-size: var(--font-size-body);
  line-height: 1;
  margin-top: 0.05rem;
}

.admin-events-entry__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -0.05rem;
}

.admin-events-entry__copy {
  min-width: 0;
}

.admin-events-card__details {
  margin-top: 0.5rem;
  margin-left: 1.5rem;
  border-left: 2px solid #e7edf5;
  padding: 0.15rem 0 0.15rem 1rem;
  display: grid;
  gap: 0.75rem 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-events-card__detail-label {
  display: block;
  color: #5d6f87;
  font-size: 0.69rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-events-card__detail-value {
  display: block;
  color: #132238;
  font-size: var(--font-size-sm);
  line-height: 1.4;
  margin-top: 0.14rem;
  overflow-wrap: anywhere;
}

.admin-events-card__detail-value a {
  color: #2e5bd7;
  font-weight: 600;
  text-decoration: none;
}

.admin-events-card__detail-value a:hover {
  text-decoration: underline;
}

.admin-events-card__child-events {
  grid-column: 1/-1;
}

.admin-events-card__child-list {
  margin: 0.35rem 0 0;
  padding-left: 1rem;
  color: #132238;
  font-size: var(--font-size-sm);
}

.admin-events-card__child-list li + li {
  margin-top: 0.25rem;
}

@media screen and (max-width: 768px) {
  .admin-events-timeline .org-calendar-timeline__date-row {
    padding-right: 0.9rem;
  }
  .admin-events-timeline .org-calendar-timeline__days::before {
    left: calc(0.9rem + 11px);
  }
  .admin-events-timeline .org-calendar-timeline__rail {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
  }
  .admin-events-entry__time {
    margin-left: 0;
    white-space: normal;
  }
  .admin-events-card__details {
    grid-template-columns: 1fr;
  }
}
#active-questions li {
  list-style: none;
  padding: 1em;
}

.health-survey-wrapper {
  max-width: 720px;
  margin: 2.5rem auto 0;
  padding: 0 1rem;
}
.health-survey-wrapper .health-survey-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  padding: 2.25rem 2rem 2rem;
  /* Rating scale helper text */
  /* Question rows */
  /* Complete / thank-you state */
}
.health-survey-wrapper .health-survey-card .title {
  margin-bottom: 0.25rem;
}
.health-survey-wrapper .health-survey-card .subtitle {
  color: #4b5563;
  margin-bottom: 1.5rem;
}
.health-survey-wrapper .health-survey-card .rating-scale {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  color: #6b7280;
}
.health-survey-wrapper .health-survey-card .star-rating-container {
  padding: 1rem 0;
  text-align: left;
  border-top: 1px solid #e5e7eb;
}
.health-survey-wrapper .health-survey-card .star-rating-container:first-of-type {
  border-top: none;
}
.health-survey-wrapper .health-survey-card .star-rating-container .question {
  padding-bottom: 0.5em;
  font-weight: 500;
}
.health-survey-wrapper .health-survey-card.is-complete {
  text-align: center;
  padding: 3rem 2rem;
}
.health-survey-wrapper .health-survey-card.is-complete .icon-wrapper {
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto 1.5rem;
  border-radius: 999px;
  background: #dcfce7;
  color: #15803d;
  font-size: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Soft pop-in animation */
  animation: thumbs-pop 0.6s ease-out forwards;
  opacity: 0;
}
.health-survey-wrapper .health-survey-card.is-complete h1 {
  margin-top: 1rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.health-survey-wrapper .health-survey-card.is-complete .subtitle {
  margin-top: 0.75rem;
  line-height: 1.6;
  padding: 0 1rem;
}
@media screen and (max-width: 768px) {
  .health-survey-wrapper .health-survey-card {
    padding: 1.5rem 1.25rem;
  }
}

/* Keyframes for thumbs up animation */
@keyframes thumbs-pop {
  0% {
    opacity: 0;
    transform: scale(0.6) translateY(10px);
  }
  60% {
    opacity: 1;
    transform: scale(1.08) translateY(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.auth-page {
  display: flex;
  justify-content: center;
  padding: 3.5rem 1.5rem 4rem;
  background: radial-gradient(circle at 20% 12%, rgba(47, 115, 239, 0.08), transparent 30rem), linear-gradient(180deg, #f8fbff 0%, #f2f6fb 100%);
}
@media (min-width: 1024px) {
  .auth-page {
    padding-top: 3.75rem;
  }
}

.auth-heading-mobile,
.auth-copy-mobile {
  display: none;
}

.auth-social-action {
  margin: 0 0 1.25rem;
}
.auth-social-action .button_to {
  margin: 0;
}

.auth-google-button {
  min-height: 48px;
  justify-content: center;
  gap: 0.65rem;
  border: 1px solid #d7e0ec;
  border-radius: 12px;
  background: #ffffff;
  color: #132238;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(19, 34, 56, 0.06);
}
.auth-google-button:hover, .auth-google-button:focus {
  border-color: #b8c6da;
  color: #0f1d31;
}

.auth-google-mark {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: block;
}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0 0 1.25rem;
  color: #6c7a90;
  font-size: 0.82rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
}
.auth-divider::before, .auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e2e8f0;
}

.account-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 1rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid #dbe5f2;
  border-radius: 999px;
  background: #f7faff;
  color: #536174;
  font-size: 0.85rem;
  font-weight: 700;
}

.sign-up-page .sign-up-shell {
  width: 100%;
  max-width: 1320px;
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(560px, 0.96fr);
  gap: clamp(2.5rem, 5.4vw, 5.75rem);
  align-items: center;
}
.sign-up-page .sign-up-value-panel {
  position: relative;
  min-height: 640px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 1rem 0;
}
.sign-up-page .sign-up-value-copy {
  position: relative;
  z-index: 1;
  max-width: 560px;
  margin-bottom: 2.65rem;
}
.sign-up-page .sign-up-value-copy h1 {
  margin: 0 0 1.25rem;
  color: #081638;
  font-size: clamp(2.75rem, 5vw, 4.7rem);
  line-height: 0.98;
  font-weight: 800;
  letter-spacing: 0;
}
.sign-up-page .sign-up-value-copy p {
  max-width: 430px;
  margin: 0;
  color: #5f6f8b;
  font-size: 1.45rem;
  line-height: 1.35;
  font-weight: 600;
}
.sign-up-page .sign-up-feature-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1.25rem;
  max-width: 455px;
}
.sign-up-page .sign-up-feature-card {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 1rem;
  align-items: center;
  min-height: 104px;
  padding: 1.25rem 1.35rem;
  border: 1px solid rgba(135, 153, 180, 0.18);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 14px 34px rgba(17, 35, 67, 0.08);
  backdrop-filter: blur(8px);
}
.sign-up-page .sign-up-feature-card h2 {
  margin: 0 0 0.35rem;
  color: #17213a;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 800;
}
.sign-up-page .sign-up-feature-card p {
  margin: 0;
  color: #66758f;
  font-size: 0.93rem;
  line-height: 1.38;
  font-weight: 600;
}
.sign-up-page .sign-up-feature-icon {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #2f73ef;
  background: #eaf2ff;
  font-size: 1.35rem;
}
.sign-up-page .sign-up-trust-line {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: clamp(2.25rem, 6vh, 4rem) 0 0;
  color: #718097;
  font-size: 0.95rem;
  font-weight: 600;
}
.sign-up-page .sign-up-signal-motif {
  position: absolute;
  inset: auto -10% 7% 38%;
  width: 590px;
  height: 590px;
  opacity: 0.48;
  pointer-events: none;
}
.sign-up-page .signal-ring,
.sign-up-page .signal-node {
  position: absolute;
  display: block;
  border-radius: 50%;
}
.sign-up-page .signal-ring {
  border: 1px solid rgba(47, 115, 239, 0.18);
  animation: sign-up-signal-pulse 8s ease-in-out infinite;
}
.sign-up-page .signal-ring-one {
  inset: 31% 31%;
  border-width: 2px;
  background: radial-gradient(circle, rgba(47, 115, 239, 0.16), transparent 46%);
}
.sign-up-page .signal-ring-two {
  inset: 18% 18%;
  animation-delay: 1.4s;
}
.sign-up-page .signal-ring-three {
  inset: 4% 4%;
  animation-delay: 2.8s;
}
.sign-up-page .signal-node {
  width: 12px;
  height: 12px;
  border: 3px solid rgba(255, 255, 255, 0.86);
  background: rgba(47, 115, 239, 0.55);
  box-shadow: 0 0 0 5px rgba(47, 115, 239, 0.1);
}
.sign-up-page .signal-node-one {
  top: 34%;
  left: 38%;
}
.sign-up-page .signal-node-two {
  top: 58%;
  left: 20%;
}
.sign-up-page .signal-node-three {
  top: 21%;
  left: 66%;
}
.sign-up-page .sign-up-form-card {
  width: 100%;
  max-width: 635px;
  justify-self: end;
  padding: clamp(2.25rem, 3.7vw, 3.55rem) clamp(2rem, 3.6vw, 3.35rem) clamp(2.4rem, 4vw, 3.7rem);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(13, 28, 55, 0.13);
}
.sign-up-page .sign-up-form-card #error_explanation {
  margin-bottom: 1.4rem;
  border-radius: 12px;
  padding: 1rem 1.15rem;
}
.sign-up-page .sign-up-form-card .field_with_errors {
  display: contents;
}
.sign-up-page .sign-up-form-header {
  margin-bottom: 2.35rem;
}
.sign-up-page .sign-up-form-header h2 {
  margin: 0 0 0.55rem;
  color: #111a31;
  font-size: clamp(1.55rem, 2vw, 1.95rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: 0;
}
.sign-up-page .sign-up-form-header p {
  margin: 0;
  color: #5f6f87;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 600;
}
.sign-up-page .sign-up-form {
  display: grid;
  gap: 1.35rem;
}
.sign-up-page .sign-up-field {
  margin-bottom: 0;
}
.sign-up-page .sign-up-field .label {
  margin-bottom: 0.45rem;
  color: #1b2437;
  font-size: 0.88rem;
  font-weight: 800;
}
.sign-up-page .sign-up-field .input {
  height: 3.25rem;
  border-color: #d9e0ea;
  border-radius: 8px;
  color: #182239;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  font-weight: 600;
}
.sign-up-page .sign-up-field .input::placeholder {
  color: #a9b3c4;
}
.sign-up-page .sign-up-field .input:focus {
  border-color: #2f73ef;
  box-shadow: 0 0 0 3px rgba(47, 115, 239, 0.14);
}
.sign-up-page .sign-up-field .input.is-danger:focus {
  box-shadow: 0 0 0 3px rgba(241, 70, 104, 0.13);
}
.sign-up-page .sign-up-field .icon {
  color: #7b8ba5;
  height: 3.25rem;
}
.sign-up-page .sign-up-field .help {
  margin-top: 0.45rem;
  color: #728098;
  font-size: 0.79rem;
  font-weight: 600;
}
.sign-up-page .sign-up-field .help.is-danger {
  color: #cc334b;
}
.sign-up-page .sign-up-field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.15rem;
}
.sign-up-page [data-controller=password-strength] {
  display: grid;
  gap: 1.15rem;
}
.sign-up-page .sign-up-password-checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1.35rem;
  margin-top: 0.15rem;
  padding-top: 0.2rem;
  color: #63738b;
  font-size: 0.78rem;
  font-weight: 800;
}
.sign-up-page .sign-up-password-checklist span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.sign-up-page .sign-up-password-checklist i {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #2f73ef;
  background: #e6f0ff;
  font-size: 0.62rem;
}
.sign-up-page .sign-up-password-checklist.is-danger {
  color: #a83448;
}
.sign-up-page .sign-up-password-checklist.is-success {
  color: #246f3d;
}
.sign-up-page .sign-up-password-checklist.is-success i {
  color: #ffffff;
  background: #2f9e55;
}
.sign-up-page .sign-up-actions {
  margin-top: 0.85rem;
}
.sign-up-page .sign-up-submit {
  height: 3.35rem;
  border: 0;
  border-radius: 8px;
  background: #2f73ef;
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(47, 115, 239, 0.24);
  font-weight: 800;
}
.sign-up-page .sign-up-submit:hover, .sign-up-page .sign-up-submit:focus {
  background: #245fd0;
  color: #ffffff;
}
.sign-up-page .sign-up-submit:focus {
  box-shadow: 0 0 0 3px rgba(47, 115, 239, 0.18), 0 10px 20px rgba(47, 115, 239, 0.24);
}
.sign-up-page .sign-up-terms {
  margin: 1.15rem auto 0;
  max-width: 430px;
  color: #75839a;
  font-size: 0.78rem;
  line-height: 1.45;
  text-align: center;
  font-weight: 600;
}
.sign-up-page .sign-up-link {
  color: #2f73ef;
  font-weight: 800;
}
.sign-up-page .sign-up-link:hover, .sign-up-page .sign-up-link:focus {
  color: #1f55bd;
  text-decoration: underline;
}
.sign-up-page .sign-up-card-footer {
  margin-top: 1.8rem;
  padding-top: 1.55rem;
  border-top: 1px solid #edf1f6;
  color: #4d5a70;
  text-align: center;
  font-size: 0.95rem;
  font-weight: 600;
}
.sign-up-page .sign-up-card-footer span {
  margin-right: 0.35rem;
}
@media (max-width: 1100px) {
  .sign-up-page .sign-up-shell {
    grid-template-columns: 1fr;
    max-width: 680px;
    gap: 2rem;
  }
  .sign-up-page .sign-up-value-panel {
    min-height: 0;
    padding-top: 0;
  }
  .sign-up-page .sign-up-value-copy {
    margin-bottom: 1.85rem;
  }
  .sign-up-page .sign-up-feature-list {
    max-width: none;
  }
  .sign-up-page .sign-up-trust-line {
    margin-top: 2rem;
  }
  .sign-up-page .sign-up-signal-motif {
    inset: 4% -18% auto auto;
    width: 360px;
    height: 360px;
    opacity: 0.28;
  }
  .sign-up-page .sign-up-form-card {
    max-width: none;
    justify-self: stretch;
  }
}
@media (max-width: 640px) {
  .sign-up-page .sign-up-form-card {
    padding: 2rem 1.35rem 2.25rem;
  }
  .sign-up-page .sign-up-form-header {
    margin-bottom: 2rem;
  }
  .sign-up-page .sign-up-form {
    gap: 1.2rem;
  }
  .sign-up-page [data-controller=password-strength] {
    gap: 1.05rem;
  }
  .sign-up-page .sign-up-value-copy h1 {
    font-size: 2.65rem;
  }
  .sign-up-page .sign-up-value-copy p {
    font-size: 1.15rem;
  }
  .sign-up-page .sign-up-feature-card {
    grid-template-columns: 54px 1fr;
    min-height: 0;
    padding: 1rem;
  }
  .sign-up-page .sign-up-feature-icon {
    width: 44px;
    height: 44px;
    font-size: 1.05rem;
  }
  .sign-up-page .sign-up-field-grid {
    grid-template-columns: 1fr;
  }
  .sign-up-page .sign-up-password-checklist {
    display: grid;
    gap: 0.7rem;
  }
  .sign-up-page .sign-up-actions {
    margin-top: 0.75rem;
  }
  .sign-up-page .sign-up-card-footer {
    margin-top: 1.6rem;
    padding-top: 1.4rem;
  }
  .sign-up-page .sign-up-card-footer span {
    display: block;
    margin: 0 0 0.35rem;
  }
}

@keyframes sign-up-signal-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.72;
  }
  50% {
    transform: scale(1.025);
    opacity: 1;
  }
}
.sign-in-auth-layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f2f6fb;
}

.sign-in-auth-header {
  min-height: 5.15rem;
  display: flex;
  align-items: center;
  padding: 0.75rem clamp(1.35rem, 3vw, 2.25rem);
  background: #061433;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset;
}

.sign-in-auth-brand {
  display: inline-flex;
  align-items: center;
}
.sign-in-auth-brand .brand-logo {
  height: 58px;
  width: auto;
  max-width: min(245px, 64vw);
}

.sign-in-auth-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.8rem;
  padding: 1.2rem 1.5rem;
  border-top: 1px solid #dfe7f2;
  color: #8a96a8;
  background: rgba(255, 255, 255, 0.68);
  font-size: 0.82rem;
  font-weight: 600;
  text-align: center;
}

.sign-in-page {
  flex: 1;
}
.sign-in-page .sign-in-shell {
  width: 100%;
  max-width: 1320px;
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(440px, 0.82fr);
  gap: clamp(2.4rem, 5vw, 5.25rem);
  align-items: center;
}
.sign-in-page .sign-in-value-panel {
  position: relative;
  min-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 1rem 0;
}
.sign-in-page .sign-in-value-copy,
.sign-in-page .sign-in-love-line,
.sign-in-page .sign-in-feature-row,
.sign-in-page .sign-in-trust-line {
  position: relative;
  z-index: 1;
}
.sign-in-page .sign-in-value-copy {
  max-width: 560px;
  margin-bottom: clamp(2.35rem, 5vw, 4.35rem);
}
.sign-in-page .sign-in-value-copy h1 {
  max-width: 540px;
  margin: 0 0 1.2rem;
  color: #081638;
  font-size: clamp(2.85rem, 5vw, 4.55rem);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: 0;
}
.sign-in-page .sign-in-value-copy p {
  max-width: 500px;
  margin: 0;
  color: #52637f;
  font-size: 1.28rem;
  line-height: 1.42;
  font-weight: 600;
}
.sign-in-page .sign-in-love-line {
  display: flex;
  align-items: center;
  gap: clamp(0.9rem, 2vw, 1.35rem);
  min-height: 4.2rem;
  margin-bottom: clamp(2.4rem, 5vw, 4rem);
  color: #0b1737;
  font-size: clamp(1.9rem, 3vw, 2.55rem);
  line-height: 1.05;
  font-weight: 800;
}
.sign-in-page .sign-in-love-heart {
  width: clamp(3.2rem, 5vw, 4.15rem);
  height: clamp(3.2rem, 5vw, 4.15rem);
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  background: #3f9cff;
  box-shadow: 0 16px 30px rgba(63, 156, 255, 0.24);
  animation: sign-in-heartbeat 2.8s ease-in-out infinite;
}
.sign-in-page .rotating-sentences {
  display: inline-flex;
  align-items: center;
  min-width: min(52vw, 23rem);
  min-height: 3rem;
  color: #2f73ef;
  opacity: 0;
  transition: opacity 0.32s ease;
}
.sign-in-page .rotating-sentences::after {
  content: "";
  width: 2px;
  height: 0.9em;
  margin-left: 0.18rem;
  border-radius: 2px;
  background: currentColor;
  animation: sign-in-caret 1s steps(2, start) infinite;
}
.sign-in-page .rotating-sentences.is-visible {
  opacity: 1;
}
.sign-in-page .sign-in-feature-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(72px, 1fr));
  gap: 0.9rem;
  max-width: 720px;
  margin-bottom: clamp(2.5rem, 5vw, 4.25rem);
}
.sign-in-page .sign-in-feature-item {
  display: grid;
  gap: 0.65rem;
  justify-items: center;
  min-width: 0;
  color: #34415b;
  font-size: 0.82rem;
  line-height: 1.25;
  text-align: center;
  font-weight: 700;
}
.sign-in-page .sign-in-feature-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(199, 213, 232, 0.68);
  border-radius: 12px;
  color: #2f73ef;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 14px 30px rgba(17, 35, 67, 0.08);
  font-size: 1.3rem;
}
.sign-in-page .sign-in-trust-line {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0;
  color: #66758d;
  font-size: 0.95rem;
  line-height: 1.4;
  font-weight: 600;
}
.sign-in-page .sign-in-trust-line strong {
  color: #15213b;
  font-weight: 800;
}
.sign-in-page .sign-in-trust-icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #2f73ef;
  background: #e9f2ff;
}
.sign-in-page .sign-in-signal-motif {
  position: absolute;
  inset: 16% -9% auto 18%;
  width: 720px;
  height: 520px;
  opacity: 0.5;
  pointer-events: none;
}
.sign-in-page .signal-ring,
.sign-in-page .signal-node,
.sign-in-page .signal-line {
  position: absolute;
  display: block;
}
.sign-in-page .signal-ring {
  border: 1px solid rgba(47, 115, 239, 0.16);
  border-radius: 50%;
  animation: sign-up-signal-pulse 8s ease-in-out infinite;
}
.sign-in-page .signal-ring-one {
  inset: 34% 36%;
  border-width: 2px;
  background: radial-gradient(circle, rgba(47, 115, 239, 0.14), transparent 48%);
}
.sign-in-page .signal-ring-two {
  inset: 20% 24%;
  animation-delay: 1.4s;
}
.sign-in-page .signal-ring-three {
  inset: 5% 9%;
  animation-delay: 2.8s;
}
.sign-in-page .signal-node {
  width: 10px;
  height: 10px;
  border: 3px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background: rgba(47, 115, 239, 0.48);
  box-shadow: 0 0 0 5px rgba(47, 115, 239, 0.08);
}
.sign-in-page .signal-node-one {
  top: 24%;
  left: 70%;
}
.sign-in-page .signal-node-two {
  top: 62%;
  left: 18%;
}
.sign-in-page .signal-node-three {
  top: 54%;
  left: 57%;
}
.sign-in-page .signal-line {
  height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(47, 115, 239, 0.18), rgba(47, 115, 239, 0));
}
.sign-in-page .signal-line-one {
  top: 26%;
  left: 55%;
  width: 170px;
  transform: rotate(-25deg);
}
.sign-in-page .signal-line-two {
  top: 62%;
  left: 14%;
  width: 250px;
  transform: rotate(-14deg);
}
.sign-in-page .sign-in-form-card {
  width: 100%;
  max-width: 550px;
  justify-self: end;
  padding: clamp(2.25rem, 4vw, 3.45rem);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(13, 28, 55, 0.13);
}
.sign-in-page .sign-in-form-card #error_explanation {
  margin-bottom: 1.4rem;
  border-radius: 12px;
  padding: 1rem 1.15rem;
}
.sign-in-page .sign-in-form-card .field_with_errors {
  display: contents;
}
.sign-in-page .sign-in-form-header {
  margin-bottom: 2.2rem;
}
.sign-in-page .sign-in-form-header h2 {
  margin: 0 0 0.55rem;
  color: #111a31;
  font-size: clamp(1.6rem, 2vw, 2rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: 0;
}
.sign-in-page .sign-in-form-header p {
  margin: 0;
  color: #5f6f87;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 600;
}
.sign-in-page .sign-in-form {
  display: grid;
  gap: 1.35rem;
}
.sign-in-page .sign-in-field {
  margin-bottom: 0;
}
.sign-in-page .sign-in-field .label {
  margin-bottom: 0.45rem;
  color: #1b2437;
  font-size: 0.88rem;
  font-weight: 800;
}
.sign-in-page .sign-in-field .input {
  height: 3.25rem;
  border-color: #d9e0ea;
  border-radius: 8px;
  color: #182239;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  font-weight: 600;
}
.sign-in-page .sign-in-field .input::placeholder {
  color: #a9b3c4;
}
.sign-in-page .sign-in-field .input:focus {
  border-color: #2f73ef;
  box-shadow: 0 0 0 3px rgba(47, 115, 239, 0.14);
}
.sign-in-page .sign-in-field .input.is-danger:focus {
  box-shadow: 0 0 0 3px rgba(241, 70, 104, 0.13);
}
.sign-in-page .sign-in-field .icon {
  color: #7b8ba5;
  height: 3.25rem;
}
.sign-in-page .sign-in-form-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: -0.25rem;
  color: #4d5a70;
  font-size: 0.92rem;
  font-weight: 700;
}
.sign-in-page .sign-in-remember {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: #4d5a70;
  font-weight: 700;
}
.sign-in-page .sign-in-remember input {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #2f73ef;
}
.sign-in-page .sign-in-link {
  color: #2f73ef;
  font-weight: 800;
}
.sign-in-page .sign-in-link:hover, .sign-in-page .sign-in-link:focus {
  color: #1f55bd;
  text-decoration: underline;
}
.sign-in-page .sign-in-actions {
  margin-top: 0.5rem;
}
.sign-in-page .sign-in-submit {
  height: 3.35rem;
  border: 0;
  border-radius: 8px;
  background: #2f73ef;
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(47, 115, 239, 0.24);
  font-weight: 800;
}
.sign-in-page .sign-in-submit:hover, .sign-in-page .sign-in-submit:focus {
  background: #245fd0;
  color: #ffffff;
}
.sign-in-page .sign-in-submit:focus {
  box-shadow: 0 0 0 3px rgba(47, 115, 239, 0.18), 0 10px 20px rgba(47, 115, 239, 0.24);
}
.sign-in-page .sign-in-card-footer {
  margin-top: 1.8rem;
  padding-top: 1.55rem;
  border-top: 1px solid #edf1f6;
  color: #4d5a70;
  text-align: center;
  font-size: 0.95rem;
  font-weight: 600;
}
.sign-in-page .sign-in-card-footer span {
  margin-right: 0.35rem;
}
@media (max-width: 1100px) {
  .sign-in-page .sign-in-shell {
    grid-template-columns: 1fr;
    max-width: 700px;
    gap: 2rem;
  }
  .sign-in-page .sign-in-value-panel {
    min-height: 0;
    padding-top: 0;
  }
  .sign-in-page .sign-in-value-copy {
    margin-bottom: 2rem;
  }
  .sign-in-page .sign-in-feature-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: none;
    margin-bottom: 2rem;
  }
  .sign-in-page .sign-in-signal-motif {
    inset: 1% -24% auto auto;
    width: 420px;
    height: 360px;
    opacity: 0.25;
  }
  .sign-in-page .sign-in-form-card {
    max-width: none;
    justify-self: stretch;
  }
}
@media (max-width: 640px) {
  .sign-in-page .sign-in-value-copy h1 {
    font-size: 2.65rem;
  }
  .sign-in-page .sign-in-value-copy p {
    font-size: 1.12rem;
  }
  .sign-in-page .sign-in-love-line {
    gap: 0.75rem;
    min-height: 3.6rem;
    margin-bottom: 2rem;
    font-size: 1.65rem;
  }
  .sign-in-page .rotating-sentences {
    min-width: 0;
    flex: 1 1 auto;
    word-break: normal;
  }
  .sign-in-page .sign-in-feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 0.7rem;
  }
  .sign-in-page .sign-in-feature-icon {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
  }
  .sign-in-page .sign-in-form-card {
    padding: 2rem 1.35rem 2.25rem;
  }
  .sign-in-page .sign-in-form-options {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
  }
  .sign-in-page .sign-in-card-footer span {
    display: block;
    margin: 0 0 0.35rem;
  }
}

@keyframes sign-in-heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  16% {
    transform: scale(1.06);
  }
  30% {
    transform: scale(0.98);
  }
  44% {
    transform: scale(1.04);
  }
}
@keyframes sign-in-caret {
  0%, 45% {
    opacity: 1;
  }
  46%, 100% {
    opacity: 0;
  }
}
.unauthenticated-layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f2f6fb;
}

.unauthenticated-section {
  padding: 0;
  flex: 1;
}
.unauthenticated-section > .container {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

html {
  background-color: #f2f6fb;
}

.unauthenticated-layout .hero.has-background-link {
  background-color: #061433 !important;
}

.unauthenticated-layout .footer {
  padding: 1.25rem 1.5rem 1.6rem;
  background: #f2f6fb;
  color: #7b8798;
  font-size: 0.82rem;
  font-weight: 600;
  text-align: center;
}

/* Shared auth notification styling (signup + login) */
.notification.auth-notification {
  margin-bottom: 2.25rem;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.notification.auth-notification.is-success {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}

.notification.auth-notification.is-danger {
  background: #fef2f2;
  border-color: #fecaca;
  color: #7f1d1d;
}

.notification.auth-flash {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.auth-flash__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  font-size: 0.95rem;
}

.notification.auth-flash.is-success .auth-flash__icon {
  background: #dcfce7;
  color: #15803d;
}

.notification.auth-flash.is-danger .auth-flash__icon {
  background: #fee2e2;
  color: #b91c1c;
}

.auth-flash__message {
  font-weight: 650;
  line-height: 1.35;
}

.notification.auth-notification .title {
  margin-bottom: 0.5rem;
  font-size: var(--font-size-body);
  font-weight: 600;
}

.notification.auth-notification ul {
  margin-left: 1.25rem;
  margin-top: 0.25rem;
  list-style: disc;
}

.notification.auth-notification li + li {
  margin-top: 0.15rem;
}

.auth-form-card {
  max-width: 640px;
  margin: 0 auto;
}

.auth-links {
  border-top: 1px solid #e5e7eb;
  padding-top: 1rem;
}

.auth-links p + p {
  margin-top: 0.4rem;
}

.auth-links a {
  font-size: var(--font-size-body);
  color: #1f3fd8;
}

.auth-links a:hover {
  color: #112a99;
  text-decoration: underline;
}

.profile-onboarding-page {
  min-height: calc(100vh - 5rem);
  padding: 2rem 1.5rem 4rem;
  background: radial-gradient(circle at 78% 16%, rgba(47, 115, 239, 0.1), transparent 28rem), linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
  color: #0b1737;
}

.profile-onboarding-shell {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.profile-onboarding-intro {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
  text-align: center;
}

.profile-onboarding-step {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  background: #e8f0ff;
  color: #1f55e6;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1;
}

.profile-onboarding-intro h1 {
  max-width: 1000px;
  margin: 1.35rem auto 0.8rem;
  color: #081638;
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
}

.profile-onboarding-intro p {
  max-width: 520px;
  margin: 0 auto;
  color: #52637f;
  font-size: 1.18rem;
  font-weight: 600;
  line-height: 1.45;
}

.profile-onboarding-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  list-style: none;
  margin: 2.2rem auto 0;
  max-width: 720px;
  padding: 0;
}

.profile-onboarding-progress li {
  position: relative;
  display: grid;
  gap: 0.6rem;
  justify-items: center;
  color: #5f6f87;
  font-size: 0.83rem;
  font-weight: 700;
  text-align: center;
}

.profile-onboarding-progress li::before {
  content: "";
  position: absolute;
  top: 16px;
  left: calc(-50% + 22px);
  right: calc(50% + 22px);
  height: 2px;
  background: #cdd9ea;
}

.profile-onboarding-progress li:first-child::before {
  display: none;
}

.profile-onboarding-progress li.is-complete::before,
.profile-onboarding-progress li.is-current::before {
  background: #2f73ef;
}

.profile-onboarding-progress__marker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 2px solid #d9e3f1;
  border-radius: 50%;
  background: #ffffff;
  color: #73819a;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  font-size: 0.9rem;
  font-weight: 900;
}

.profile-onboarding-progress .is-complete .profile-onboarding-progress__marker {
  border-color: #74d681;
  background: #e9fbec;
  color: #2f9e55;
}

.profile-onboarding-progress .is-current {
  color: #1f55e6;
}

.profile-onboarding-progress .is-current .profile-onboarding-progress__marker {
  border-color: #2f73ef;
  background: #2f73ef;
  color: #ffffff;
}

.profile-onboarding-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.58fr) minmax(420px, 1fr);
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: stretch;
}

.profile-onboarding-support,
.profile-onboarding-card {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 22px 60px rgba(13, 28, 55, 0.12);
}

.profile-onboarding-support {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 330px;
  padding: 2rem;
}

.profile-onboarding-support__visual {
  position: relative;
  width: 142px;
  height: 110px;
  margin: 0 auto 1.65rem;
}

.profile-onboarding-support__tile,
.profile-onboarding-support__person {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #ffffff;
  color: #2f73ef;
  box-shadow: 0 14px 30px rgba(47, 115, 239, 0.16);
}

.profile-onboarding-support__tile {
  top: 18px;
  left: 24px;
  width: 72px;
  height: 54px;
  border: 1px solid #dce7fb;
}

.profile-onboarding-support__person {
  right: 18px;
  bottom: 8px;
  width: 50px;
  height: 50px;
  background: #e9f2ff;
}

.profile-onboarding-support__spark {
  position: absolute;
  color: #2f73ef;
  font-size: 0.8rem;
}

.profile-onboarding-support__spark--one {
  left: 4px;
  top: 46px;
}

.profile-onboarding-support__spark--two {
  right: 0;
  top: 24px;
}

.profile-onboarding-support h2 {
  margin: 0 0 0.8rem;
  color: #081638;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.18;
}

.profile-onboarding-support p {
  margin: 0;
  color: #52637f;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.profile-onboarding-support__dots {
  display: flex;
  gap: 0.55rem;
  margin-top: 1.8rem;
}

.profile-onboarding-support__dots span {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #c9d8f8;
}

.profile-onboarding-support__dots .is-active {
  width: 2.4rem;
  background: #2f73ef;
}

.profile-onboarding-card {
  padding: clamp(2rem, 4vw, 3rem);
}

.profile-onboarding-form {
  display: grid;
  gap: 1.65rem;
}

.profile-onboarding-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.65rem;
}

.profile-onboarding-field {
  margin-bottom: 0;
}

.profile-onboarding-field .label {
  margin-bottom: 0.55rem;
  color: #121b31;
  font-size: 0.94rem;
  font-weight: 800;
}

.profile-onboarding-field .input {
  height: 3.35rem;
  border-color: #d9e0ea;
  border-radius: 8px;
  color: #182239;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  font-weight: 600;
}

.profile-onboarding-field .input::placeholder {
  color: #a9b3c4;
}

.profile-onboarding-field .input:focus {
  border-color: #2f73ef;
  box-shadow: 0 0 0 3px rgba(47, 115, 239, 0.14);
}

.profile-onboarding-field .icon {
  height: 3.35rem;
  color: #8a98ad;
}

.profile-onboarding-field .help {
  margin-top: 0.55rem;
  color: #66758f;
  font-size: 0.86rem;
  font-weight: 700;
}

.profile-onboarding-field .help.is-danger {
  color: #cc334d;
}

.profile-onboarding-field .input.is-danger {
  border-color: #cc334d;
  box-shadow: 0 0 0 3px rgba(204, 51, 77, 0.12);
}

.pac-container {
  border-color: #d9e0ea;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
  color: #182239;
  font-family: "Inter", sans-serif;
}

.profile-onboarding-guidance {
  display: grid;
  gap: 0.35rem;
  margin-top: 0.75rem;
  padding: 0.85rem 1rem;
  border: 1px solid #f0c9d1;
  border-radius: 8px;
  background: #fff7f8;
  color: #5f2430;
  font-size: 0.9rem;
  line-height: 1.45;
}

.profile-onboarding-guidance p {
  margin: 0;
}

.profile-onboarding-guidance__title {
  color: #9f2239;
  font-weight: 800;
}

.profile-onboarding-guidance a {
  color: #1d63f2;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.profile-onboarding-actions {
  display: grid;
  gap: 1.1rem;
  justify-items: end;
  margin-top: 0.25rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e6edf7;
}

.profile-onboarding-submit {
  min-width: 220px;
  height: 3.35rem;
  border: 0;
  border-radius: 8px;
  background: #2f73ef;
  box-shadow: 0 10px 20px rgba(47, 115, 239, 0.24);
  font-weight: 800;
}

.profile-onboarding-submit:hover,
.profile-onboarding-submit:focus {
  background: #245fd0;
}

.profile-onboarding-actions p {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  color: #66758f;
  font-size: 0.88rem;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .auth-page {
    padding: 1.25rem 1.25rem 1.5rem;
    overflow-x: hidden;
  }
  .sign-up-page .sign-up-shell,
  .sign-in-page .sign-in-shell,
  .accept-invite-page .accept-invite-shell {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
  }
  .sign-up-page .sign-up-value-panel,
  .sign-in-page .sign-in-value-panel,
  .accept-invite-page .accept-invite-value-panel {
    display: contents;
    min-height: auto;
    overflow: visible;
  }
  .sign-up-page .sign-up-signal-motif,
  .sign-in-page .sign-in-signal-motif {
    display: none;
  }
  .sign-up-page .sign-up-value-copy,
  .sign-in-page .sign-in-value-copy {
    margin-bottom: 0;
    max-width: none;
    order: 1;
  }
  .sign-up-page .sign-up-value-copy {
    display: none;
  }
  .auth-heading-desktop,
  .auth-copy-desktop {
    display: none;
  }
  .auth-heading-mobile,
  .auth-copy-mobile {
    display: inline;
  }
  .sign-up-page .sign-up-value-copy h1,
  .sign-in-page .sign-in-value-copy h1,
  .accept-invite-page .accept-invite-value-copy h1 {
    margin-bottom: 0.5rem;
    font-size: clamp(2rem, 8.8vw, 2.25rem);
    font-weight: 720;
    line-height: 1.08;
  }
  .sign-up-page .sign-up-value-copy p,
  .sign-in-page .sign-in-value-copy p,
  .accept-invite-page .accept-invite-value-copy p {
    max-width: none;
    font-size: clamp(1rem, 4.4vw, 1.1rem);
    line-height: 1.35;
  }
  .sign-up-page .sign-up-form-card,
  .sign-in-page .sign-in-form-card,
  .accept-invite-page .accept-invite-form-card {
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(13, 28, 55, 0.1);
    max-width: none;
    min-width: 0;
    order: 2;
    padding: 1.2rem 1rem 1.35rem;
    width: 100%;
  }
  .sign-up-page .sign-up-form-header,
  .sign-in-page .sign-in-form-header {
    margin-bottom: 1.15rem;
  }
  .sign-up-page .sign-up-form-header h2,
  .sign-in-page .sign-in-form-header h2 {
    font-size: clamp(1.35rem, 6vw, 1.55rem);
  }
  .sign-up-page .sign-up-form-header p,
  .sign-in-page .sign-in-form-header p {
    font-size: 0.95rem;
  }
  .sign-up-page .sign-up-form,
  .sign-in-page .sign-in-form {
    gap: 0.95rem;
  }
  .sign-up-page [data-controller=password-strength] {
    gap: 0.95rem;
  }
  .sign-up-page .sign-up-field .input,
  .sign-in-page .sign-in-field .input,
  .sign-up-page .sign-up-submit,
  .sign-in-page .sign-in-submit {
    width: 100%;
  }
  .sign-in-page .sign-in-love-line {
    display: none;
  }
  .sign-in-page .sign-in-love-word {
    grid-column: 1/-1;
  }
  .sign-in-page .sign-in-love-heart {
    height: 2.7rem;
    width: 2.7rem;
  }
  .sign-in-page .rotating-sentences {
    min-height: 2.7rem;
    min-width: 0;
    overflow: visible;
    white-space: normal;
    word-break: normal;
  }
  .sign-in-page .sign-in-feature-row {
    display: none;
  }
  .sign-in-page .sign-in-feature-icon {
    height: 44px;
    width: 44px;
  }
  .sign-in-page .sign-in-trust-line {
    margin-top: 0;
    order: 3;
  }
  .sign-up-page .sign-up-feature-list {
    gap: 0.75rem;
    order: 3;
  }
  .sign-up-page .sign-up-feature-card {
    grid-template-columns: 46px minmax(0, 1fr);
    min-height: 0;
    padding: 0.9rem;
    width: 100%;
  }
  .sign-up-page .sign-up-feature-icon {
    height: 40px;
    width: 40px;
  }
  .sign-up-page .sign-up-trust-line {
    margin: 0;
    order: 4;
  }
  .sign-up-page .sign-up-field-grid {
    gap: 0.95rem;
    grid-template-columns: 1fr;
  }
  .sign-up-page .sign-up-password-checklist {
    gap: 0.55rem;
  }
  .sign-up-page .sign-up-card-footer,
  .sign-in-page .sign-in-card-footer {
    margin-top: 1.15rem;
    padding-top: 1rem;
  }
  .sign-in-auth-header {
    min-height: 4.25rem;
    padding: 0.55rem 1rem;
  }
  .sign-in-auth-brand .brand-logo {
    height: 46px;
    max-width: min(220px, 70vw);
  }
  .sign-in-auth-footer {
    min-height: 0;
    padding: 0.9rem 1rem;
  }
}
@media screen and (max-width: 480px) {
  .auth-page {
    padding: 1.1rem 1rem 1.25rem;
  }
  .sign-in-page .sign-in-love-line,
  .sign-in-page .sign-in-feature-row {
    display: none;
  }
  .sign-up-page .sign-up-feature-card p {
    display: none;
  }
  .sign-up-page .sign-up-feature-card {
    align-items: center;
  }
  .sign-up-page .sign-up-form-card,
  .sign-in-page .sign-in-form-card {
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(13, 28, 55, 0.1);
  }
}
@media screen and (max-width: 900px) {
  .profile-onboarding-page {
    padding: 1.6rem 1rem 2rem;
  }
  .profile-onboarding-intro {
    margin-bottom: 1.25rem;
  }
  .profile-onboarding-intro h1 {
    margin-top: 1rem;
    font-size: clamp(2rem, 9vw, 2.55rem);
    line-height: 1.08;
  }
  .profile-onboarding-intro p {
    font-size: 1rem;
  }
  .profile-onboarding-progress {
    margin-top: 1.5rem;
  }
  .profile-onboarding-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .profile-onboarding-card {
    order: 1;
    padding: 1.2rem 1rem 1.35rem;
  }
  .profile-onboarding-support {
    order: 2;
    min-height: 0;
    padding: 1.35rem 1rem;
  }
  .profile-onboarding-support__visual {
    display: none;
  }
  .profile-onboarding-form {
    gap: 1.2rem;
  }
  .profile-onboarding-field-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .profile-onboarding-actions {
    justify-items: stretch;
    padding-top: 1.25rem;
  }
  .profile-onboarding-submit {
    width: 100%;
  }
  .profile-onboarding-actions p {
    justify-content: center;
    text-align: center;
  }
}
:root {
  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --font-size-2xl: 1.25rem;
  --font-size-3xl: 1.5rem;
  --font-size-4xl: 2rem;
  --font-size-caption: var(--font-size-xs);
  --font-size-label: var(--font-size-sm);
  --font-size-body: var(--font-size-md);
  --font-size-body-large: var(--font-size-lg);
}

/* =========================================================
   Welcome Splash (first-time only)
   ========================================================= */
.welcome-splash {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.75rem 1.5rem 3rem;
}
.welcome-splash .welcome-splash-card {
  max-width: 1040px;
  width: 100%;
  text-align: center;
  padding: 2.5rem 2.75rem;
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.12);
}
.welcome-splash .welcome-splash-card .welcome-splash-body {
  font-size: var(--font-size-body);
  color: #4b5563;
  max-width: 560px;
  margin: 0 auto;
}
.welcome-splash .welcome-splash-card .welcome-splash-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.welcome-splash .welcome-splash-card .welcome-splash-actions.welcome-splash-actions--top {
  margin-top: -0.25rem;
}
.welcome-splash .welcome-splash-card .welcome-splash-actions .welcome-primary-cta {
  padding-inline: 1.75rem;
}

.welcome-trial-banner {
  max-width: 1040px;
  margin: 0 auto 1.25rem auto;
  border: 1px solid #f2dd9d;
  background: linear-gradient(135deg, #fff8df 0%, #fff2c7 100%);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.welcome-trial-banner__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.welcome-trial-banner__eyebrow {
  margin: 0 0 0.35rem 0;
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7c5a10;
}

.welcome-trial-banner__message {
  margin: 0;
  font-size: var(--font-size-body);
  color: #523d12;
}

.welcome-trial-banner__actions {
  flex-shrink: 0;
}

.welcome-next-steps {
  text-align: left;
}
.welcome-next-steps .welcome-next-steps-label {
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
  text-align: center;
}
.welcome-next-steps .welcome-next-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  align-items: stretch;
}
.welcome-next-steps .welcome-next-step-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 12px;
  border: 1px solid #edf2f7;
  text-align: left;
  min-height: 170px;
  height: 100%;
  padding: 1.15rem 1.2rem;
  background: #ffffff;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
}
.welcome-next-steps .welcome-next-step-card .welcome-next-step-icon {
  color: var(--brand-active-bg);
  opacity: 0.82;
}
.welcome-next-steps .welcome-next-step-card .welcome-next-step-icon .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.welcome-next-steps .welcome-next-step-card .welcome-next-step-icon .icon i {
  font-size: 1.3rem;
}

@media (min-width: 1024px) {
  .welcome-next-steps .welcome-next-steps-grid > :last-child:nth-child(3n+1) {
    grid-column: 2;
  }
}
.welcome-platform-panel {
  margin-top: 1.25rem;
  border: 1px solid #d8e8fb;
  background: #f8fbff;
  text-align: left;
}

@media (max-width: 1023px) {
  .welcome-trial-banner__content {
    align-items: flex-start;
    flex-direction: column;
  }
  .welcome-next-steps .welcome-next-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .welcome-next-steps .welcome-next-steps-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   Get Started Checklist
   ========================================================= */
.welcome-checklist-page {
  max-width: 960px;
  margin: 0 auto 3rem auto;
}

.organisation-setup-page .organisation-setup-progress {
  border: 1px solid #d9e5ef;
  background: #ffffff;
}
.organisation-setup-page .organisation-setup-progress.is-complete {
  border-color: #d8eadf;
}
.organisation-setup-page .organisation-setup-progress__eyebrow,
.organisation-setup-page .organisation-setup-next-step__eyebrow {
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}
.organisation-setup-page .organisation-setup-progress__count {
  font-size: var(--font-size-md);
  color: #0f172a;
}
.organisation-setup-page .organisation-setup-progress__complete-header {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
}
.organisation-setup-page .organisation-setup-progress__complete-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #ecfdf5;
  color: #15803d;
  flex-shrink: 0;
}
.organisation-setup-page .organisation-setup-progress__bar {
  width: 100%;
  height: 0.55rem;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
  margin-bottom: 0.85rem;
}
.organisation-setup-page .organisation-setup-progress__fill {
  height: 100%;
  border-radius: inherit;
  background: var(--brand-active-bg);
}
.organisation-setup-page .organisation-setup-progress.is-complete .organisation-setup-progress__fill {
  background: #22c55e;
}
.organisation-setup-page .organisation-setup-next-step {
  border: 1px solid #cfe4dd;
  background: #ffffff;
}
.organisation-setup-page .organisation-setup-section__header {
  margin-bottom: 0.9rem;
}
.organisation-setup-page .organisation-setup-section--core {
  border: 1px solid #e5edf4;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
}
.organisation-setup-page .organisation-setup-section__divider {
  border-top: 1px solid #e2e8f0;
  margin: 1.75rem 0 1.1rem;
}
.organisation-setup-page .organisation-setup-section--optional .organisation-setup-section__header h2 {
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.welcome-checklist-intro {
  margin-bottom: 1.5rem;
}

/* Cards container */
.welcome-steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
  margin-bottom: 2rem;
}

/* Individual step card */
.welcome-step-card {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 1.1rem 1.2rem;
  background: #ffffff;
  transition: box-shadow 0.15s ease, transform 0.1s ease, border-color 0.15s ease;
}
.welcome-step-card .welcome-step-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.55rem;
}
.welcome-step-card .welcome-step-label {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
}
.welcome-step-card .welcome-step-summary {
  font-size: var(--font-size-body);
  color: #4b5563;
  line-height: 1.45;
}
.welcome-step-card .welcome-step-footnote {
  font-size: var(--font-size-sm);
}
.welcome-step-card:hover {
  border-color: rgba(73, 175, 243, 0.5);
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.07);
  transform: translateY(-1px);
}
.welcome-step-card.is-complete {
  /* Keep the card clean, minimal, and consistent */
  background: #ffffff;
  border-color: #e5e7eb;
  position: relative;
}
.welcome-step-card.is-complete::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 18px;
  height: 18px;
  background: url(/assets/icons/check-circle-grey.svg) no-repeat center;
  background-size: 18px 18px;
  opacity: 0.65;
  pointer-events: none;
}
.welcome-step-card.is-optional {
  border-style: solid;
  border-color: #e8edf3;
}
.welcome-step-card.is-locked {
  background: #fbfcfd;
}
.welcome-step-card .status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: var(--font-size-xs);
  font-weight: 500;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #6b7280;
}
.welcome-step-card .status-pill i {
  font-size: var(--font-size-xs);
}
.welcome-step-card .status-pill.is-complete {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #065f46;
}
.welcome-step-card .status-pill.is-complete i {
  color: #059669;
}
.welcome-step-card .status-pill.is-recommended {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #4338ca;
}
.welcome-step-card .status-pill.is-optional {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #6b7280;
  font-style: italic;
}

.organisation-setup-card__title {
  font-size: 1.2rem;
  line-height: 1.25;
}

.organisation-setup-card__icon {
  color: var(--brand-active-bg);
  opacity: 0.88;
}
.organisation-setup-card__icon .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.organisation-setup-card__icon .icon i {
  font-size: 1.15rem;
}

.organisation-setup-card {
  position: relative;
  cursor: pointer;
}

.organisation-setup-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  text-indent: -9999px;
  overflow: hidden;
}

.organisation-setup-card .welcome-step-header,
.organisation-setup-card .organisation-setup-card__title,
.organisation-setup-card .welcome-step-summary,
.organisation-setup-card .welcome-step-footnote {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

/* Final “You’re all set” card */
.welcome-final-step {
  text-align: left;
}
.welcome-final-step .button + .button {
  margin-left: 0.5rem;
}

.dashboard-page {
  --nt-blue: #1d63f2;
  --nt-ink: #0f1b3d;
  --nt-muted: #66758f;
  --nt-border: #dfe6f0;
  --nt-bg-soft: #f5f8fd;
  display: grid;
  gap: 1.1rem;
  background: transparent;
}

.dashboard-section-kicker {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.2;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
}

.dashboard-primary-button,
.dashboard-quiet-button {
  border-radius: 6px;
  font-weight: 700;
}

.dashboard-priority-panel,
.dashboard-operating-panel,
.dashboard-compact-panel {
  background: #ffffff;
  border: 1px solid #dbe3ee;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.dashboard-priority-panel {
  overflow: hidden;
}

.dashboard-priority-panel--empty {
  padding: 1rem;
}

.dashboard-priority-panel--empty .dashboard-empty-state {
  min-height: 0;
  padding: 0.85rem 1rem;
}

.dashboard-priority-panel__header,
.dashboard-panel-head {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.dashboard-priority-panel__header {
  border-bottom: 1px solid #edf2f7;
  padding: 1rem 1.1rem 0.9rem;
}

.dashboard-section-title {
  color: #111827;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin: 0;
}

.dashboard-priority-layout {
  display: grid;
  gap: 0;
}

.dashboard-priority-lead,
.dashboard-priority-item {
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease;
}

.dashboard-priority-lead:hover,
.dashboard-priority-lead:focus-visible,
.dashboard-priority-item:hover,
.dashboard-priority-item:focus-visible {
  background: #fbfdff;
  outline: none;
}

.dashboard-priority-lead {
  align-items: flex-start;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 1.05rem 1.1rem;
}

.dashboard-priority-lead__icon,
.dashboard-priority-item__icon {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  color: #334155;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
}

.dashboard-priority-lead__icon {
  font-size: 1.1rem;
  height: 2.4rem;
  width: 2.4rem;
}

.dashboard-priority-lead__copy,
.dashboard-priority-item__copy {
  min-width: 0;
}

.dashboard-priority-lead__meta,
.dashboard-priority-item__meta {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.3rem;
}

.dashboard-priority-lead__title {
  color: #0f172a;
  font-size: clamp(1.08rem, 1.5vw, 1.32rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.18;
  margin: 0;
}

.dashboard-priority-lead__body,
.dashboard-priority-item__body {
  color: #475569;
  line-height: 1.45;
  margin: 0.4rem 0 0;
}

.dashboard-priority-action {
  grid-column: 2;
  justify-self: start;
  margin-top: 0.25rem;
}

.dashboard-priority-list {
  border-top: 1px solid #edf2f7;
  display: grid;
}

.dashboard-priority-item {
  align-items: center;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 0.8rem 1.1rem;
}

.dashboard-priority-item + .dashboard-priority-item {
  border-top: 1px solid #f1f5f9;
}

.dashboard-priority-item__icon {
  font-size: 0.95rem;
  height: 2rem;
  width: 2rem;
}

.dashboard-priority-item__title {
  color: #111827;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
}

.dashboard-priority-item__body {
  font-size: 0.86rem;
}

.dashboard-priority-item__action {
  border-radius: 6px;
  color: #1e3a8a;
  font-weight: 600;
  white-space: nowrap;
}

.dashboard-priority-panel__footer {
  border-top: 1px solid #edf2f7;
  padding: 0.85rem 1.25rem;
}

.dashboard-signals-strip {
  min-width: 0;
}

.dashboard-operations-grid,
.dashboard-secondary-grid {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.dashboard-operations-grid {
  grid-auto-flow: row;
  grid-template-columns: minmax(0, 1fr) !important;
}

.dashboard-operating-panel {
  min-width: 0;
  padding: 1rem 1.1rem;
}

.dashboard-operating-panel--teams {
  min-width: 0;
  padding: 24px 28px 26px;
}

.dashboard-panel-head {
  margin-bottom: 1rem;
}

.dashboard-panel-head--compact {
  margin-bottom: 0.75rem;
}

.dashboard-panel-subtitle {
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.35;
  margin: 0.3rem 0 0;
}

.dashboard-compact-panel {
  --dashboard-compact-accent: #2563eb;
  --dashboard-compact-accent-rgb: 37, 99, 235;
  overflow: hidden;
  padding: 1rem 1.05rem 1.12rem;
}

.dashboard-compact-panel--renewals {
  --dashboard-compact-accent: #16a34a;
  --dashboard-compact-accent-rgb: 22, 163, 74;
}

.dashboard-compact-panel--risks {
  --dashboard-compact-accent: #2563eb;
  --dashboard-compact-accent-rgb: 37, 99, 235;
}

.dashboard-compact-panel--decisions {
  --dashboard-compact-accent: #7c3aed;
  --dashboard-compact-accent-rgb: 124, 58, 237;
}

.dashboard-panel-head--compact {
  align-items: center;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-bottom: 1rem;
}

.dashboard-compact-panel__header-icon {
  align-items: center;
  background: rgba(var(--dashboard-compact-accent-rgb), 0.08);
  border-radius: 999px;
  color: var(--dashboard-compact-accent);
  display: inline-flex;
  font-size: 1rem;
  height: 2.8rem;
  justify-content: center;
  width: 2.8rem;
}

.dashboard-compact-panel__title {
  align-items: center;
  color: #111827;
  display: flex;
  font-size: 1.02rem;
  font-weight: 700;
  gap: 0.4rem;
  line-height: 1.2;
  margin: 0;
}

.dashboard-compact-panel__count {
  align-items: center;
  background: rgba(var(--dashboard-compact-accent-rgb), 0.09);
  border-radius: 999px;
  color: var(--dashboard-compact-accent);
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  min-width: 1.35rem;
  padding: 0.22rem 0.42rem;
}

.dashboard-compact-panel .dashboard-section-link {
  color: #174ea6;
}

.dashboard-compact-list {
  display: grid;
  gap: 0.42rem;
  margin: -0.18rem -0.32rem;
  padding: 0.18rem 0.32rem;
}

.dashboard-compact-item {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 10px;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 0.72rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 4.45rem;
  min-width: 0;
  padding: 0.66rem 0.62rem;
  text-decoration: none;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.dashboard-compact-item:first-child {
  margin-top: 0;
}

.dashboard-compact-item:hover {
  background: #f8fafc;
  border-color: #dbe3ee;
  color: inherit;
}

.dashboard-compact-item:hover .dashboard-compact-item__chevron {
  color: #334155;
  transform: translateX(2px);
}

.dashboard-compact-item__visual {
  align-items: center;
  background: #fbfdff;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  color: #64748b;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.1rem;
  justify-content: center;
  overflow: hidden;
  width: 2.1rem;
}

.dashboard-compact-panel--risks .dashboard-compact-item__visual,
.dashboard-compact-panel--decisions .dashboard-compact-item__visual {
  background: #fbfdff;
  border-color: #e8edf5;
  color: #64748b;
}

.dashboard-compact-item__copy {
  align-content: center;
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.dashboard-compact-item__title {
  color: #111827;
  font-size: 0.91rem;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-compact-item__meta {
  color: #64748b;
  display: block;
  font-size: 0.8rem;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-compact-panel--renewals .dashboard-compact-item__meta,
.dashboard-compact-panel--decisions .dashboard-compact-item__meta {
  white-space: nowrap;
}

.dashboard-compact-panel--risks .dashboard-compact-item__meta {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

.dashboard-compact-item__dot {
  color: #cbd5e1;
  margin: 0 0.25rem;
}

.dashboard-compact-item__urgency {
  font-weight: 600;
}

.dashboard-compact-item__urgency.is-healthy {
  color: #16a34a;
}

.dashboard-compact-item__urgency.is-warning {
  color: #ea580c;
}

.dashboard-compact-item__urgency.is-urgent {
  color: #dc2626;
}

.dashboard-compact-item__chevron {
  color: #94a3b8;
  font-size: 0.78rem;
  transition: color 140ms ease, transform 140ms ease;
}

@media screen and (min-width: 1280px) {
  .dashboard-secondary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .dashboard-priority-panel__header,
  .dashboard-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .dashboard-priority-lead,
  .dashboard-priority-item {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .dashboard-priority-action,
  .dashboard-priority-item__action {
    grid-column: 1/-1;
    justify-self: stretch;
  }
}
.dashboard-onboarding-banner {
  --nt-blue: #1d63f2;
  --nt-ink: #0f1b3d;
  --nt-muted: #66758f;
  --nt-border: #dfe6f0;
  --nt-bg-soft: #f5f8fd;
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  padding: 0.85rem 1rem;
  border: 1px solid #dbe7fb;
  border-radius: 10px;
  background: #f3f8ff;
  color: #334155;
}

.dashboard-onboarding-banner__content {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  min-width: 0;
}

.dashboard-onboarding-banner__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  background: #e1edff;
  color: #1d4ed8;
  flex: 0 0 auto;
}

.dashboard-onboarding-banner__title {
  color: #1f2937;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.12rem;
}

.dashboard-onboarding-banner__text {
  color: #64748b;
  font-size: 0.86rem;
  line-height: 1.45;
}

.dashboard-onboarding-banner__action {
  flex: 0 0 auto;
}

.dashboard-compact-panel .dashboard-empty-state {
  min-height: 7.2rem;
}

.dashboard-compact-panel .dashboard-empty-state__body {
  font-size: 0.86rem;
  line-height: 1.45;
}

.dashboard-briefing {
  background: #ffffff;
  border-color: #dde5ef;
  border-radius: 6px;
  box-shadow: none;
  padding: 0;
}

.dashboard-briefing__header {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 1rem 1.1rem 0.9rem;
}

.dashboard-briefing__lede {
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.45;
}

.dashboard-attention-table {
  display: block;
}

.dashboard-attention-table__head,
.dashboard-attention-table__row {
  align-items: start;
  column-gap: 1rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 0.8rem 1.1rem;
}

.dashboard-attention-table__head {
  border-top: 1px solid #e8edf4;
  border-bottom: 1px solid #e8edf4;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dashboard-attention-table__head-action {
  text-align: right;
}

.dashboard-attention-table__row + .dashboard-attention-table__row {
  border-top: 1px solid #edf2f7;
}

.dashboard-attention-table__row {
  cursor: pointer;
  transition: background-color 140ms ease;
}

.dashboard-attention-table__row:hover {
  background: #fafcff;
}

.dashboard-attention-table__row:focus-visible {
  background: #fafcff;
  outline: 2px solid #cbd5e1;
  outline-offset: -2px;
}

.dashboard-attention-table__issue,
.dashboard-attention-table__type,
.dashboard-attention-table__action {
  min-width: 0;
}

.dashboard-attention-table__issue {
  align-items: flex-start;
  display: flex;
  gap: 0.7rem;
}

.dashboard-attention-table__issue-copy {
  min-width: 0;
}

.dashboard-attention-table__issue-icon {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.95rem;
  justify-content: center;
  line-height: 1;
  margin-top: 0.08rem;
  width: 1rem;
}

.dashboard-attention-table__title {
  color: #0f172a;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.35;
}

.dashboard-attention-table__context {
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.45;
  margin-top: 0.18rem;
}

.dashboard-attention-table__type {
  color: #475569;
  font-size: 0.86rem;
  line-height: 1.4;
  margin-top: 0.55rem;
}

.dashboard-attention-table__severity {
  color: #991b1b;
  font-size: 0.8rem;
  font-weight: 600;
  margin-left: 0.45rem;
}

.dashboard-attention-table__action {
  margin-top: 0.55rem;
}

.dashboard-attention-table__more-link {
  color: #0f172a;
  font-size: 0.86rem;
  font-weight: 600;
  text-decoration: none;
}

.dashboard-attention-table__more-link:hover {
  color: #0f172a;
  text-decoration: underline;
}

.dashboard-attention-table__action-button {
  align-items: center;
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 6px;
  box-shadow: none;
  color: #0f172a;
  display: inline-flex;
  gap: 0.35rem;
  justify-content: center;
  min-height: 2rem;
  padding: 0 0.65rem;
}

.dashboard-attention-table__action-button:hover,
.dashboard-attention-table__action-button:focus-visible {
  background: #f8fafc;
  border-color: #c4d0df;
  box-shadow: none;
  color: #0f172a;
}

.dashboard-attention-table__action-button .icon {
  margin: 0;
}

.dashboard-attention-table__more {
  border-top: 1px solid #e8edf4;
  padding: 0.8rem 1.1rem 0.9rem;
}

.dashboard-summary-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.9rem;
  margin-bottom: 0.5rem;
}

.dashboard-summary-row--executive {
  margin: 0;
}

.dashboard-summary-row--supporting {
  margin-bottom: 0;
  margin-top: 0;
}

.dashboard-summary-row__item {
  display: flex;
}

@media screen and (min-width: 769px) {
  .dashboard-summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .dashboard-summary-row {
    grid-template-columns: repeat(var(--dashboard-summary-columns, 4), minmax(0, 1fr));
  }
}
.dashboard-section-row {
  margin-bottom: 0.5rem;
}

.dashboard-section-row--last {
  margin-bottom: 0;
}

.dashboard-section-row > .column {
  display: flex;
}

@media screen and (min-width: 1800px) {
  .dashboard-work-row > .dashboard-work-column {
    flex: none;
    width: 50%;
  }
}
.dashboard-section-row:not(:first-child) .dashboard-section-box {
  background: #fcfdff;
  border-color: #e9edf5;
  box-shadow: none;
}

.dashboard-section-row:not(:first-child) .title.is-5 {
  font-size: 1.3rem;
}

.dashboard-section-row:not(:first-child) .dashboard-section-box.box {
  padding: 0.95rem 1rem;
}

.dashboard-summary-tile {
  display: block;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  border: 1px solid #e1e7f0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.045);
  padding: 1.15rem;
  color: inherit;
  min-height: 166px;
}
.dashboard-summary-tile:hover {
  border-color: #ccd6e5;
  background: #ffffff;
}

.dashboard-summary-title {
  align-items: center;
  display: flex;
  gap: 0.35rem;
  justify-content: space-between;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.dashboard-summary-value {
  color: #0f172a;
  font-size: clamp(1.65rem, 1.9vw, 2.15rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  margin-top: 0.8rem;
}

.dashboard-summary-meta {
  margin-top: 0.45rem;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.dashboard-summary-meta--empty {
  margin-top: 0.35rem;
  align-items: flex-start;
}

.dashboard-summary-sparkline-wrap {
  margin-top: 0.65rem;
  height: 42px;
  display: flex;
  align-items: center;
}

.dashboard-summary-sparkline {
  display: block;
}

.dashboard-summary-divider {
  width: 72%;
  border-top: 1px solid #b8c6dd;
}

.dashboard-summary-sparkline-wrap--placeholder {
  margin-top: 0.45rem;
  align-items: flex-start;
  padding-top: 0.7rem;
}

.dashboard-summary-empty-copy {
  margin: 0;
  font-size: var(--font-size-body);
  line-height: 1.45;
  color: #64748b;
}

.dashboard-info-icon {
  color: #6f7f99;
}

.dashboard-section-box {
  height: 100%;
  width: 100%;
}

.dashboard-section-box--auto-height {
  height: auto;
}

.dashboard-section-box--empty {
  display: flex;
  flex-direction: column;
}

.dashboard-section-box--empty .dashboard-empty-state {
  flex: 1 1 auto;
}

.dashboard-column-stack {
  display: block;
}

.dashboard-section-link {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
  white-space: nowrap;
}

.dashboard-panel-head > .dashboard-section-link::after,
.dashboard-priority-panel__header > .dashboard-section-link::after,
.dashboard-section-link--chevron::after {
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-size: 0.72em;
  font-weight: 900;
  line-height: 1;
  margin-left: 0.1rem;
  transform: translateY(0.02em);
}

.dashboard-empty-state {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  min-height: 10rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 1rem 1.05rem;
  border: 1px solid #e7edf7;
  border-radius: 12px;
  background: #f8fbff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.dashboard-empty-state__content {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  width: 100%;
  min-width: 0;
}

.dashboard-empty-state__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #eef2ff;
  color: #4f46e5;
  flex: 0 0 auto;
}

.dashboard-empty-state__copy {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard-empty-state__title {
  color: #334155;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 0.3rem;
}

.dashboard-empty-state__body {
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.55;
  max-width: 34rem;
}

.dashboard-empty-state__actions {
  margin-top: auto;
}

.dashboard-empty-state--success {
  background: #f4fbf6;
  border-color: #d9efe0;
}

.dashboard-empty-state--success .dashboard-empty-state__icon {
  background: #e8f8ee;
  color: #15803d;
}

.dashboard-alert-group + .dashboard-alert-group {
  margin-top: 1rem;
}

@media screen and (min-width: 960px) {
  .dashboard-attention-table__head,
  .dashboard-attention-table__row {
    grid-template-columns: minmax(0, 1fr) 140px 140px;
  }
  .dashboard-attention-table__type,
  .dashboard-attention-table__action {
    margin-top: 0;
  }
  .dashboard-attention-table__action {
    text-align: right;
  }
}
.dashboard-alert-group__header {
  color: #475569;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 0.55rem;
  text-transform: uppercase;
}

.dashboard-alert-overflow {
  align-items: center;
  background: linear-gradient(180deg, #fff8eb 0%, #fff2d6 100%);
  border: 1px solid #f2d39a;
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(180, 83, 9, 0.08);
  color: #7c2d12;
  display: flex;
  gap: 0.85rem;
  margin-top: 0.85rem;
  padding: 0.9rem 1rem;
  text-decoration: none;
}

.dashboard-alert-overflow:hover {
  border-color: #e9bb69;
  box-shadow: 0 10px 24px rgba(180, 83, 9, 0.12);
  color: #7c2d12;
}

.dashboard-alert-overflow__icon {
  align-items: center;
  background: #fff;
  border-radius: 999px;
  color: #c2410c;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.1rem;
  justify-content: center;
  width: 2.1rem;
}

.dashboard-alert-overflow__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.dashboard-alert-overflow__title {
  color: #7c2d12;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.35;
}

.dashboard-alert-overflow__body {
  color: #9a3412;
  font-size: var(--font-size-body);
  line-height: 1.45;
}

.dashboard-alert-overflow__count {
  align-items: center;
  background: #b91c1c;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--font-size-sm);
  font-weight: 700;
  height: 1.9rem;
  justify-content: center;
  min-width: 1.9rem;
  padding: 0 0.55rem;
}

.dashboard-scroll-region {
  max-height: 34rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 0.25rem;
}

.dashboard-scroll-region--table {
  overflow-x: auto;
  padding-right: 0;
}

.dashboard-scroll-region--table thead th {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 1;
}

.dashboard-attention-item {
  border: 1px solid #ebf0f8;
  border-radius: 10px;
  padding: 0.75rem;
  background: #fff;
}

.dashboard-attention-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}

.dashboard-attention-tags {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.dashboard-severity {
  text-transform: uppercase;
  font-size: 0.65rem;
  letter-spacing: 0.04em;
}

.dashboard-severity--risk {
  background: #ffecec;
  color: #991b1b;
}

.dashboard-severity--watch {
  background: #fff8e7;
  color: #92400e;
}

.dashboard-severity--calm {
  background: #ecfdf3;
  color: #166534;
}

.dashboard-kind {
  text-transform: uppercase;
  font-size: 0.62rem;
  letter-spacing: 0.04em;
  background: #eef2ff;
  color: #334155;
}

.dashboard-kind--project {
  background: #ecfeff;
  color: #155e75;
}

.dashboard-kind--team_health {
  background: #eef2ff;
  color: #3730a3;
}

.dashboard-kind--capacity {
  background: #fff7ed;
  color: #9a3412;
}

.dashboard-kind--platform_renewal {
  background: #f5f3ff;
  color: #6d28d9;
}

.dashboard-kind--cost {
  background: #eff6ff;
  color: #1d4ed8;
}

.dashboard-team-cell {
  min-width: 0;
}

.dashboard-team-cell-inner {
  gap: 12px;
}

.dashboard-team-cell-copy {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  min-width: 0;
}

.dashboard-team-name {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
}

.dashboard-team-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.dashboard-team-flag {
  background: transparent;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 600;
  padding: 0;
}

.dashboard-team-cell .team-avatar--md {
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
}

.dashboard-operating-panel--teams .dashboard-panel-head {
  margin-bottom: 26px;
}

.dashboard-team-performance-wrap {
  min-width: 0;
}

.dashboard-team-performance-grid {
  align-items: center;
  column-gap: 28px;
  display: grid;
  grid-template-columns: minmax(180px, 0.9fr) minmax(260px, 1.15fr) minmax(260px, 1.15fr) minmax(150px, 0.7fr) minmax(260px, 1.2fr);
}

.dashboard-team-performance-grid--header {
  color: #2f3745;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.15;
  padding: 0 0 12px;
}

.dashboard-team-performance-grid--row {
  border-top: 1px solid #e5e7eb;
  color: inherit;
  min-height: 104px;
  padding: 10px 0;
  text-decoration: none;
}

.dashboard-team-performance-grid--row:hover {
  background: #f8fafc;
}

.dashboard-metric-cell {
  max-width: 340px;
  min-width: 0;
}

.dashboard-capacity-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  white-space: nowrap;
}

.dashboard-capacity-count {
  font-size: 0.9rem;
  color: #64748b;
}

.dashboard-metric-inline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  min-width: 0;
}

.dashboard-metric-stack {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.dashboard-trend-sparkline {
  background: transparent;
  display: block;
  height: 24px !important;
  margin: 0;
  width: min(100%, 215px) !important;
}

.dashboard-team-metric .team-health-score-badge {
  float: none;
  margin: 0;
  min-height: 28px;
  min-width: 70px;
  padding: 0.3rem 0.55rem;
}

.dashboard-teams-table .team-health-score-badge {
  float: none;
  font-size: 16px;
  gap: 6px;
  margin: 0;
  min-height: 38px;
  min-width: 60px;
  padding: 0 12px;
}

.dashboard-teams-table .team-health-score-badge i {
  font-size: 16px;
}

.dashboard-velocity-badge {
  align-items: center;
  background: #f8fbff;
  border: 1px solid #b8cdfd;
  border-radius: 7px;
  color: #2457d6;
  display: inline-flex;
  gap: 6px;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  min-height: 34px;
  min-width: 60px;
  padding: 0 10px;
}

.dashboard-velocity-badge i {
  font-size: 15px;
  opacity: 0.78;
}

.dashboard-team-status {
  color: #475569;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}

.dashboard-muted-dash {
  color: #94a3b8;
}

.dashboard-team-mobile-list,
.dashboard-delivery-focus-mobile {
  display: none;
}

@media (max-width: 1100px) {
  .dashboard-team-performance-wrap {
    overflow-x: auto;
  }
  .dashboard-team-performance-grid {
    min-width: 1050px;
  }
}
.dashboard-operating-panel--delivery-focus {
  padding: 1.1rem 1.2rem 1.15rem;
}

.dashboard-operating-panel--delivery-focus .dashboard-panel-head {
  margin-bottom: 0;
}

.dashboard-operating-panel--delivery-empty .dashboard-panel-head {
  margin-bottom: 26px;
}

.dashboard-delivery-focus {
  min-width: 0;
  --dashboard-delivery-focus-team-width: 8rem;
  --dashboard-delivery-focus-initiative-width: minmax(260px, 1.12fr);
  --dashboard-delivery-focus-timeline-width: minmax(220px, 0.88fr);
  --dashboard-delivery-focus-date-width: 5.8rem;
  --dashboard-delivery-focus-timeline-gap: 0.7rem;
}

.dashboard-delivery-focus__summary {
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.45;
  margin: 0;
}

.dashboard-delivery-focus__project-strip {
  margin: 1rem 0 1.15rem;
  position: relative;
}

.dashboard-delivery-focus__project-strip-head,
.dashboard-delivery-focus__team-strip-head {
  align-items: center;
  color: #94a3b8;
  display: flex;
  gap: 0.42rem;
  font-size: 0.74rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

.dashboard-delivery-focus__team-strip-head {
  margin-bottom: 0.52rem;
}

.dashboard-delivery-focus__project-strip-head span:first-child,
.dashboard-delivery-focus__team-strip-head span:first-child {
  color: #475569;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.dashboard-delivery-focus__project-cards {
  display: grid;
  gap: 0.58rem;
  grid-auto-columns: calc((100% - 1.74rem) / 4);
  grid-auto-flow: column;
  overflow-x: auto;
  padding: 0.04rem 0.15rem 0.14rem 0;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.dashboard-delivery-focus__project-cards::-webkit-scrollbar {
  display: none;
}

.dashboard-delivery-focus__project-cards::after {
  content: "";
  width: 0.01px;
}

.dashboard-delivery-focus__project-card {
  background: #ffffff;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  color: inherit;
  display: grid;
  gap: 0.32rem;
  min-height: 3.45rem;
  min-width: 0;
  padding: 0.55rem 0.62rem;
  scroll-snap-align: start;
  text-decoration: none;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.dashboard-delivery-focus__project-card:hover,
.dashboard-delivery-focus__project-card:focus-visible {
  border-color: #b9c7dc;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
  color: inherit;
  outline: none;
}

.dashboard-delivery-focus__project-strip::before,
.dashboard-delivery-focus__project-strip::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 1.7rem;
  bottom: 0.1rem;
  width: 1.4rem;
  z-index: 2;
}

.dashboard-delivery-focus__project-strip::before {
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  left: 0;
}

.dashboard-delivery-focus__project-strip::after {
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  right: 0;
}

.dashboard-delivery-focus__project-scroll-button {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dbe3ee;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  color: #174ea6;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.78rem;
  height: 2rem;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-8%);
  width: 2rem;
  z-index: 4;
}

.dashboard-delivery-focus__project-scroll-button[hidden] {
  display: none;
}

.dashboard-delivery-focus__project-scroll-button:hover,
.dashboard-delivery-focus__project-scroll-button:focus-visible {
  border-color: #b9c7dc;
  color: #0f3d91;
  outline: none;
}

.dashboard-delivery-focus__project-scroll-button--left {
  left: -0.45rem;
}

.dashboard-delivery-focus__project-scroll-button--right {
  right: -0.45rem;
}

.dashboard-delivery-focus__project-card-main,
.dashboard-delivery-focus__project-card-meta {
  align-items: center;
  display: flex;
  gap: 0.45rem;
  justify-content: space-between;
  min-width: 0;
}

.dashboard-delivery-focus__project-card-title {
  color: #111827;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.25;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-delivery-focus__project-card-chip {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #9a3412;
  flex: 0 0 auto;
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.22rem 0.42rem;
}

.dashboard-delivery-focus__project-card-meta {
  color: #64748b;
  font-size: 0.73rem;
  line-height: 1.3;
}

.dashboard-delivery-focus__project-card-meta span:last-child {
  color: #475569;
  font-weight: 600;
}

.dashboard-delivery-focus__layout {
  position: relative;
}

.dashboard-delivery-focus.is-project-hovering [data-delivery-focus-project-id] {
  transition: opacity 140ms ease, background-color 140ms ease;
}

.dashboard-delivery-focus.is-project-hovering .is-project-dimmed {
  opacity: 0.42;
}

.dashboard-delivery-focus.is-project-hovering .is-project-match {
  background-color: #f8fafc;
  opacity: 1;
}

.dashboard-delivery-focus__timeline-header {
  align-items: end;
  display: grid;
  gap: var(--dashboard-delivery-focus-timeline-gap);
  grid-template-columns: var(--dashboard-delivery-focus-team-width) var(--dashboard-delivery-focus-initiative-width) var(--dashboard-delivery-focus-timeline-width) var(--dashboard-delivery-focus-date-width);
}

.dashboard-delivery-focus__timeline-header--months {
  margin-bottom: 0.28rem;
}

.dashboard-delivery-focus__timeline-header--today {
  margin-bottom: 0.58rem;
}

.dashboard-delivery-focus__months {
  color: #64748b;
  display: grid;
  font-size: 0.76rem;
  font-weight: 600;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  letter-spacing: 0.02em;
}

.dashboard-delivery-focus__today-row {
  position: relative;
  height: 1.15rem;
}

.dashboard-delivery-focus__canvas {
  position: relative;
}

.dashboard-delivery-focus__groups {
  display: grid;
  gap: 0.34rem;
}

.dashboard-delivery-focus__group {
  border-top: 1px solid #edf2f7;
  display: grid;
  column-gap: var(--dashboard-delivery-focus-timeline-gap);
  grid-auto-rows: minmax(2.42rem, auto);
  grid-template-columns: var(--dashboard-delivery-focus-team-width) var(--dashboard-delivery-focus-initiative-width) var(--dashboard-delivery-focus-timeline-width) var(--dashboard-delivery-focus-date-width);
  row-gap: 0.08rem;
  padding-top: 0.42rem;
}

.dashboard-delivery-focus__group:first-child {
  border-top: 0;
  padding-top: 0;
}

.dashboard-delivery-focus__team-rail {
  align-items: center;
  align-self: start;
  display: inline-flex;
  gap: 0.52rem;
  min-width: 0;
  padding: 0.18rem 0;
}

.dashboard-delivery-focus__team-rail .team-avatar--sm {
  font-size: 0.9rem;
  height: 2rem;
  width: 2rem;
}

.dashboard-delivery-focus__team-name {
  color: #0f172a;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.2;
}

.dashboard-delivery-focus__team-count {
  color: #7b8798;
  font-size: 0.74rem;
  line-height: 1.35;
  margin-top: 0.08rem;
}

.dashboard-delivery-focus__copy,
.dashboard-delivery-focus__timeline-cell,
.dashboard-delivery-focus__date {
  align-items: center;
  color: inherit;
  display: flex;
  min-height: 2.42rem;
  min-width: 0;
  padding: 0.2rem 0.4rem;
  text-decoration: none;
  transition: background-color 140ms ease;
}

.dashboard-delivery-focus__item-row {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 10px;
  color: inherit;
  column-gap: var(--dashboard-delivery-focus-timeline-gap);
  display: grid;
  grid-column: 2/-1;
  grid-template-columns: var(--dashboard-delivery-focus-initiative-width) var(--dashboard-delivery-focus-timeline-width) var(--dashboard-delivery-focus-date-width);
  min-width: 0;
  text-decoration: none;
  transition: background-color 140ms ease, border-color 140ms ease;
}

.dashboard-delivery-focus__item-row:hover,
.dashboard-delivery-focus__item-row:focus-visible {
  background: #f8fafc;
  border-color: #dbe3ee;
  color: inherit;
  outline: none;
}

.dashboard-delivery-focus__copy {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.dashboard-delivery-focus__timeline-cell {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.dashboard-delivery-focus__date {
  justify-content: flex-end;
}

.dashboard-delivery-focus__copy:hover,
.dashboard-delivery-focus__copy:focus-visible,
.dashboard-delivery-focus__timeline-cell:hover,
.dashboard-delivery-focus__timeline-cell:focus-visible,
.dashboard-delivery-focus__date:hover,
.dashboard-delivery-focus__date:focus-visible {
  color: inherit;
  outline: none;
}

.dashboard-delivery-focus__title-row {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.28rem 0.4rem;
  min-width: 0;
}

.dashboard-delivery-focus__title {
  color: #111827;
  display: block;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.35;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-delivery-focus__status {
  display: inline-flex;
  flex: 0 0 auto;
}

.dashboard-delivery-focus__status .status-pill {
  font-size: 0.62rem;
  padding: 0.22rem 0.44rem;
}

.dashboard-delivery-focus__status .status-pill__icon {
  height: 0.78rem;
  margin-right: 0.26rem;
  width: 0.78rem;
}

.dashboard-delivery-focus__copy.is-priority .dashboard-delivery-focus__title {
  font-weight: 700;
}

.dashboard-delivery-focus__meta {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.8rem;
  gap: 0.35rem;
  line-height: 1.35;
  white-space: nowrap;
}

.dashboard-delivery-focus__meta-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.2rem 0.36rem;
}

.dashboard-delivery-focus__meta-item.is-risk {
  background: #fffaf4;
  border-color: #fde2bd;
  color: #a14816;
}

.dashboard-delivery-focus__meta-item.is-soon {
  background: #f2f4ff;
  border-color: #d5dcff;
  color: #3d3a9a;
}

.dashboard-delivery-focus__project {
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.35;
  margin-top: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-delivery-focus__project a {
  color: #475569;
  font-weight: 600;
  text-decoration: none;
}

.dashboard-delivery-focus__project a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

.dashboard-delivery-focus__copy--empty {
  color: #64748b;
}

.dashboard-delivery-focus__title--empty {
  color: #475569;
  font-weight: 600;
}

.dashboard-delivery-focus__timeline-cell {
  align-self: center;
  position: relative;
}

.dashboard-delivery-focus__timeline-cell--empty .dashboard-delivery-focus__track {
  opacity: 0.62;
}

.dashboard-delivery-focus__track {
  background: linear-gradient(to right, rgba(226, 232, 240, 0.58) 0, rgba(226, 232, 240, 0.58) 100%) center/100% 2px no-repeat;
  border-radius: 999px;
  flex: 1 1 auto;
  height: 22px;
  min-width: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.dashboard-delivery-focus__month-line {
  background: rgba(226, 232, 240, 0.48);
  bottom: 4px;
  position: absolute;
  top: 4px;
  transform: translateX(-0.5px);
  width: 1px;
}

.dashboard-delivery-focus__today-label {
  color: #475569;
  font-size: 0.7rem;
  font-weight: 700;
  left: var(--dashboard-delivery-focus-timeline-position, 0%);
  letter-spacing: 0.02em;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 2;
}

.dashboard-delivery-focus__bar {
  border-radius: 999px;
  height: 11px;
  position: absolute;
  top: 5.5px;
  z-index: 2;
}

.dashboard-delivery-focus__bar.is-active {
  background: #28527f;
}

.dashboard-delivery-focus__bar.is-landing-soon {
  background: linear-gradient(90deg, #4267b2 0%, #4f46e5 72%, #312e81 100%);
  box-shadow: 3px 0 0 rgba(49, 46, 129, 0.18);
}

.dashboard-delivery-focus__bar.is-at-risk {
  background: #b83a0f;
}

.dashboard-delivery-focus__today-line-grid {
  bottom: 0;
  display: grid;
  gap: var(--dashboard-delivery-focus-timeline-gap);
  grid-template-columns: var(--dashboard-delivery-focus-team-width) var(--dashboard-delivery-focus-initiative-width) var(--dashboard-delivery-focus-timeline-width) var(--dashboard-delivery-focus-date-width);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.dashboard-delivery-focus__today-line-track {
  min-width: 0;
  position: relative;
}

.dashboard-delivery-focus__today-line {
  background: rgba(100, 116, 139, 0.72);
  bottom: 0;
  left: var(--dashboard-delivery-focus-timeline-position, 0%);
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 1.25px;
}

.dashboard-delivery-focus__date {
  align-self: center;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.35;
  text-align: right;
  white-space: nowrap;
}

.dashboard-delivery-focus__date--empty {
  color: #94a3b8;
}

.dashboard-delivery-focus__footer {
  border-top: 1px solid #edf2f7;
  margin-top: 1rem;
  padding-top: 0.85rem;
}

@media (max-width: 900px) {
  .dashboard-delivery-focus {
    --dashboard-delivery-focus-timeline-width: 100%;
  }
  .dashboard-delivery-focus__timeline-header,
  .dashboard-delivery-focus__group {
    grid-template-columns: 1fr;
  }
  .dashboard-delivery-focus__today-line-grid {
    display: none;
  }
  .dashboard-delivery-focus__timeline-header {
    gap: 0.45rem;
  }
  .dashboard-delivery-focus__date {
    text-align: left;
    justify-self: start;
  }
}
@media (max-width: 768px) {
  .dashboard-operating-panel--teams,
  .dashboard-operating-panel--delivery-focus {
    padding: 1rem;
  }
  .dashboard-team-performance-wrap {
    display: none;
  }
  .dashboard-team-mobile-list {
    display: grid;
    gap: 0.65rem;
  }
  .dashboard-team-mobile-row {
    align-items: center;
    border: 1px solid #e5edf8;
    border-radius: 10px;
    color: inherit;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.8rem;
    text-decoration: none;
  }
  .dashboard-team-mobile-row:hover,
  .dashboard-team-mobile-row:focus-visible {
    background: #f8fbff;
    border-color: #cfe0fb;
    outline: none;
  }
  .dashboard-team-mobile-row__avatar {
    align-self: start;
  }
  .dashboard-team-mobile-row__main {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
  }
  .dashboard-team-mobile-row__top {
    align-items: center;
    display: flex;
    gap: 0.65rem;
    justify-content: space-between;
    min-width: 0;
  }
  .dashboard-team-mobile-row__name {
    color: #111827;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .dashboard-team-mobile-row__top .team-health-score-badge {
    flex: 0 0 auto;
  }
  .dashboard-team-mobile-row__trend,
  .dashboard-team-mobile-row__signals {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.55rem;
    min-width: 0;
  }
  .dashboard-team-mobile-row__sparkline {
    flex: 1 1 8rem;
    min-width: 7rem;
    width: 100% !important;
  }
  .dashboard-team-mobile-row__chevron {
    color: #94a3b8;
    font-size: 0.75rem;
  }
  .dashboard-team-mobile-row .dashboard-team-status {
    display: inline-flex;
    max-width: 100%;
    overflow: visible;
    -webkit-line-clamp: unset;
  }
  .dashboard-delivery-focus__project-strip,
  .dashboard-delivery-focus__team-strip-head,
  .dashboard-delivery-focus__layout,
  .dashboard-delivery-focus__footer {
    display: none;
  }
  .dashboard-delivery-focus {
    overflow: visible;
  }
  .dashboard-delivery-focus__summary {
    margin-bottom: 0.85rem;
  }
  .dashboard-delivery-focus-mobile {
    display: grid;
    gap: 0.9rem;
  }
  .dashboard-delivery-focus-mobile__group {
    display: grid;
    gap: 0.5rem;
  }
  .dashboard-delivery-focus-mobile__heading {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
  }
  .dashboard-delivery-focus-mobile__items {
    display: grid;
    gap: 0.55rem;
  }
  .dashboard-delivery-focus-mobile__item {
    border: 1px solid #e5edf8;
    border-radius: 10px;
    color: inherit;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 0.78rem 0.85rem;
    text-decoration: none;
  }
  .dashboard-delivery-focus-mobile__item:hover,
  .dashboard-delivery-focus-mobile__item:focus-visible {
    background: #f8fbff;
    border-color: #cfe0fb;
    outline: none;
  }
  .dashboard-delivery-focus-mobile__item-main,
  .dashboard-delivery-focus-mobile__item-side {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
  }
  .dashboard-delivery-focus-mobile__title {
    color: #111827;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  .dashboard-delivery-focus-mobile__meta,
  .dashboard-delivery-focus-mobile__date {
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.3;
  }
  .dashboard-delivery-focus-mobile__date {
    font-weight: 650;
  }
  .dashboard-delivery-focus-mobile__signals {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
  }
  .dashboard-delivery-focus-mobile__signal {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1;
    padding: 0.28rem 0.45rem;
  }
  .dashboard-delivery-focus-mobile__signal.is-risk {
    background: #fee2e2;
    color: #991b1b;
  }
  .dashboard-delivery-focus-mobile__signal.is-soon {
    background: #fef3c7;
    color: #92400e;
  }
  .dashboard-delivery-focus-mobile__signals .status-pill {
    font-size: 0.7rem;
  }
  .dashboard-delivery-focus-mobile__roadmap-link {
    justify-self: start;
    margin-top: 0.15rem;
  }
}
.dashboard-now-next-list {
  display: grid;
  gap: 0.6rem;
}

.dashboard-now-next-item {
  align-items: center;
  border: 1px solid #edf1f8;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.7rem;
  color: inherit;
  text-decoration: none;
}
.dashboard-now-next-item:hover {
  border-color: #d8e2f1;
  background: #fbfdff;
}

.dashboard-checklist {
  display: grid;
  gap: 0.45rem;
}

.dashboard-checklist-link {
  display: inline-block;
  border-bottom: 1px dashed transparent;
}
.dashboard-checklist-link:hover {
  border-bottom-color: currentColor;
}

.dashboard-saas-renewals-summary {
  border-color: #e8eef8;
  background: #fff;
  margin-bottom: 1rem;
}

.dashboard-saas-renewals-summary__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.dashboard-saas-renewals-summary__meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.dashboard-saas-renewals-summary__chips {
  margin-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.dashboard-saas-renewals-attention {
  height: auto;
}

.dashboard-secondary-panel {
  background: #fff;
  border-color: #e6ebf5;
  overflow: hidden;
}

.dashboard-secondary-panel__summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  list-style: none;
  padding: 0.1rem 0;
}

.dashboard-secondary-panel__summary::-webkit-details-marker {
  display: none;
}

.dashboard-secondary-panel__title {
  color: #334155;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
}

.dashboard-secondary-panel__hint {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dashboard-secondary-panel[open] .dashboard-secondary-panel__summary {
  margin-bottom: 0.85rem;
}

.dashboard-signals-panel__head {
  padding: 1rem 1.1rem 0.9rem;
}

.dashboard-signals-panel__body {
  border-top: 1px solid #eef2f7;
  padding: 1rem 1.1rem 1.1rem;
}

.dashboard-signals-panel .dashboard-summary-row {
  width: 100%;
}

.dashboard-signals-panel .dashboard-summary-row__item {
  min-width: 0;
}

.dashboard-signals-panel .dashboard-summary-tile {
  min-width: 0;
}

.dashboard-saas-renewals-list {
  display: grid;
  gap: 0.55rem;
}

.dashboard-saas-renewals-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem;
  border: 1px solid #edf2f9;
  border-radius: 10px;
  padding: 0.75rem;
  background: #fff;
}

.dashboard-saas-renewals-item__main {
  min-width: 0;
  flex: 1 1 auto;
}

.dashboard-saas-renewals-item__title-row {
  align-items: flex-start;
  display: flex;
  gap: 0.7rem;
}

.dashboard-saas-renewals-item__logo {
  display: inline-flex;
  flex-shrink: 0;
}

.dashboard-saas-renewals-item__copy {
  min-width: 0;
}

.dashboard-saas-renewals-item__title a {
  color: inherit;
}

.dashboard-saas-renewals-item__title a:hover {
  color: #1d4ed8;
}

.dashboard-saas-renewals-item__meta {
  margin-top: 0.12rem;
  color: #64748b;
  font-size: var(--font-size-sm);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-saas-renewals-item__pills {
  margin-top: 0.45rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.dashboard-saas-renewals-item__cost {
  flex: 0 0 auto;
  text-align: right;
  min-width: 110px;
}

.dashboard-saas-renewals-item__cost-value {
  font-weight: 700;
  color: #334155;
}

.dashboard-saas-renewals-item__cost-kind {
  margin-top: 0.1rem;
  color: #64748b;
  font-size: var(--font-size-xs);
}

@media screen and (max-width: 768px) {
  .dashboard-saas-renewals-item {
    flex-direction: column;
  }
  .dashboard-saas-renewals-item__cost {
    text-align: left;
    min-width: 0;
  }
}
.alerts-page {
  display: grid;
  gap: 1rem;
}

.alerts-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
}

.alerts-summary__grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media screen and (min-width: 769px) {
  .alerts-summary__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.alerts-summary__card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  color: inherit;
  display: block;
  min-width: 0;
  padding: 1rem 1.05rem;
  text-decoration: none;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.alerts-summary__card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  color: inherit;
}

.alerts-summary__card.is-active {
  border-color: #94a3b8;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.12);
}

.alerts-summary__eyebrow {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.alerts-summary__icon {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: #475569;
  display: inline-flex;
  flex-shrink: 0;
  height: 1.9rem;
  justify-content: center;
  width: 1.9rem;
}

.alerts-summary__label {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.alerts-summary__value {
  color: #0f172a;
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.05;
  margin-top: 0.45rem;
}

.alerts-summary__hint {
  color: #475569;
  font-size: var(--font-size-sm);
  margin-top: 0.3rem;
}

.alerts-page__filters {
  padding: 0.9rem 1rem;
}

.alerts-toolbar {
  align-items: center;
  display: grid;
  gap: 0.75rem;
}

@media screen and (min-width: 960px) {
  .alerts-toolbar {
    grid-template-columns: auto 1fr;
    gap: 1rem;
  }
}
.alerts-toolbar__meta {
  align-items: center;
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.alerts-toolbar__count {
  color: #334155;
  font-size: var(--font-size-body);
}

.alerts-toolbar__filters-active {
  color: #64748b;
  font-size: var(--font-size-sm);
}

.alerts-toolbar__controls {
  align-items: end;
  display: grid;
  gap: 0.65rem;
}

@media screen and (min-width: 960px) {
  .alerts-toolbar__controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  }
}
.alerts-toolbar__field {
  min-width: 0;
}

.alerts-toolbar__label {
  color: #64748b;
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}

.alerts-toolbar__field .select select {
  font-size: var(--font-size-body);
  height: 2.4rem;
  padding-left: 0.8rem;
}

.alerts-toolbar__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-start;
}

@media screen and (min-width: 960px) {
  .alerts-toolbar__actions {
    justify-content: flex-end;
  }
}
.alerts-toolbar__toggle,
.alerts-toolbar__clear {
  white-space: nowrap;
}

.alerts-page__section {
  overflow: hidden;
}

.alerts-page__section-head {
  border-bottom: 1px solid #eef2f7;
  padding: 1rem 1rem 0.85rem;
}

.alerts-page__section-footer {
  border-top: 1px solid #eef2f7;
  padding: 0.75rem 1rem;
}

.alerts-page__list {
  display: grid;
}

.alerts-list {
  display: grid;
  gap: 0.75rem;
}

.alerts-item {
  background: #ffffff;
  border: 1px solid #e5ebf6;
  border-radius: 12px;
  padding: 0.85rem 1rem;
}

.alerts-item--critical {
  border-left: 3px solid #ef4444;
}

.alerts-item--warning {
  border-left: 3px solid #f59e0b;
}

.alerts-item--info {
  border-left: 4px solid #3b82f6;
}

.alerts-item--hidden {
  opacity: 0.72;
}

.alerts-item__head {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

.alerts-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.4rem;
}

.alerts-severity {
  font-weight: 700;
}

.alerts-severity--critical {
  background: #fee2e2;
  color: #b91c1c;
}

.alerts-severity--warning {
  background: #fef3c7;
  color: #b45309;
}

.alerts-severity--info {
  background: #dbeafe;
  color: #1d4ed8;
}

.alerts-type {
  background: #eff6ff;
  color: #1d4ed8;
}

.alerts-item__title {
  color: #1e293b;
  font-size: var(--font-size-body);
  font-weight: 700;
}

.alerts-item--compact {
  border-radius: 10px;
  box-shadow: none;
  padding: 0.75rem 0.85rem;
  position: relative;
}

.alerts-item--compact .alerts-item__head {
  margin-bottom: 0.35rem;
}

.alerts-item--compact .alerts-item__meta {
  margin-bottom: 0;
}

.alerts-item--compact .alerts-type--compact {
  background: #f8fafc;
  color: #475569;
  padding-left: 0.6rem;
  position: relative;
}

.alerts-item--compact .alerts-type--compact::before {
  background: #cbd5e1;
  border-radius: 999px;
  content: "";
  height: 0.38rem;
  left: 0.35rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.38rem;
}

.alerts-item--compact .alerts-item__content-row {
  display: block;
}

.alerts-item--compact .alerts-item__title {
  font-size: 0.98rem;
  line-height: 1.35;
}

.alerts-item--compact .alerts-item__body {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-top: 0.18rem;
}

.alerts-item--compact .alerts-item__actions {
  margin-top: 0.55rem;
}

.alerts-item--compact.alerts-item--critical,
.alerts-item--compact.alerts-item--warning,
.alerts-item--compact.alerts-item--info {
  border-left-width: 1px;
}

.alerts-item--compact.alerts-item--critical {
  background: #fffafb;
  border-color: #f4d8de;
}

.alerts-item--compact.alerts-item--critical .alerts-type--compact::before {
  background: #e11d48;
}

.alerts-item--compact.alerts-item--warning {
  background: #fffdf8;
  border-color: #f4e6c2;
}

.alerts-item--compact.alerts-item--warning .alerts-type--compact::before {
  background: #d97706;
}

.alerts-item--compact .alerts-item__review.button.is-light {
  background: #f8fafc;
  border-color: #d7e0ec;
  color: #0f172a;
}

.alerts-item--compact .alerts-item__review.button.is-light:hover {
  background: #f1f5f9;
  border-color: #c8d4e3;
  color: #0f172a;
}

.alerts-item__content-row {
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.6rem;
}

.alerts-item__vendor-logo {
  display: inline-flex;
  flex-shrink: 0;
}

.alerts-item__copy {
  min-width: 0;
}

.alerts-item__body {
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.45;
  margin-top: 0.2rem;
}

.alerts-item__trigger {
  color: #475569;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 0.45rem;
}

.alerts-item__actions {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}

.alerts-item__review {
  font-weight: 700;
}

.alerts-item__hide-toggle {
  color: #64748b;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}

.alerts-row {
  align-items: start;
  transition: background-color 140ms ease;
  display: grid;
  gap: 0.55rem;
  grid-template-columns: minmax(0, 1fr);
  padding: 0.85rem 1rem;
}

.alerts-row:hover {
  background: #fafcff;
}

.alerts-row + .alerts-row {
  border-top: 1px solid #eef2f7;
}

.alerts-row--hidden {
  opacity: 0.7;
}

@media screen and (min-width: 900px) {
  .alerts-row {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 0.75rem;
  }
}
.alerts-row__link {
  color: inherit;
  display: grid;
  gap: 0.55rem;
  grid-template-columns: minmax(0, 1fr);
  margin: -0.1rem 0;
  min-width: 0;
  padding: 0.1rem 0;
  text-decoration: none;
  transition: color 140ms ease;
}

.alerts-row__link:hover {
  color: inherit;
}

@media screen and (min-width: 900px) {
  .alerts-row__link {
    align-items: start;
    column-gap: 1.25rem;
    grid-template-columns: auto minmax(0, 1fr);
  }
}
.alerts-row__leading {
  align-items: center;
  display: none;
  flex-direction: column;
  gap: 0.4rem;
  justify-content: center;
  width: 4.5rem;
}

@media screen and (min-width: 900px) {
  .alerts-row__leading {
    display: inline-flex;
  }
}
.alerts-row__leading-logo,
.alerts-row__leading-icon {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  color: #64748b;
  display: inline-flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.alerts-row__leading-icon {
  font-size: 1rem;
}

.alerts-row__leading-label {
  color: #94a3b8;
  display: block;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.alerts-row__main {
  min-width: 0;
}

.alerts-row--briefing {
  gap: 0.4rem;
  padding: 0.8rem 1rem;
}

.alerts-row__meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.25rem;
}

.alerts-row__meta--briefing {
  margin-top: 0.18rem;
}

.alerts-badge {
  align-items: center;
  border: 1px solid rgba(203, 213, 225, 0.7);
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.66rem;
  font-weight: 600;
  gap: 0.2rem;
  line-height: 1;
  min-height: 1.35rem;
  padding: 0.12rem 0.42rem;
}

.alerts-badge .icon {
  height: 0.9rem;
  width: 0.9rem;
}

.alerts-badge--severity {
  border-color: transparent;
  font-weight: 700;
}

.alerts-badge--critical {
  background: #fff1f2;
  color: #b91c1c;
}

.alerts-badge--warning {
  background: #fffbeb;
  color: #b45309;
}

.alerts-badge--info {
  background: #eff6ff;
  color: #1d4ed8;
}

.alerts-hidden-tag {
  color: #64748b;
}

.alerts-row__title {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}

.alerts-row--briefing .alerts-row__title {
  font-size: 0.98rem;
}

.alerts-row__meta-item {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.2;
}

.alerts-row--briefing .alerts-row__meta-item {
  font-size: 0.76rem;
}

.alerts-row__meta-dot {
  color: #cbd5e1;
  font-size: 0.75rem;
  line-height: 1;
  margin: 0 0.05rem;
}

.alerts-row__body {
  color: #64748b;
  font-size: var(--font-size-sm);
  line-height: 1.45;
  margin-top: 0.25rem;
}

.alerts-row--briefing .alerts-row__body {
  margin-top: 0.15rem;
}

.alerts-row__trigger {
  color: #475569;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 0.35rem;
}

.alerts-row__actions {
  align-items: flex-start;
  display: grid;
  gap: 0.15rem;
  justify-content: flex-start;
}

@media screen and (min-width: 900px) {
  .alerts-row__actions {
    justify-items: end;
    padding-left: 0.75rem;
  }
}
.alerts-row__actions .button_to {
  display: block;
}

.alerts-row__review {
  font-weight: 700;
}

.alerts-row__hide-toggle {
  color: #64748b;
  font-size: 0.75rem;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}

.assistant-launcher[hidden] {
  display: none;
}

.assistant-launcher {
  position: fixed;
  inset: 0;
  z-index: 80;
  pointer-events: none;
}

.assistant-launcher.is-open {
  pointer-events: auto;
}

.assistant-launcher:not(.is-open) .assistant-launcher__backdrop,
.assistant-launcher:not(.is-open) .assistant-launcher__spotlight {
  display: none;
}

.assistant-launcher__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.28);
}

.assistant-launcher__spotlight {
  position: relative;
  width: min(760px, 100vw - 32px);
  margin: 8vh auto 0;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
  padding: 1.25rem;
}

.assistant-launcher.has-results .assistant-launcher__spotlight {
  width: min(1040px, 100vw - 32px);
}

.assistant-launcher__header,
.assistant-launcher__actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.assistant-launcher__title {
  color: #172033;
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
}

.assistant-launcher__helper,
.assistant-launcher__scope,
.assistant-launcher__domains,
.assistant-launcher__message {
  color: #64748b;
  font-size: 0.88rem;
  margin: 0.25rem 0 0;
}

.assistant-launcher__scope {
  font-size: 0.76rem;
}

.assistant-launcher__domains {
  color: #7c8aa1;
  font-size: 0.74rem;
}

.assistant-launcher__input {
  border: 0;
  box-shadow: none;
  font-size: 1rem;
  height: 2.75rem;
  padding-left: 2.2rem;
}

.assistant-launcher__input:focus {
  box-shadow: none;
}

.assistant-launcher__input-wrap {
  position: relative;
  border: 1px solid #cfd8e6;
  border-radius: 10px;
  margin-top: 1rem;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.assistant-launcher__input-wrap:focus-within {
  border-color: #2f73ef;
  box-shadow: 0 0 0 3px rgba(47, 115, 239, 0.12);
}

.assistant-launcher__input-wrap .icon {
  color: #64748b;
  left: 0.75rem;
  position: absolute;
  top: 0.78rem;
  z-index: 1;
}

.assistant-launcher__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.85rem;
}

.assistant-launcher__chip {
  border: 1px solid #dfe6f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  cursor: pointer;
  font-size: 0.82rem;
  padding: 0.35rem 0.65rem;
}

.assistant-launcher__chip:hover,
.assistant-launcher__chip:focus-visible {
  border-color: #2f73ef;
  color: #1d63f2;
}

.assistant-launcher__actions {
  align-items: center;
  justify-content: flex-end;
  margin-top: 1rem;
}

.assistant-launcher__message {
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: #64748b;
  padding: 0.35rem 0 0;
}

.assistant-launcher__spotlight-result {
  border-top: 1px solid #e2e8f0;
  margin-top: 0.9rem;
  max-height: min(56vh, 36rem);
  overflow: auto;
  padding-top: 1rem;
}

.assistant-launcher__answer-title {
  color: #172033;
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 0.55rem;
}

.assistant-launcher__answer-summary {
  background: #f1f7ff;
  border: 1px solid #d9e8ff;
  border-radius: 12px;
  color: #172033;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.95rem 1rem 0.95rem 3.1rem;
  position: relative;
}

.assistant-launcher__answer-summary::before {
  align-items: center;
  background: #eef4ff;
  border: 1px solid #d6e4ff;
  border-radius: 999px;
  color: #2563eb;
  content: "✦";
  display: inline-flex;
  font-size: 1.05rem;
  font-weight: 800;
  height: 2rem;
  justify-content: center;
  left: 0.75rem;
  position: absolute;
  top: 0.82rem;
  width: 2rem;
}

.assistant-launcher__spotlight-items {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.9rem;
}

.assistant-launcher__spotlight-items--grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assistant-launcher__block {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  min-width: 0;
  padding: 0.95rem;
}

.assistant-launcher__block--entity-list,
.assistant-launcher__block--grouped-list,
.assistant-launcher__block--timeline,
.assistant-launcher__block--chart,
.assistant-launcher__block--checklist,
.assistant-launcher__block--action-list,
.assistant-launcher__block--notice {
  grid-column: 1/-1;
}

.assistant-launcher__block-header,
.assistant-launcher__structured-row {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

.assistant-launcher__block-identity,
.assistant-launcher__block-heading {
  align-items: center;
  display: flex;
  gap: 0.65rem;
  min-width: 0;
}

.assistant-launcher__block-icon {
  align-items: center;
  background: #f1f7ff;
  border: 1px solid #dce9ff;
  border-radius: 10px;
  color: #2563eb;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.assistant-launcher__block-header strong,
.assistant-launcher__structured-row strong {
  color: #172033;
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
}

.assistant-launcher__block-header span,
.assistant-launcher__structured-row span,
.assistant-launcher__muted {
  color: #64748b;
  font-size: 0.8rem;
}

.assistant-launcher__block-title {
  color: #172033;
  font-size: 0.88rem;
  font-weight: 700;
  margin: 0 0 0.6rem;
}

.assistant-launcher__block-heading .assistant-launcher__block-title {
  margin: 0;
}

.assistant-launcher__metrics {
  border: 1px solid #edf2f7;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  margin-top: 0.75rem;
  overflow: hidden;
}

.assistant-launcher__metric {
  border-right: 1px solid #edf2f7;
  display: grid;
  gap: 0.12rem;
  padding: 0.55rem 0.65rem;
}

.assistant-launcher__metric:last-child {
  border-right: 0;
}

.assistant-launcher__metric span,
.assistant-launcher__metric em {
  color: #64748b;
  font-size: 0.72rem;
  font-style: normal;
}

.assistant-launcher__metric strong,
.assistant-launcher__hero-metric {
  color: #172033;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.1;
}

.assistant-launcher__fact-list {
  border-top: 1px solid #eef2f7;
  display: grid;
  margin-top: 0.75rem;
}

.assistant-launcher__fact-row {
  align-items: center;
  border-bottom: 1px solid #eef2f7;
  display: flex;
  justify-content: space-between;
  padding: 0.45rem 0;
}

.assistant-launcher__fact-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.assistant-launcher__fact-row span {
  color: #64748b;
  font-size: 0.78rem;
}

.assistant-launcher__fact-row strong {
  color: #172033;
  font-size: 0.82rem;
}

.assistant-launcher__structured-list,
.assistant-launcher__checklist {
  display: grid;
  gap: 0;
}

.assistant-launcher__bar-list {
  display: grid;
  gap: 0.75rem;
  margin-top: 0.9rem;
}

.assistant-launcher__bar-row {
  color: inherit;
  display: grid;
  gap: 0.35rem;
  text-decoration: none;
}

.assistant-launcher__bar-row-heading,
.assistant-launcher__bar-meta {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}

.assistant-launcher__bar-row-heading strong {
  color: #172033;
  font-size: 0.86rem;
  font-weight: 700;
}

.assistant-launcher__bar-row-heading span {
  color: #172033;
  font-size: 0.86rem;
  font-weight: 800;
}

.assistant-launcher__bar-track {
  background: #edf2f7;
  border-radius: 999px;
  height: 0.55rem;
  overflow: hidden;
}

.assistant-launcher__bar-fill {
  background: #2563eb;
  border-radius: inherit;
  display: block;
  height: 100%;
}

.assistant-launcher__bar-fill.is-low {
  background: #ef4444;
}

.assistant-launcher__bar-fill.is-watch {
  background: #f59e0b;
}

.assistant-launcher__bar-fill.is-strong {
  background: #16a34a;
}

.assistant-launcher__bar-meta {
  color: #64748b;
  font-size: 0.76rem;
  justify-content: flex-start;
}

.assistant-launcher__bar-row:hover,
.assistant-launcher__bar-row:focus-visible {
  background: #fbfdff;
}

.assistant-launcher__structured-row {
  border-top: 1px solid #eef2f7;
  color: inherit;
  padding: 0.55rem 0;
  text-decoration: none;
}

.assistant-launcher__structured-row:first-child {
  border-top: 0;
  padding-top: 0;
}

.assistant-launcher__structured-row:last-child {
  padding-bottom: 0;
}

.assistant-launcher__avatar {
  align-items: center;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 800;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.assistant-launcher__avatar--green {
  background: #46bd6b;
}

.assistant-launcher__avatar--purple {
  background: #a855f7;
}

.assistant-launcher__avatar--orange {
  background: #f97316;
}

.assistant-launcher__avatar--blue {
  background: #2563eb;
}

.assistant-launcher__structured-row--stacked {
  align-items: flex-start;
  display: grid;
  justify-content: stretch;
}

.assistant-launcher__grouped-section {
  border: 1px solid #eef2f7;
  border-radius: 10px;
  overflow: hidden;
}

.assistant-launcher__grouped-heading {
  align-items: center;
  background: #f8fafc;
  border-bottom: 1px solid #eef2f7;
  display: flex;
  justify-content: space-between;
  padding: 0.55rem 0.7rem;
}

.assistant-launcher__grouped-heading strong {
  color: #172033;
  font-size: 0.84rem;
}

.assistant-launcher__grouped-heading span {
  color: #64748b;
  font-size: 0.76rem;
}

.assistant-launcher__checklist-row {
  align-items: center;
  border-top: 1px solid #eef2f7;
  display: flex;
  gap: 0.45rem;
  padding: 0.4rem 0;
}

.assistant-launcher__checklist-row:first-child {
  border-top: 0;
}

.assistant-launcher__checklist-row span {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  height: 1.05rem;
  justify-content: center;
  width: 1.05rem;
}

.assistant-launcher__checklist-row .is-complete {
  background: #ecfdf3;
  color: #15803d;
}

.assistant-launcher__checklist-row .is-missing {
  background: #fff1f2;
  color: #be123c;
}

.assistant-launcher__checklist-row strong {
  color: #334155;
  font-size: 0.84rem;
}

.assistant-launcher__line-chart {
  height: 150px;
  margin-top: 0.35rem;
  width: 100%;
}

.assistant-launcher__line-chart polyline {
  fill: none;
  stroke: #2563eb;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

.assistant-launcher__line-chart circle {
  fill: #2563eb;
}

.assistant-launcher__chart-labels {
  display: flex;
  justify-content: space-between;
}

.assistant-launcher__small-action {
  border: 1px solid #dfe6f0;
  border-radius: 8px;
  color: #1d63f2;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.3rem 0.5rem;
}

.assistant-launcher__spotlight-item {
  align-items: baseline;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: grid;
  gap: 0.15rem;
  padding: 0.55rem 0.65rem;
}

.assistant-launcher__spotlight-item strong {
  color: #172033;
  font-size: 0.86rem;
}

.assistant-launcher__spotlight-item span {
  color: #64748b;
  font-size: 0.8rem;
}

.assistant-launcher__clarification-option {
  background: #fff;
  cursor: pointer;
  text-align: left;
}

.assistant-launcher__clarification-option:hover,
.assistant-launcher__clarification-option:focus-visible {
  border-color: #b9c8dd;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.08);
}

.assistant-launcher__spotlight-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.9rem;
  padding: 0.75rem;
  border: 1px dashed #cfdafe;
  border-radius: 12px;
  background: #fbfdff;
}

.assistant-launcher__spotlight-actions.is-empty {
  display: none;
}

.assistant-launcher__cancel {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #64748b;
}

.assistant-launcher__item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 0.8rem;
}

.assistant-launcher__item h3 {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
}

.assistant-launcher__item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.25rem 0 0.5rem;
}

.assistant-launcher__badge {
  background: #eef4ff;
  border: 1px solid #cfe0ff;
  border-radius: 999px;
  color: #2453a6;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.12rem 0.45rem;
}

.assistant-launcher__badge--lapsed,
.assistant-launcher__badge--notice {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}

.assistant-launcher__badge--watch,
.assistant-launcher__badge--expiring {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}

.assistant-launcher__fact {
  color: #64748b;
  font-size: 0.84rem;
  margin-top: 0.18rem;
}

.assistant-launcher__item p {
  color: #64748b;
  font-size: 0.86rem;
  margin: 0;
}

.assistant-launcher__item-link {
  display: inline-block;
  font-size: 0.84rem;
  margin-top: 0.45rem;
}

.assistant-launcher__item-action {
  display: inline-flex;
  margin-top: 0.7rem;
}

.assistant-launcher__menu-button {
  align-items: center;
  border: 0;
  cursor: pointer;
  display: flex;
  font: inherit;
  width: 100%;
}

.assistant-launcher__shortcut {
  color: #64748b;
  font-size: 0.75rem;
  margin-left: auto;
}

@media (max-width: 768px) {
  .assistant-launcher__spotlight {
    margin-top: 1rem;
  }
  .assistant-launcher__spotlight-items--grid {
    grid-template-columns: 1fr;
  }
}
.decisions-feed__title {
  color: #102a43;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
}

.decisions-toolbar {
  border: 1px solid #e6edf7;
  padding: 1rem 1.1rem;
}

.decisions-toolbar__form {
  display: grid;
  align-items: end;
  gap: 0.85rem;
  grid-template-columns: minmax(260px, 2fr) minmax(150px, 0.9fr) minmax(150px, 0.9fr) minmax(190px, 1.1fr) minmax(140px, 0.8fr) auto;
}

.decisions-toolbar__meta {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}

.decisions-toolbar__count {
  color: #102a43;
  font-size: 0.96rem;
}

.decisions-toolbar__filters-active {
  color: #6b7280;
  font-size: var(--font-size-body);
}

.decisions-toolbar__field {
  margin-bottom: 0;
}

.decisions-toolbar__field .label {
  color: #4f5f74;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 0.45rem;
  text-transform: uppercase;
}

.decisions-toolbar__field--search .input {
  min-height: 2.55rem;
  padding-left: 2.25rem;
}

.decisions-toolbar__search-row {
  align-items: stretch;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.decisions-toolbar__search-control {
  min-width: 0;
  position: relative;
}

.decisions-toolbar__search-icon {
  align-items: center;
  color: #8a98ad;
  display: inline-flex;
  height: 2.55rem;
  justify-content: center;
  left: 0.75rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 1rem;
}

.decisions-toolbar__actions {
  align-items: center;
  display: flex;
  gap: 0.65rem;
  justify-content: flex-end;
  padding-bottom: 0.05rem;
}

.decisions-toolbar__actions .button {
  min-height: 2.55rem;
  white-space: nowrap;
}

.decisions-toolbar__submit {
  min-width: 7rem;
}

.decisions-toolbar__advanced {
  border-top: 1px solid #edf2f8;
  padding-top: 0.95rem;
}

.decisions-toolbar__advanced-toggle {
  color: #526277;
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 700;
  list-style: none;
}

.decisions-toolbar__advanced-toggle::-webkit-details-marker {
  display: none;
}

.decisions-toolbar__advanced-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0.95rem;
}

.decisions-toolbar__domain-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.decisions-toolbar__domain-option {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #dbe6f2;
  border-radius: 999px;
  color: #314255;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-sm);
  font-weight: 600;
  gap: 0.45rem;
  padding: 0.42rem 0.78rem;
}

.decisions-toolbar__domain-option input {
  margin: 0;
}

.decisions-feed__header {
  align-items: center;
  border-bottom: 1px solid #edf2f8;
  display: flex;
  justify-content: space-between;
  margin: -0.35rem -0.15rem 1rem;
  padding: 0.35rem 0.15rem 0.85rem;
}

.decisions-feed__empty {
  background: linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
  border: 1px dashed #d5deeb;
  border-radius: 18px;
  color: #425466;
  padding: 1.25rem 1.35rem;
}

.decision-group + .decision-group {
  margin-top: 2rem;
}

.decision-group__heading {
  align-items: center;
  background: transparent;
  display: flex;
  margin-bottom: 0.7rem;
  padding: 0.15rem 0 0.15rem 2.85rem;
  position: relative;
  z-index: 1;
}

.decision-group__label {
  color: #2d3c52;
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.decision-group__count {
  display: none;
}

.decision-list {
  display: grid;
  gap: 1rem;
}

.decision-list--timeline {
  gap: 0.8rem;
}

.decisions-timeline {
  position: relative;
}

.decisions-timeline::before {
  background: linear-gradient(180deg, #d7e2f0 0%, #edf3f9 100%);
  border-radius: 999px;
  content: "";
  left: 0.85rem;
  position: absolute;
  top: 0.35rem;
  bottom: 0.35rem;
  width: 2px;
}

.decision-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.05);
  border-radius: 10px;
  box-shadow: none;
  overflow: visible;
  padding: 0.65rem 0.8rem 0.62rem;
  position: relative;
}

.decision-card::before {
  content: none;
}

.decision-card--compact {
  border-radius: 8px;
  padding: 0.55rem 0.72rem 0.58rem;
}

.decision-card__identity-row {
  align-items: flex-start;
  display: flex;
  gap: 0.65rem;
  justify-content: space-between;
  margin-bottom: 0.24rem;
  padding-right: 2.45rem;
}

.decision-card__identity {
  align-items: baseline;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  min-width: 0;
}

.decision-card__identity-right {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.55rem;
  position: absolute;
  right: 0.62rem;
  top: 0.62rem;
}

.decision-card__code {
  background: #eef4fb;
  border-radius: 999px;
  color: #102a43;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 0.25rem 0.55rem;
  text-transform: uppercase;
}

.decision-card__lineage-inline {
  color: #617286;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0.18rem;
}

.decision-card__lineage-label {
  letter-spacing: 0.04em;
}

.decision-card__lineage-link {
  font-weight: 800;
}

.decision-card__metadata-date,
.decision-card__date {
  color: #7b8798;
  font-weight: 600;
  white-space: nowrap;
}

.decision-card__title {
  color: #0b5bea;
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.22;
  margin-top: 0;
  min-width: 0;
}

.decision-card__title-link {
  color: inherit;
}

.decision-card__title-link:hover,
.decision-card__title-link:focus-visible {
  color: #0846b8;
  text-decoration: underline;
}

.decision-card__metadata {
  align-items: center;
  color: #6b7b8f;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 0.82rem;
  gap: 0.58rem;
  margin-top: 0.18rem;
}

.decision-card__metadata-item {
  align-items: center;
  display: inline-flex;
  gap: 0.32rem;
}

.decision-card__metadata-item i {
  color: #73839a;
  font-size: 0.78rem;
}

.decision-card__metadata-separator {
  color: #a0aec0;
}

.decision-card__metadata-divider {
  color: #94a3b8;
  font-weight: 700;
}

.decision-card__metadata a {
  color: #526277;
  font-weight: 600;
}

.decision-card__metadata a:hover,
.decision-card__metadata a:focus-visible {
  color: #1f4f8b;
}

.decision-card__actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 0.2rem;
  justify-content: flex-end;
}

.decision-card__menu {
  display: inline-flex;
  flex: 0 0 auto;
}

.decision-card__menu-trigger {
  flex-shrink: 0;
}

.decision-card__delete-form {
  margin: 0;
}

.decision-card__action-button {
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 6px;
  box-shadow: none !important;
  color: #7a8798;
  font-size: 0.72rem;
  min-height: 1.6rem;
  padding-inline: 0.35rem;
}

.decision-card__delete-button {
  color: #956060;
}

.decision-card__body {
  color: #243b53;
  display: -webkit-box;
  font-size: 0.84rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  margin-bottom: 0;
  margin-top: 0.26rem;
  max-width: none;
  overflow: hidden;
}

.decision-card__rationale {
  border-top: 1px solid rgba(226, 232, 240, 0.85);
  margin-top: 0.38rem;
  padding-top: 0.26rem;
}

.decision-card__rationale-toggle {
  align-items: center;
  color: #526277;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.3rem;
  list-style: none;
}

.decision-card__rationale-toggle::-webkit-details-marker {
  display: none;
}

.decision-card__rationale-toggle i {
  font-size: var(--font-size-sm);
  transition: transform 0.16s ease;
}

.decision-card__rationale[open] .decision-card__rationale-toggle i {
  transform: rotate(180deg);
}

.decision-card__rationale-body {
  color: #4b5563;
  font-size: 0.82rem;
  line-height: 1.45;
  margin-top: 0.24rem;
  max-width: none;
}

.decision-card--inline {
  background: #fbfdff;
  border-color: #dbe6f3;
  border-radius: 10px;
  box-shadow: none;
  color: inherit;
  display: block;
  padding: 0.85rem 3.2rem 0.85rem 0.95rem;
  text-decoration: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.decision-card--inline > .linked-entity-row__chevron {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.decision-card--inline:hover,
.decision-card--inline:focus-visible,
.decision-card--inline:focus-within {
  background: #f5f9ff;
  border-color: #bed3f0;
  box-shadow: 0 8px 20px rgba(15, 27, 61, 0.04);
  color: inherit;
  outline: none;
}

.decision-card--inline .decision-card__identity-row {
  padding-right: 0;
}

.decision-card--inline .decision-card__title {
  color: #102a43;
  font-size: 1rem;
  margin-top: 0.28rem;
}

.decision-card--inline .decision-card__title-link {
  text-decoration: none;
}

.decision-card--inline .decision-card__title-link:focus-visible {
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(29, 99, 242, 0.16);
  outline: none;
}

.decision-card--inline .decision-card__body {
  -webkit-line-clamp: 2;
  color: #243b53;
  font-size: 0.86rem;
  margin-top: 0.46rem;
}

.decision-card__inline-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}

.decision-card--inline .decision-card__rationale {
  margin: 0.75rem -3.2rem -0.85rem -0.95rem;
  padding: 0;
}

.decision-card--inline .decision-card__rationale-toggle {
  display: flex;
  font-size: 0.82rem;
  gap: 0.65rem;
  padding: 0.65rem 0.95rem;
}

.decision-card--inline .decision-card__rationale-body {
  padding: 0 0.95rem 0.8rem;
}

.decision-day + .decision-day {
  margin-top: 0.15rem;
}

.decision-day__header {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.65rem;
  padding-left: 2.85rem;
  position: relative;
}

.decision-day__label {
  color: #1d2d44;
  font-size: var(--font-size-body);
  font-weight: 800;
}

.decision-day__dot {
  background: #3f5efb;
  border: 4px solid #eef3ff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(63, 94, 251, 0.16);
  height: 16px;
  left: 0.35rem;
  position: absolute;
  top: 0.2rem;
  width: 16px;
}

.decision-day__count {
  color: #8a96a8;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.decision-day__items {
  display: grid;
  gap: 0.55rem;
}

.decision-timeline-item {
  padding-left: 2.85rem;
  position: relative;
}

.decision-list--timeline .decision-card {
  background: #fbfdff;
  border-color: #dbe6f3;
  border-radius: 10px;
  box-shadow: none;
  padding: 0.85rem 3.2rem 0.85rem 0.95rem;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.decision-list--timeline .decision-card:hover,
.decision-list--timeline .decision-card:focus-within {
  background: #f5f9ff;
  border-color: #bed3f0;
  box-shadow: 0 8px 20px rgba(15, 27, 61, 0.04);
}

.decision-list--timeline .decision-card__identity-row {
  padding-right: 0;
}

.decision-list--timeline .decision-card__identity-right {
  right: 0.95rem;
  top: 0.85rem;
}

.decision-list--timeline .decision-card__title {
  color: #102a43;
  font-size: 1rem;
  margin-top: 0.28rem;
}

.decision-list--timeline .decision-card__title-link {
  text-decoration: none;
}

.decision-list--timeline .decision-card__title-link:hover,
.decision-list--timeline .decision-card__title-link:focus-visible {
  color: #0b5bea;
}

.decision-list--timeline .decision-card__body {
  -webkit-line-clamp: 2;
  color: #243b53;
  font-size: 0.86rem;
  margin-top: 0.46rem;
}

.decision-status-tag {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 0.38rem 0.58rem;
  text-transform: uppercase;
}

.decision-status-tag--active {
  background: #edf7ef;
  color: #23613d;
}

.decision-status-tag--superseded {
  background: #f5f1e8;
  color: #8a5a18;
}

.decision-chip {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 700;
  gap: 0.3rem;
  line-height: 1.15;
  padding: 0.4rem 0.72rem;
}

.decision-chip--domain {
  background: #eef4fb;
  color: #355070;
}

.decision-chip--context {
  background: #f8fafc;
  border: 1px solid #dde6f0;
  color: #334155;
}

.decision-lineage,
.decision-lineage__item {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.decision-lineage {
  color: #5c6d80;
  font-size: var(--font-size-sm);
}

.decision-lineage__label {
  font-weight: 700;
}

.decision-lineage__link {
  font-weight: 700;
}

.decision-form {
  display: grid;
  gap: 0.85rem;
}

.decision-form .label {
  color: #4b5563;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
}

.decision-form__title-input {
  font-size: var(--font-size-body);
  min-height: 2.75rem;
}

.decision-form__register-row {
  align-items: center;
  background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
  border: 1px solid #e6edf7;
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 0.95rem;
}

.decision-form__register-label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 0.2rem;
  text-transform: uppercase;
}

.decision-form__register-value {
  color: #102a43;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  margin: 0;
}

.decision-form__main,
.decision-form__side {
  display: grid;
  gap: 0.85rem;
}

.decision-form__main {
  min-width: 0;
  width: 100%;
}

.decision-form__layout {
  align-items: start;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}

.decision-form__panel,
.decision-form__context-banner {
  background: #fff;
  border: 1px solid #e6edf7;
  border-radius: 14px;
  padding: 0.8rem 0.9rem;
}

.decision-form__attributes {
  border-top: 1px solid #e6edf7;
  display: block;
  margin-top: 0.35rem;
  padding-top: 0.85rem;
  width: 100%;
}

.decision-form__attributes[open] {
  padding-bottom: 0.2rem;
}

.decision-form__attributes-toggle {
  color: #526277;
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 700;
  list-style: none;
}

.decision-form__attributes-toggle::-webkit-details-marker {
  display: none;
}

.decision-form__attributes-toggle::before {
  color: #7a8aa0;
  content: "\f078";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-size: 0.7rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  margin-right: 0.45rem;
  text-rendering: auto;
  transition: transform 0.16s ease;
  -webkit-font-smoothing: antialiased;
}

.decision-form__attributes[open] .decision-form__attributes-toggle::before {
  transform: rotate(180deg);
}

.decision-form__attributes-body {
  display: grid;
  gap: 0.85rem;
  margin-top: 0.85rem;
}

.decision-form__attributes-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.decision-form__domain-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.decision-form__domain-option {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #dbe6f2;
  border-radius: 999px;
  color: #314255;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-sm);
  font-weight: 600;
  gap: 0.45rem;
  padding: 0.42rem 0.78rem;
}

.decision-form__domain-option input {
  margin: 0;
}

.decision-form__panel-title,
.decision-form__context-kicker {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 700;
  gap: 0.45rem;
  letter-spacing: 0.08em;
  margin: 0 0 0.7rem;
  text-transform: uppercase;
}

.modal-card-title__icon {
  color: var(--brand-active-bg);
  display: inline-flex;
  font-size: 1.3rem;
  margin-right: 0.65rem;
  vertical-align: middle;
}

.decision-modal-card {
  max-height: calc(100vh - 3rem);
}

.decision-modal-card .modal-card-body {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.decision-form__section-icon {
  color: #7a8aa0;
  display: inline-flex;
  font-size: 0.8rem;
  line-height: 1;
}

.decision-form__panel-hint {
  color: #526277;
  font-size: var(--font-size-sm);
  line-height: 1.45;
  margin: -0.15rem 0 0.65rem;
}

.decision-form__context-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.decision-form__context-pill {
  align-items: baseline;
  background: #ffffff;
  border: 1px solid #dce7f5;
  border-radius: 999px;
  color: #102a43;
  display: inline-flex;
  gap: 0.45rem;
  padding: 0.45rem 0.8rem;
}

.decision-form__context-type {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
}

.decision-form__context-name {
  font-size: var(--font-size-body);
  font-weight: 600;
}

.decision-form__relation-field {
  margin-bottom: 0;
  position: relative;
}

.decision-form__relation-input {
  min-height: 2.75rem;
}

.decision-form__relation-menu {
  background: #fff;
  border: 1px solid #d8e3f2;
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
  max-height: 18rem;
  overflow-y: auto;
  padding: 0.4rem;
  position: fixed;
  z-index: 2000;
}

.decision-form__relation-selection {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.7rem;
}

.decision-form__relation-selection[hidden] {
  display: none;
}

.decision-form__relation-chip {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #dce7f5;
  border-radius: 12px;
  gap: 0.55rem;
  max-width: 100%;
  padding: 0.7rem 0.8rem;
}

.decision-form__relation-chip-icon {
  align-items: center;
  color: #5b7bd5;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.82rem;
  height: 1.65rem;
  justify-content: center;
  width: 1.65rem;
}

.decision-form__relation-chip-content {
  display: grid;
  flex: 1 1 auto;
  gap: 0.08rem;
  min-width: 0;
}

.decision-form__relation-chip-kind {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.decision-form__relation-chip-text {
  color: #102a43;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  min-width: 0;
}

.decision-form__relation-chip-meta {
  color: #64748b;
  font-size: var(--font-size-sm);
  margin: 0.12rem 0 0;
}

.decision-form__relation-chip-clear {
  align-items: center;
  background: #eef3f8;
  border: 0;
  border-radius: 999px;
  color: #5f6f85;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1.9rem;
  justify-content: center;
  transition: background-color 0.15s ease, color 0.15s ease;
  width: 1.9rem;
}

.decision-form__relation-chip-clear:hover,
.decision-form__relation-chip-clear:focus-visible {
  background: #dce5ef;
  color: #334155;
}

.decision-form__actions {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  margin-top: 1rem;
}

.decision-form__actions .button {
  align-items: center;
  display: inline-flex;
  height: 2.5rem;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0 1.1rem;
  vertical-align: middle;
}

.decision-form__actions .button.is-link,
.decision-form__actions input.button,
.decision-form__actions button.button {
  box-sizing: border-box;
  height: 2.5rem;
  margin: 0;
  padding: 0 1.1rem;
}

.decision-show__summary {
  padding: 1.2rem 1.3rem;
}

.decision-page {
  display: grid;
  gap: 1rem;
}

.decision-page__actions-menu {
  flex: 0 0 auto;
  margin-top: 0;
  position: relative;
}

.decision-page__actions-menu summary {
  list-style: none;
}

.decision-page__actions-menu summary::-webkit-details-marker {
  display: none;
}

.decision-page__actions-trigger {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
}

.decision-page__actions-menu[open] .decision-page__actions-trigger {
  border-color: #cfd8e3;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.08);
}

.decision-page__actions-dropdown {
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
  box-sizing: border-box;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  display: grid;
  gap: 0.2rem;
  min-width: 220px;
  padding: 0.35rem;
  position: absolute;
  right: 0;
  top: calc(100% + 0.45rem);
  z-index: 20;
}

.decision-page__actions-form {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.decision-page__actions-link {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: #1f2937;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.decision-page__actions-form .decision-page__actions-link {
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
}

.decision-page__actions-link:hover {
  background: #f5f7fb;
  color: #111827;
}

.decision-page__actions-link--danger {
  color: #8b1e3f;
}

.decision-page__actions-link--danger:hover {
  background: #fff1f2;
  color: #7f1d1d;
}

.decision-show__summary-top {
  display: grid;
  gap: 1.2rem;
}

.decision-show__summary-copy {
  min-width: 0;
}

.decision-show__header-row {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.decision-show__section + .decision-show__section {
  border-top: 1px solid #edf2f8;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}

.decision-show__hero-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-bottom: 0.55rem;
  min-width: 0;
}

.decision-show__hero-divider {
  color: #51627d;
  font-weight: 700;
}

.decision-show__hero-title {
  color: #102a43;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 0.4rem;
}

.decision-show__hero-code {
  background: #eef4fb;
  border-radius: 999px;
  color: #102a43;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 0.42rem 0.68rem;
  text-transform: uppercase;
}

.decision-show__summary-text {
  color: #51627d;
  font-size: 1rem;
  line-height: 1.55;
  margin: 0;
}

.decision-show__summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid #e8eef7;
  gap: 0;
  margin: 1.1rem 0 0;
  padding-top: 1rem;
}

.decision-show__summary-label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.decision-show__summary-item {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  padding: 0 1rem;
  position: relative;
}

.decision-show__summary-item:first-child {
  border-left: 0;
  padding-left: 0;
}

.decision-show__summary-value {
  color: #0f172a;
  line-height: 1.35;
  margin-top: 0.28rem;
  font-weight: 600;
}

.decision-show__summary-icon {
  color: #526b95;
  font-size: 1rem;
  margin-bottom: 0.15rem;
}

.decision-show__summary-value .decision-status-tag,
.decision-show__summary-value .decision-chip {
  margin-top: -0.05rem;
}

.decision-show__summary-lineage {
  display: grid;
  gap: 0.28rem;
  margin-top: 0.5rem;
}

.decision-show {
  padding: 0;
}

.decision-show__layout {
  display: grid;
  align-items: start;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.38fr);
}

.decision-show__main {
  min-width: 0;
  padding: 1rem 1.15rem 1.15rem;
}

.decision-show__left-column {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
}

.decision-show__aside {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.decision-show__record-title {
  border-bottom: 1px solid #edf2f8;
  color: #102a43;
  font-size: 1rem;
  font-weight: 800;
  margin: 0 -1.15rem 1rem;
  padding: 0 1.15rem 0.8rem;
}

.decision-show__section-title {
  color: #102a43;
  font-size: 0.98rem;
  font-weight: 800;
  margin: 0 0 0.45rem;
}

.decision-show__section {
  align-items: start;
  display: grid;
  gap: 1rem;
  grid-template-columns: 3.1rem minmax(0, 1fr);
}

.decision-show__section--primary {
  padding-top: 0;
}

.decision-show__section-icon {
  align-items: center;
  background: #f7faff;
  border: 1px solid #e3ebf6;
  border-radius: 999px;
  color: #526b95;
  display: inline-flex;
  font-size: 1.05rem;
  height: 2.45rem;
  justify-content: center;
  margin-top: 0.05rem;
  width: 2.45rem;
}

.decision-show__section-icon--accent {
  color: #1d63f2;
}

.decision-show__section-content {
  min-width: 0;
}

.decision-show__body,
.decision-show__rationale {
  color: #1f2f46;
  font-size: 0.92rem;
  line-height: 1.62;
}

.decision-show__body p,
.decision-show__rationale p {
  max-width: 64rem;
}

.decision-show__linked-panel {
  border-left: 0;
  padding-left: 0;
  position: static;
}

.decision-show__sidebar-card {
  background: #fff;
  border-radius: 14px;
  padding: 0.95rem 1rem;
}

.decision-show__linked-panel-title {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 700;
  gap: 0.45rem;
  letter-spacing: 0.08em;
  margin: 0 0 0.85rem;
  text-transform: uppercase;
}

.decision-show__linked-panel-title .icon {
  color: #7a8aa0;
}

.decision-show__linked-panel-list {
  display: grid;
  gap: 0.7rem;
}

.decision-show__linked-panel-item {
  align-items: flex-start;
  display: flex;
  gap: 0.7rem;
  padding: 0.15rem 0;
}

.decision-show__linked-panel-icon {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.9rem;
  justify-content: center;
  line-height: 1;
  margin-top: 0.16rem;
  width: 1rem;
}

.decision-show__linked-panel-copy {
  min-width: 0;
}

.decision-show__sidebar-empty {
  color: #66758f;
  font-size: 0.88rem;
  margin: 0;
}

.decision-show__hero-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 0.65rem;
}

.decision-show__related-list {
  display: grid;
  gap: 0.55rem;
}

.decision-show__related-item {
  align-items: center;
  color: #25344d;
  display: grid;
  font-size: 0.84rem;
  font-weight: 600;
  gap: 0.55rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  text-decoration: none;
}

.decision-show__related-item:hover,
.decision-show__related-item:focus-visible {
  color: #0b5bea;
}

.decision-show__lifecycle-list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
}

.decision-show__lifecycle-list > div {
  display: grid;
  gap: 0.24rem;
}

.decision-show__lifecycle-list dt {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.decision-show__lifecycle-list dd {
  color: #102a43;
  font-size: 0.88rem;
  font-weight: 600;
  margin: 0;
}

.decision-show__linked-panel-label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 0.16rem;
  text-transform: uppercase;
}

.decision-show__linked-panel-link {
  display: inline-block;
  font-weight: 600;
  line-height: 1.45;
}

.decision-show__related {
  margin-top: 1rem;
}

.decision-show__related--in-column {
  margin-top: 0;
}

.risk-context-panel--compact {
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
}

.risk-context-panel--compact .card-content {
  padding: 0.95rem 1rem;
}

.risk-context-panel--compact .risks-section__header {
  align-items: center;
  border-bottom: 1px solid #edf2f8;
  margin: -0.95rem -1rem 0;
  padding: 0.9rem 1rem;
}

.risk-context-panel--compact .risks-section__header > div:first-child {
  min-width: 0;
}

.risk-context-panel--compact .pulse-title {
  color: #102a43;
  font-size: 1rem;
  font-weight: 800 !important;
  line-height: 1.2;
  margin: 0 0 0.18rem;
}

.risk-context-panel--compact .pulse-title .section-icon {
  color: #526b95;
  filter: none;
  font-size: 0.92rem;
  margin-right: 0.45rem;
}

.risk-context-panel--compact .risks-section__header p {
  color: #66758f !important;
  font-size: 0.84rem;
  line-height: 1.35;
}

.risk-context-panel--compact .nt-section-actions {
  flex: 0 0 auto;
  gap: 0.55rem;
}

.risk-context-panel--compact .nt-section-actions .button {
  min-height: 2.15rem;
  padding: 0.42rem 0.7rem;
}

.risk-context-panel--compact .nt-section-actions .nt-text-link {
  min-height: 2.15rem;
}

.risk-context-panel--compact .risk-context-panel__item {
  align-items: center;
  border: 1px solid #dbe6f3;
  border-radius: 10px;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 1rem 0.95rem;
}

.risk-context-panel--compact .risk-context-panel__title {
  font-size: 0.92rem;
  line-height: 1.35;
}

.risk-context-panel--compact .risk-context-panel__title a {
  color: #102a43;
  overflow-wrap: anywhere;
}

.risk-context-panel--compact .risk-context-panel__title a:hover,
.risk-context-panel--compact .risk-context-panel__title a:focus-visible {
  color: #0b5bea;
}

.risk-context-panel--compact .risk-context-panel__meta {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  font-size: 0.82rem;
  line-height: 1.35;
}

.risk-context-panel--compact .risk-context-panel__meta .tag {
  font-size: 0.72rem;
  line-height: 1;
  min-height: 1.6rem;
}

.risk-context-panel--compact .risk-context-panel__movement .tag {
  min-height: 1.75rem;
  min-width: 1.75rem;
  padding: 0;
}

.decision-history {
  display: grid;
  gap: 0.95rem;
}

.decision-history__day {
  display: grid;
  gap: 0.35rem;
  grid-template-columns: 7.8rem minmax(0, 1fr);
  position: relative;
}

.decision-history__day::before {
  background: #d9e4f2;
  bottom: 0.05rem;
  content: "";
  left: 7.95rem;
  position: absolute;
  top: 0.22rem;
  width: 1px;
}

.decision-history__day::after {
  background: #1d63f2;
  border: 3px solid #eef4ff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(29, 99, 242, 0.12);
  content: "";
  height: 13px;
  left: 7.56rem;
  position: absolute;
  top: 0.2rem;
  width: 13px;
}

.decision-history__day-label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.4;
  padding-top: 0.1rem;
  text-transform: uppercase;
}

.decision-history__day-events {
  display: grid;
  gap: 0.58rem;
  padding-left: 1rem;
}

.decision-history__item {
  padding: 0;
}

.decision-history__item-meta {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.decision-history__item-date {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.decision-history__item-title {
  color: #102a43;
  font-weight: 700;
}

.decision-history__item-actor {
  color: #64748b;
  font-size: var(--font-size-sm);
}

.decision-history__details {
  color: #334155;
  display: grid;
  gap: 0.12rem;
  list-style: none;
  margin: 0.35rem 0 0;
  padding-left: 0;
}

.decision-snippet__header {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.decision-snippet__actions {
  display: flex;
  gap: 0.5rem;
}

.decision-snippet__footer {
  margin-top: 1rem;
}

.decision-fab {
  bottom: 1.25rem;
  position: fixed;
  right: 1.25rem;
  width: 54px;
  z-index: 35;
}

.decision-fab:not(.is-open) .decision-fab__menu,
.decision-fab__menu[hidden] {
  display: none;
}

.decision-fab__context {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 999px;
  box-shadow: 0 18px 30px rgba(15, 23, 42, 0.09);
  box-sizing: border-box;
  color: #334155;
  font-size: 0.74rem;
  font-weight: 800;
  height: 44px;
  line-height: 1;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  right: 28px;
  text-align: left;
  top: 5px;
  text-overflow: ellipsis;
  transform: translateX(18px);
  transition: max-width 320ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 220ms ease, padding 320ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
  white-space: nowrap;
  z-index: 1;
}

.decision-fab__context:hover,
.decision-fab__context:focus-visible {
  cursor: pointer;
}

.decision-fab__context::after {
  background: #10b981;
  border-radius: 999px;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
  content: "";
  height: 0.45rem;
  opacity: 0;
  position: absolute;
  right: 1.15rem;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 180ms ease 100ms;
  width: 0.45rem;
}

.decision-fab.is-context-visible .decision-fab__context {
  max-width: min(240px, 100vw - 5.5rem);
  opacity: 1;
  padding: 0.9rem 2.4rem 0.9rem 1rem;
  pointer-events: auto;
  transform: translateX(0);
}

.decision-fab.is-context-visible .decision-fab__context::after {
  opacity: 1;
}

.decision-fab__button {
  align-items: center;
  background: linear-gradient(145deg, #0b1933 0%, #061126 58%, #020817 100%);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 18px 30px rgba(15, 23, 42, 0.22), 0 0 0 6px rgba(83, 182, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -8px 14px rgba(2, 8, 23, 0.35);
  color: #54b9ff;
  display: inline-flex;
  height: 54px;
  justify-content: center;
  isolation: isolate;
  overflow: visible;
  padding: 0;
  position: relative;
  text-decoration: none;
  transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
  width: 54px;
  z-index: 2;
}

.decision-fab__button::before,
.decision-fab__button::after {
  border-radius: inherit;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.decision-fab__button::before {
  background: radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 28%), radial-gradient(circle at 64% 70%, rgba(2, 132, 199, 0.18), rgba(2, 132, 199, 0) 44%);
  box-shadow: inset 0 0 0 1px rgba(148, 204, 255, 0.18);
  z-index: -1;
}

.decision-fab__button::after {
  box-shadow: 0 0 0 0 rgba(83, 182, 255, 0.18);
  opacity: 0;
  transition: box-shadow 0.18s ease, opacity 0.18s ease;
  z-index: -2;
}

.decision-fab__button:hover,
.decision-fab__button:focus-visible {
  color: #6ec4ff;
  cursor: pointer;
  filter: brightness(1.04);
  transform: translateY(-2px);
  box-shadow: 0 24px 38px rgba(15, 23, 42, 0.26), 0 0 0 7px rgba(83, 182, 255, 0.13), 0 0 24px rgba(46, 170, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -8px 14px rgba(2, 8, 23, 0.28);
  outline: none;
}

.decision-fab__button:hover::after,
.decision-fab__button:focus-visible::after,
.decision-fab.is-open .decision-fab__button::after {
  box-shadow: 0 0 0 12px rgba(83, 182, 255, 0.08);
  opacity: 1;
}

.decision-fab__button:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.24), 0 0 0 5px rgba(83, 182, 255, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 8px 16px rgba(2, 8, 23, 0.42);
}

.decision-fab.is-open .decision-fab__button {
  box-shadow: 0 24px 40px rgba(15, 23, 42, 0.28), 0 0 0 7px rgba(83, 182, 255, 0.16), 0 0 28px rgba(46, 170, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -8px 14px rgba(2, 8, 23, 0.28);
}

.decision-fab__mark {
  display: block;
  height: 46px;
  pointer-events: none;
  position: relative;
  transform: translateZ(0);
  user-select: none;
  width: 46px;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .decision-fab__button,
  .decision-fab__button::after {
    transition: none;
  }
  .decision-fab__button:hover,
  .decision-fab__button:focus-visible,
  .decision-fab__button:active {
    transform: none;
  }
}
.decision-fab__menu {
  background: #ffffff;
  border: 1px solid #dfe6f0;
  border-radius: 14px;
  bottom: calc(100% + 0.75rem);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.16);
  padding: 0.9rem;
  position: absolute;
  right: 0;
  width: min(340px, 100vw - 2.5rem);
}

.decision-fab__menu-header {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.decision-fab__menu-header h2 {
  color: #0f172a;
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

.decision-fab__menu-header p {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.35;
  margin: 0.28rem 0 0;
}

.decision-fab__menu-close {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: #64748b;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  padding: 0;
  width: 2rem;
}

.decision-fab__menu-close:hover,
.decision-fab__menu-close:focus-visible {
  background: #f1f5f9;
  color: #0f172a;
  cursor: pointer;
}

.decision-fab__menu-section {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.85rem;
}

.decision-fab__menu-section:first-of-type {
  margin-top: 0;
}

.decision-fab__menu-item {
  align-items: center;
  background: #ffffff;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #0f172a;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  padding: 0.72rem 0.7rem;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.decision-fab__menu-item:hover,
.decision-fab__menu-item:focus-visible {
  background: #f8fbff;
  border-color: #d8e4f4;
  color: #0f172a;
}

.decision-fab__menu-item--secondary {
  opacity: 0.82;
}

.decision-fab__item-icon {
  align-items: center;
  background: #eef4ff;
  border-radius: 8px;
  color: #2443d9;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.decision-fab__item-copy {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.decision-fab__item-copy strong {
  align-items: center;
  color: #0f172a;
  display: flex;
  font-size: 0.88rem;
  gap: 0.4rem;
  line-height: 1.25;
}

.decision-fab__item-copy kbd {
  background: #ffffff;
  border: 1px solid #d7e0ee;
  border-radius: 5px;
  color: #64748b;
  font-family: inherit;
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1;
  padding: 0.18rem 0.32rem;
  white-space: nowrap;
}

.decision-fab__item-copy small {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.35;
}

.decision-fab__item-chevron {
  color: #2443d9;
  font-size: 0.72rem;
}

.decision-fab__beta-tag {
  background: #f7f0d7;
  border-radius: 999px;
  color: #8a6417;
  font-size: 0.66rem;
  font-weight: 800;
  justify-self: start;
  padding: 0.2rem 0.45rem;
}

.contextual-capture-toast {
  animation: contextual-capture-toast-fade 3.8s ease forwards;
  background: #0f172a;
  border-radius: 999px;
  bottom: calc(100% + 0.8rem);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.58rem 0.78rem;
  position: absolute;
  right: 0;
  white-space: nowrap;
}

.contextual-capture-toast:empty {
  display: none;
}

@keyframes contextual-capture-toast-fade {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  12%, 78% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(4px);
  }
}
.product-feedback-modal .modal-card-body {
  padding-top: 1rem;
}

.product-feedback-modal__subtitle {
  color: #64748b;
  font-size: 0.9rem;
  margin: 0 0 1.15rem;
}

.product-feedback-form {
  display: grid;
  gap: 1rem;
}

.product-feedback-type-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.product-feedback-type__input {
  position: absolute;
  opacity: 0;
}

.product-feedback-type__label {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dfe6f0;
  border-radius: 8px;
  color: #334155;
  display: inline-flex;
  gap: 0.5rem;
  font-size: 0.84rem;
  font-weight: 700;
  min-height: 2.4rem;
  padding: 0.5rem 0.75rem;
}

.product-feedback-type__label i {
  color: #2443d9;
  font-size: 0.86rem;
  width: 1rem;
}

.product-feedback-type__input:checked + .product-feedback-type__label,
.product-feedback-type__input:focus-visible + .product-feedback-type__label {
  background: #eef4ff;
  border-color: #9db8ff;
  color: #1e40af;
}

.product-feedback-form__textarea {
  min-height: 8rem;
}

.product-feedback-form__actions {
  display: flex;
  gap: 0.65rem;
  justify-content: flex-end;
}

.product-feedback-form__actions .button,
.product-feedback-form__actions .nt-btn,
.product-feedback-form__actions input.button {
  align-items: center;
  display: inline-flex;
  font-size: 0.9rem;
  height: 2.85rem;
  justify-content: center;
  line-height: 1;
  min-width: 9.4rem;
  padding-bottom: 0;
  padding-top: 0;
}

.product-feedback-form__submit {
  min-width: 10.6rem;
}

@media screen and (max-width: 768px) {
  .decision-card__topline,
  .decision-snippet__header {
    align-items: flex-start;
    flex-direction: column;
  }
  .decisions-timeline::before {
    left: 0.66rem;
  }
  .decision-day__header,
  .decision-timeline-item {
    padding-left: 2.35rem;
  }
  .decision-day__dot {
    left: 0.16rem;
  }
  .decision-list--timeline .decision-card {
    padding: 0.9rem 0.95rem 0.88rem;
  }
  .decision-list--timeline .decision-card__actions {
    opacity: 1;
  }
  .decisions-toolbar__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
  }
  .decisions-toolbar__grid {
    grid-template-columns: 1fr;
  }
  .decisions-toolbar__form {
    grid-template-columns: 1fr;
  }
  .decisions-toolbar__search-row {
    grid-template-columns: 1fr;
  }
  .decisions-toolbar__advanced-grid,
  .decision-show__summary-grid {
    grid-template-columns: 1fr;
  }
  .decision-show__layout {
    grid-template-columns: 1fr;
  }
  .decision-show__linked-panel {
    border-left: 0;
    border-top: 1px solid #e8eef7;
    padding-left: 0;
    padding-top: 1rem;
    position: static;
  }
  .decision-show__header-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .decision-show__summary-item {
    border-top: 1px solid #e8eef7;
    padding: 0.8rem 0 0;
  }
  .decision-show__summary-item:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .decision-show__section {
    grid-template-columns: 2.6rem minmax(0, 1fr);
  }
  .decision-show__section-icon {
    height: 2.1rem;
    width: 2.1rem;
  }
  .decision-card__tags {
    justify-content: flex-start;
  }
  .decision-card__actions {
    justify-content: flex-start;
  }
  .decision-form__layout {
    grid-template-columns: 1fr;
  }
  .decision-form__attributes-grid {
    grid-template-columns: 1fr;
  }
  .decision-form__register-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.55rem;
  }
  .decisions-toolbar__actions,
  .decision-form__actions {
    justify-content: flex-start;
  }
  .decision-fab {
    bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    right: 1rem;
    width: 50px;
  }
  .decision-fab__button {
    height: 50px;
    width: 50px;
  }
  .decision-fab.is-context-visible .decision-fab__context {
    max-width: min(190px, 100vw - 5rem);
  }
  .decision-fab__menu {
    right: -0.2rem;
    width: min(320px, 100vw - 2rem);
  }
  .product-feedback-form__actions {
    flex-direction: column-reverse;
  }
}
.risks-nav {
  margin-bottom: 0;
}

.risks-overview__summary-grid,
.risks-overview__primary-grid,
.risks-overview__matrix-actions-grid {
  display: grid;
  align-items: stretch;
  gap: 0.85rem;
}

.risks-overview__summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.risks-overview__primary-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.65fr);
}

.risks-overview__matrix-actions-grid {
  grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
}

.risks-overview__matrix-actions-grid .risks-overview__matrix-card {
  max-width: 520px;
}

.risks-overview__summary-grid > *,
.risks-overview__primary-grid > *,
.risks-overview__matrix-actions-grid > *,
.risks-overview__matrix-actions-grid > turbo-frame {
  height: 100%;
}

.risks-overview-posture {
  align-items: flex-start;
  background: #fbfdff;
  border: 1px solid #dbe5f3;
  border-radius: 10px;
  display: flex;
  gap: 0.7rem;
  padding: 0.65rem 0.8rem;
}

.risks-overview-posture__icon {
  color: #0f55d9;
  flex: 0 0 auto;
  margin-top: 0.1rem;
}

.risks-overview-posture p {
  color: #24324a;
  font-size: var(--font-size-sm);
  line-height: 1.45;
  margin: 0;
}

.risks-overview-card,
.risks-overview__matrix-card,
.risks-overview-drivers,
.risks-overview-actions-panel,
.risks-overview-movement {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.03);
  height: 100%;
}

.risks-overview-card {
  padding: 0.9rem 0.95rem;
}

.risks-overview-card__heading {
  align-items: center;
  display: flex;
  gap: 0.7rem;
  margin-bottom: 0.65rem;
}

.risks-overview-card__heading .risks-overview-card__status {
  margin-left: auto;
}

.risks-overview-card__subcopy {
  color: #64748b;
  font-size: var(--font-size-xs);
  margin: 0.12rem 0 0;
}

.risks-overview-card__icon {
  align-items: center;
  background: #eef4ff;
  border-radius: 12px;
  color: #1d63f2;
  display: inline-flex;
  height: 2.45rem;
  justify-content: center;
  width: 2.45rem;
}

.risks-overview-card--summary .risks-overview-card__icon {
  height: 2.1rem;
  width: 2.1rem;
}

.risks-overview-card__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 0.6rem;
}

.risks-overview-card__metrics div {
  border-left: 1px solid #e5ebf3;
  min-width: 0;
  padding: 0 0.7rem;
}

.risks-overview-card__metrics div:first-child {
  border-left: 0;
  padding-left: 0;
}

.risks-overview-card__metrics strong {
  color: #0f172a;
  display: block;
  font-size: 1.25rem;
  line-height: 1;
}

.risks-overview-card__metrics span,
.risks-overview-card p,
.risks-overview-card__footer,
.risks-overview-drivers p,
.risks-overview-movement time {
  color: #64748b;
  font-size: var(--font-size-sm);
}

.risks-overview-card__copy {
  line-height: 1.45;
  margin-bottom: 0.65rem;
}

.risks-overview-card__link {
  align-items: center;
  color: #0f55d9;
  display: inline-flex;
  font-size: var(--font-size-sm);
  font-weight: 700;
  gap: 0.25rem;
}

.risks-overview-card__link .icon {
  font-size: 0.68rem;
  height: 0.9rem;
  width: 0.9rem;
}

.risks-overview-card__footer {
  align-items: center;
  border-top: 1px solid #eef2f7;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 0.8rem;
  padding-top: 0.7rem;
}

.risks-overview-attention {
  display: grid;
}

.risks-overview-attention__item {
  align-items: center;
  border-top: 1px solid #edf2f7;
  color: inherit;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 0.62rem 0;
}

.risks-overview-attention__item--primary {
  grid-template-columns: minmax(4.6rem, auto) minmax(0, 1fr) minmax(5.7rem, auto) minmax(5.8rem, auto) 0.9rem;
}

.risks-overview-attention__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.risks-overview-attention__item:hover,
.risks-overview-attention__item:focus-visible {
  background: #f8fbff;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #e6edf8;
  margin-left: -0.45rem;
  margin-right: -0.45rem;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

.risks-overview-attention__main {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.risks-overview-attention__main strong,
.risks-overview-movement__body span {
  color: #102a43;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risks-overview-attention__main small,
.risks-overview-movement__body small,
.risks-overview-attention__time {
  color: #64748b;
  font-size: var(--font-size-xs);
}

.risks-overview-attention__time {
  text-align: right;
  white-space: nowrap;
}

.risks-overview-attention__chevron {
  color: #64748b;
  font-size: 0.78rem;
  justify-self: end;
}

.risks-overview-severity.tag {
  border: 1px solid transparent;
  font-size: 0.68rem;
  font-weight: 750;
  height: 1.45rem;
  line-height: 1;
  padding: 0 0.5rem;
}

.risks-overview-severity.risk-tag--critical {
  background: #fee2e2;
  border-color: #fecaca;
  color: #991b1b;
}

.risks-overview-severity.risk-tag--high {
  background: #fff1e7;
  border-color: #fed7aa;
  color: #9a3412;
}

.risks-overview-severity.risk-tag--medium {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}

.risks-overview-severity.risk-tag--low {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #166534;
}

.risks-overview-status-pill.tag {
  font-size: 0.68rem;
  font-weight: 750;
  height: 1.45rem;
  line-height: 1;
  padding: 0 0.55rem;
}

.risks-overview-segments {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  display: inline-flex;
  padding: 0.15rem;
}

.risks-overview-segments__item {
  border-radius: 8px;
  color: #334155;
  font-size: var(--font-size-sm);
  font-weight: 700;
  min-width: 6.5rem;
  padding: 0.45rem 0.75rem;
  text-align: center;
}

.risks-overview-segments__item.is-active {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  color: #0f55d9;
}

.risks-overview__matrix-card .risk-matrix--compact .risk-matrix__cell {
  border-color: #e3e9f1;
  border-radius: 6px;
  min-height: 1.55rem;
  padding: 0.06rem;
}

.risks-overview__matrix-card .risk-matrix--compact .risk-matrix__count {
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 750;
}

.risks-overview__matrix-card .risk-matrix--compact .risk-matrix__label-cell {
  color: #52627a;
  font-size: 0.58rem;
  font-weight: 700;
}

.risks-overview__matrix-card .risks-section__header {
  margin-bottom: 0.4rem;
}

.risks-overview__matrix-card .risk-matrix--compact {
  gap: 0.14rem;
}

.risks-overview__matrix-card .risk-matrix--compact .risk-matrix__row,
.risks-overview__matrix-card .risk-matrix--compact .risk-matrix__main {
  gap: 0.14rem;
}

.risks-overview__matrix-card .risk-matrix--compact .risk-matrix__axis--x {
  margin-top: 0;
}

.risks-overview__matrix-card .risks-overview-card__footer {
  margin-top: 0.45rem;
  padding-top: 0.45rem;
}

.risks-overview__matrix-card .risk-matrix__cell--low {
  background: #f1faf4;
}

.risks-overview__matrix-card .risk-matrix__cell--medium {
  background: #fff8e6;
}

.risks-overview__matrix-card .risk-matrix__cell--high {
  background: #fff1ec;
}

.risks-overview__matrix-card .risk-matrix__cell--critical {
  background: #ffe4e4;
}

.risks-overview-drivers__headline {
  color: #0f172a !important;
  font-weight: 800;
  margin-bottom: 0.35rem;
}

.risks-overview-drivers__copy {
  line-height: 1.5;
  margin-bottom: 0;
}

.risks-overview-drivers__section {
  border-top: 1px solid #eef2f7;
  margin-top: 0.75rem;
  padding-top: 0.7rem;
}

.risks-overview-drivers__label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.05em;
  margin-bottom: 0.55rem;
  text-transform: uppercase;
}

.risks-overview-drivers__list {
  display: grid;
  gap: 0.38rem;
}

.risks-overview-drivers__row {
  align-items: center;
  display: flex;
  gap: 0.6rem;
  justify-content: space-between;
}

.risks-overview-drivers__row::before {
  background: #f1f5f9;
  border-radius: 999px;
  content: "";
  flex: 1 1 auto;
  height: 0.3rem;
  order: 2;
}

.risks-overview-drivers__row span {
  color: #334155;
  font-size: var(--font-size-sm);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  order: 1;
  width: 10.5rem;
}

.risks-overview-drivers__row strong {
  order: 3;
}

.risks-overview-drivers__row:nth-child(1)::before {
  background: #f43f5e;
}

.risks-overview-drivers__row:nth-child(2)::before {
  background: #fb923c;
}

.risks-overview-drivers__row:nth-child(3)::before {
  background: #f59e0b;
}

.risks-overview-drivers__row:nth-child(4)::before,
.risks-overview-drivers__row:nth-child(5)::before {
  background: #facc15;
}

.risks-overview-drivers__row strong {
  background: #f1f5f9;
  border-radius: 999px;
  color: #0f172a;
  font-size: var(--font-size-xs);
  min-width: 1.6rem;
  padding: 0.15rem 0.45rem;
  text-align: center;
}

.risks-overview-drivers__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.risks-overview-drivers__chips .tag {
  gap: 0.3rem;
}

.risks-overview-actions-panel__grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.risks-overview-actions-panel__metric {
  background: #fbfdff;
  border: 1px solid #e8eef7;
  border-radius: 12px;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 0.75rem 0.85rem;
}

.risks-overview-actions-panel__metric span {
  color: #64748b;
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.risks-overview-actions-panel__metric strong {
  color: #0f172a;
  font-size: 1.05rem;
}

.risks-overview-actions-panel__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: flex-end;
  margin-top: 0.7rem;
}

.floating-popover.risk-attention-popover {
  max-width: 340px;
  min-width: 300px;
  padding: 0;
}

.risk-attention-popover-card {
  display: grid;
  gap: 0.7rem;
  padding: 0.85rem;
}

.risk-attention-popover-card__header {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.risk-attention-popover-card__header strong {
  color: #102a43;
  font-size: var(--font-size-sm);
  line-height: 1.3;
}

.risk-attention-popover-card__meta {
  color: #64748b;
  display: grid;
  font-size: var(--font-size-xs);
  gap: 0.25rem;
}

.risk-attention-popover-card p {
  color: #334155;
  font-size: var(--font-size-sm);
  line-height: 1.45;
  margin: 0;
}

.risks-overview-action-queue {
  border-color: #cfe0f8;
}

.risks-overview-actions-panel__links--header {
  margin-top: 0;
}

.risks-overview-action-queue__rows {
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  overflow: hidden;
}

.risks-overview-action-queue__row {
  align-items: center;
  border-top: 1px solid #e5ecf7;
  color: inherit;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  padding: 0.58rem 0.75rem;
}

.risks-overview-action-queue__row:first-child {
  border-top: 0;
}

.risks-overview-action-queue__row:hover,
.risks-overview-action-queue__row:focus-visible {
  background: #f8fbff;
}

.risks-overview-action-queue__icon {
  align-items: center;
  background: #f1f6ff;
  border-radius: 8px;
  color: #42526b;
  display: inline-flex;
  height: 1.65rem;
  justify-content: center;
  width: 1.65rem;
}

.risks-overview-action-queue__icon--urgent {
  background: #fee2e2;
  color: #dc2626;
}

.risks-overview-action-queue__icon--due {
  background: #fff7ed;
  color: #d97706;
}

.risks-overview-action-queue__icon--new {
  background: #eff6ff;
  color: #2563eb;
}

.risks-overview-action-queue__icon--owner {
  background: #f5f3ff;
  color: #7c3aed;
}

.risks-overview-action-queue__icon--done {
  background: #ecfdf5;
  color: #16a34a;
}

.risks-overview-action-queue__main {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}

.risks-overview-action-queue__main strong {
  color: #102a43;
  font-size: var(--font-size-sm);
}

.risks-overview-action-queue__main small {
  color: #64748b;
  font-size: var(--font-size-xs);
}

.risks-overview-movement__grid {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.risks-overview-movement__grid--compact {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.risks-overview-movement:has(.risks-overview-movement__grid--compact) {
  align-self: start;
  padding-bottom: 0.75rem;
}

.risks-overview-movement__grid--compact .risks-overview-movement__item {
  border-top: 1px solid #edf2f7;
  padding-top: 0.55rem;
}

.risks-overview-movement__grid--compact .risks-overview-movement__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.risks-overview-movement__item {
  align-items: start;
  color: inherit;
  display: grid;
  gap: 0.6rem;
  grid-template-columns: auto minmax(0, 1fr);
}

.risks-overview-movement__icon {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  height: 1.75rem;
  justify-content: center;
  width: 1.75rem;
}

.risks-overview-movement__icon--worsening {
  background: #fee2e2;
  color: #dc2626;
}

.risks-overview-movement__icon--improving,
.risks-overview-movement__icon--created {
  background: #dcfce7;
  color: #16a34a;
}

.risks-overview-movement__icon--updated {
  background: #ffedd5;
  color: #ea580c;
}

.risks-overview-movement__body {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.risks-overview-movement__body strong {
  color: #102a43;
  font-size: var(--font-size-sm);
}

.risks-overview-movement time {
  grid-column: 2;
}

.risks-attention-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.75rem;
}

.risks-saved-views {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.75rem 0 0;
}

.risks-saved-views__chip,
.risks-actions-filter-chip {
  align-items: center;
  border: 1px solid #dbe6f3;
  border-radius: 999px;
  color: #334155;
  display: inline-flex;
  font-size: var(--font-size-sm);
  font-weight: 700;
  gap: 0.35rem;
  min-height: 2rem;
  padding: 0.28rem 0.68rem;
}

.risks-saved-views__chip:hover,
.risks-saved-views__chip:focus-visible,
.risks-actions-filter-chip:hover,
.risks-actions-filter-chip:focus-visible,
.risks-saved-views__chip.is-active,
.risks-actions-filter-chip.is-active {
  background: #eff6ff;
  border-color: #b8d2ff;
  color: #0f55d9;
}

.risks-actions-toolbar {
  align-items: end;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  margin-top: 0.9rem;
}

.risks-actions-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.risks-actions-filter-chip strong {
  background: #f1f5f9;
  border-radius: 999px;
  color: #0f172a;
  font-size: var(--font-size-xs);
  line-height: 1;
  min-width: 1.4rem;
  padding: 0.24rem 0.4rem;
  text-align: center;
}

.risks-actions-filter-chip.is-active strong {
  background: #dbeafe;
  color: #0f55d9;
}

.risks-actions-search {
  align-items: center;
  display: grid;
  gap: 0.45rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.risks-actions-table {
  display: grid;
  gap: 0;
  overflow-x: auto;
}

.risks-actions-table__head,
.risks-actions-table__row {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(320px, 1.6fr) minmax(140px, 0.75fr) 105px 105px 110px 1.4rem;
  min-width: 760px;
}

.risks-actions-table__head {
  border-bottom: 1px solid #e5ecf7;
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 0 0 0.55rem;
  text-transform: uppercase;
}

.risks-actions-table__row {
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  color: #334155;
  font-size: var(--font-size-sm);
  padding: 0.7rem 0.4rem;
}

.risks-actions-table__row:last-child {
  border-bottom: 0;
}

.risks-actions-table__row:hover,
.risks-actions-table__row:focus-visible,
.risks-activity-list__item:hover,
.risks-activity-list__item:focus-visible {
  background: #f8fbff;
  border-radius: 10px;
}

.risks-actions-table__row strong,
.risks-activity-list__body strong {
  color: #102a43;
}

.risks-actions-table__row .is-overdue {
  color: #b91c1c;
  font-weight: 700;
}

.risks-actions-table__primary {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.risks-actions-table__primary small {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.risks-actions-table__chevron {
  color: #8aa0bf;
  justify-self: end;
}

.risks-activity-list {
  display: grid;
}

.risks-activity-list__item {
  align-items: start;
  border-top: 1px solid #edf2f7;
  color: inherit;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 0.75rem 0;
}

.risks-activity-list__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.risks-activity-list__body {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.risks-activity-list__body span,
.risks-activity-list__body small,
.risks-activity-list__item time {
  color: #64748b;
  font-size: var(--font-size-sm);
}

@media (max-width: 1180px) {
  .risks-overview__summary-grid,
  .risks-overview__primary-grid,
  .risks-overview__matrix-actions-grid,
  .risks-overview-actions-panel__grid,
  .risks-overview-action-centre__metrics,
  .risks-overview-movement__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .risks-overview-segments {
    flex-wrap: wrap;
  }
  .risks-actions-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }
  .risks-register-stat-strip,
  .risks-register-toolbar .risks-filters__search-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .risks-overview-card__metrics,
  .risks-overview-attention__item,
  .risks-overview-attention__item--primary {
    grid-template-columns: minmax(0, 1fr);
  }
  .risks-overview-card__metrics div {
    border-left: 0;
    border-top: 1px solid #e5ebf3;
    padding: 0.65rem 0 0;
  }
  .risks-overview-card__metrics div:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .risks-overview-attention__time {
    white-space: normal;
  }
}
.risks-primary-row {
  padding: 0 1rem;
}

.risks-primary-tabs {
  flex: 0 0 auto;
}

.risks-primary-tabs ul {
  flex-wrap: wrap;
  gap: 0.15rem 0;
  justify-content: flex-start;
  width: auto;
}

.risks-primary-tabs li {
  flex: 0 0 auto;
}

.risk-show__shell .platforms-primary-tabs ul {
  border-bottom: 1px solid #dce4ef;
}

.risk-show__shell .platforms-primary-tabs li,
.risk-show__shell .platforms-primary-tabs li.is-active {
  margin-bottom: -1px;
}

.risk-show__shell .platforms-primary-tabs li a,
.risk-show__shell .platforms-primary-tabs.tabs.is-boxed li a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #42526b;
  padding: 0.72rem 1rem;
}

.risk-show__shell .platforms-primary-tabs li a:hover,
.risk-show__shell .platforms-primary-tabs.tabs.is-boxed li:not(.is-active) a:hover {
  background: transparent !important;
  border-bottom-color: #b9c7db !important;
  color: #1d63f2;
}

.risk-show__shell .platforms-primary-tabs li.is-active a {
  background: transparent !important;
  border-bottom-color: #1d63f2 !important;
  color: #0f55d9;
  font-weight: 700;
}

.risks-shell {
  --platforms-tab-content-bg: #f8f9fa;
}

.risks-shell__content {
  display: grid;
  gap: 1rem;
}

.risks-summary {
  margin-bottom: 0;
}

.risks-summary__header {
  margin-bottom: 1rem;
}

.risks-summary__grid {
  align-items: stretch;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
}

.risks-summary__card {
  background: #fbfdff;
  border: 1px solid #dfe6ef;
  border-radius: 12px;
  height: 100%;
  padding: 0.8rem 0.95rem 0.85rem;
}

.risks-summary__card--interactive {
  appearance: none;
  background: #fbfdff;
  border-color: #dfe6ef;
  cursor: pointer;
  color: inherit;
  display: block;
  font: inherit;
  height: 100%;
  outline: 0;
  text-align: left;
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  width: 100%;
}

.risks-summary__card--interactive:hover,
.risks-summary__card--interactive:focus-visible {
  border-color: #c9d7ee;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  transform: translateY(-1px);
}

.risks-summary__card--interactive.is-active {
  border-color: #9db0e6;
  box-shadow: inset 0 0 0 1px rgba(111, 133, 199, 0.22);
}

.risks-summary__card--attention {
  border-color: #f6dca7;
  background: #fffaf1;
}

.risks-summary__label {
  color: #64748b;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
}

.risks-summary__value {
  color: #0f172a;
  font-size: 1.3rem;
  font-weight: 700;
  margin-top: 0.2rem;
}

.risks-summary__hint {
  color: #64748b;
  font-size: var(--font-size-sm);
  margin-top: 0.25rem;
}

.risks-register-hero {
  padding: 1.15rem;
}

.risks-register-hero .risks-summary__header {
  margin-bottom: 0.95rem;
}

.risks-register-stat-strip {
  grid-template-columns: repeat(5, minmax(140px, 1fr));
}

.risks-register-stat {
  align-items: center;
  background: #fbfdff;
  border: 1px solid #dfe7f2;
  border-radius: 12px;
  color: inherit;
  display: flex;
  gap: 0.8rem;
  min-height: 4.7rem;
  padding: 0.75rem 0.85rem;
}

.risks-register-stat--interactive {
  transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.risks-register-stat--interactive:hover,
.risks-register-stat--interactive:focus-visible {
  background: #f8fbff;
  border-color: #b8d2ff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  transform: translateY(-1px);
}

.risks-register-stat--interactive.is-active {
  background: #eff6ff;
  border-color: #8fb8ff;
  box-shadow: inset 0 0 0 1px rgba(47, 109, 246, 0.18);
}

.risks-register-stat__icon {
  align-items: center;
  border-radius: 14px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.15rem;
  justify-content: center;
  width: 2.15rem;
}

.risks-register-stat__icon--blue {
  background: #eaf2ff;
  color: #2563eb;
}

.risks-register-stat__icon--red {
  background: #feecee;
  color: #dc2626;
}

.risks-register-stat__icon--amber {
  background: #fff4df;
  color: #d97706;
}

.risks-register-stat__icon--green {
  background: #e8f8ef;
  color: #16a34a;
}

.risks-register-stat__icon--purple {
  background: #f1ecff;
  color: #7c3aed;
}

.risks-register-stat__body {
  display: grid;
  gap: 0.05rem;
  min-width: 0;
}

.risks-register-stat__body strong {
  color: #0f172a;
  font-size: 1.2rem;
  line-height: 1.05;
}

.risks-register-stat__body span {
  color: #26364d;
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.risks-register-stat__body small {
  color: #64748b;
  font-size: var(--font-size-xs);
}

.risks-filters {
  margin-bottom: 0;
  border: 1px solid #e7edf6;
  background: #ffffff;
}

.risks-filters__form {
  display: grid;
  gap: 0.95rem;
}

.risks-filters__search-row {
  align-items: stretch;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.risks-filters__search-actions {
  align-items: flex-end;
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
}

.risks-filters__search-control {
  min-width: 0;
}

.risks-filters__field {
  margin-bottom: 0;
}

.risks-filters__field .label {
  color: #4f5f74;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 0.45rem;
  text-transform: uppercase;
}

.risks-filters__field--search .input {
  min-height: 3rem;
}

.risks-filters__search-actions .button {
  height: 3rem;
  margin: 0;
  min-height: 3rem;
  padding-inline: 1.2rem;
  white-space: nowrap;
}

.risks-filters__submit {
  min-width: 6.5rem;
}

.risks-register-toolbar {
  border-color: #e6edf7;
  padding: 0.85rem 0.95rem;
}

.risks-register-toolbar .risks-filters__form {
  gap: 0.7rem;
}

.risks-register-toolbar .risks-filters__search-row {
  align-items: center;
  gap: 0.65rem;
  grid-template-columns: minmax(240px, 0.48fr) minmax(0, 1fr) auto;
}

.risks-register-toolbar .risks-filters__search-control {
  position: relative;
}

.risks-register-toolbar__search-icon {
  color: #8aa0bf;
  left: 0.85rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.risks-register-toolbar .risks-filters__field--search .input {
  height: 2.7rem;
  min-height: 2.7rem;
  padding-left: 2.15rem;
}

.risks-register-toolbar .risks-filters__search-actions {
  align-items: center;
  display: flex;
  gap: 0.45rem;
}

.risks-register-toolbar .risks-filters__search-actions .button {
  height: 2.7rem;
  min-height: 2.7rem;
  padding-inline: 0.75rem;
}

.risks-register-toolbar__filters {
  border-color: #dbe5f2;
  color: #334155;
}

.risks-register-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  min-width: 0;
}

.risks-register-chip {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dfe7f2;
  border-radius: 8px;
  color: #334155;
  display: inline-flex;
  font-size: var(--font-size-sm);
  font-weight: 700;
  min-height: 2.7rem;
  padding: 0.35rem 0.65rem;
}

.risks-register-chip:hover,
.risks-register-chip:focus-visible,
.risks-register-chip.is-active {
  background: #eff6ff;
  border-color: #9fc1ff;
  color: #0f55d9;
}

.risks-register-toolbar .risks-filters__advanced {
  border-top-color: #edf3fb;
  margin-top: 0.75rem;
}

.risks-register-toolbar .risks-filters__advanced-summary {
  display: none;
}

.risks-filters__grid {
  align-items: start;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.85rem;
}

.risks-filters__field,
.risks-filters__field--search {
  display: block;
  min-width: 0;
}

.risks-filters__native-select {
  display: block;
  max-width: 100%;
  min-height: 2.65rem;
  min-width: 0;
  width: 100%;
}

.risks-filters__advanced {
  margin-top: 0;
  border-top: 1px solid #edf2f7;
  padding-top: 0.9rem;
}

.risks-filters__advanced > summary {
  list-style: none;
}

.risks-filters__advanced > summary::-webkit-details-marker {
  display: none;
}

.risks-filters__advanced-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  color: #334155;
  padding: 0.1rem 0;
}

.risks-filters__advanced-title,
.risks-filters__advanced-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.risks-filters__advanced-title {
  font-weight: 600;
  font-size: var(--font-size-body);
}

.risks-filters__advanced-meta {
  color: #64748b;
  font-size: var(--font-size-body);
}

.risks-filters__advanced-chevron {
  transition: transform 0.18s ease;
}

.risks-filters__advanced[open] .risks-filters__advanced-chevron {
  transform: rotate(180deg);
}

.risks-filters__advanced-body {
  display: none;
  margin-top: 0;
}

.risks-filters__advanced[open] .risks-filters__advanced-body {
  display: block;
  margin-top: 0.9rem;
}

.risks-filters__advanced-body > .risks-filters__grid,
.risks-filters__advanced-body > .risks-filters__toggles,
.risks-filters__advanced-body > .risks-filters__actions {
  overflow: visible;
}

.risks-filters .input {
  border-color: #d7e0ec;
  border-radius: 12px;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
  font-size: 0.96rem;
  min-height: 2.65rem;
  max-width: 100%;
  width: 100%;
}

.suggested-risks-panel {
  border: 1px solid #e7edf6;
  background: #ffffff;
}

.suggested-risks-panel__summary {
  margin-top: 1rem;
}

.suggested-risks-panel__toolbar {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}

.suggested-risks-list {
  display: grid;
  gap: 1rem;
}

.suggested-risk-card {
  border: 1px solid #e2e8f0;
  background: #fbfdff;
}

.suggested-risk-card__header {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.suggested-risk-card__title-block {
  min-width: 0;
}

.suggested-risk-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.75rem;
}

.suggested-risk-card__posture {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 140px;
}

.suggested-risk-card__posture-label {
  color: #64748b;
  font-size: var(--font-size-sm);
  text-align: right;
}

.suggested-risk-card__body {
  display: grid;
  gap: 0.9rem;
  margin-top: 1rem;
}

.suggested-risk-card__evidence,
.suggested-risk-card__meta {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.suggested-risk-card__detail {
  display: grid;
  gap: 0.2rem;
}

.suggested-risk-card__detail--wide {
  grid-column: 1/-1;
}

.suggested-risk-card__label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.suggested-risk-card__value {
  color: #0f172a;
}

.suggested-risk-card__linked-risk {
  margin-bottom: 0;
}

.suggested-risk-card__actions {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .suggested-risk-card__header {
    flex-direction: column;
  }
  .suggested-risk-card__posture {
    align-items: flex-start;
    min-width: 0;
  }
  .suggested-risk-card__posture-label {
    text-align: left;
  }
  .suggested-risk-card__actions {
    flex-wrap: wrap;
  }
}
.risks-filters__toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #edf2f7;
}

.risks-filters__toggles .checkbox {
  color: #475569;
}

.risks-filters__actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  margin-top: 1rem;
}

.risks-page__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.risks-section__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.risks-section__header .title {
  color: #102a43;
  font-weight: 800;
}

.risks-overview {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
  align-items: start;
}

.risks-overview-selector,
.risks-overview__snapshot,
.risks-overview-watch {
  overflow: hidden;
}

.risks-overview-selector__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.risks-overview-selector__panel {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #dbe5f3;
  border-radius: 16px;
  color: inherit;
  display: grid;
  gap: 0.85rem;
  opacity: 0.78;
  padding: 1rem 1.05rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease, background 0.15s ease;
}

.risks-overview-selector__panel:hover {
  border-color: #bfd2f5;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  opacity: 0.96;
  transform: translateY(-1px);
}

.risks-overview-selector__panel.is-selected {
  background: linear-gradient(180deg, #eef4ff 0%, #f7faff 100%);
  border-color: #6c87ef;
  box-shadow: 0 0 0 3px rgba(82, 102, 255, 0.14), 0 12px 26px rgba(30, 41, 59, 0.08);
  opacity: 1;
}

.risks-overview-selector__panel--strategic {
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

.risks-overview-selector__panel--operational {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.risks-overview-selector__header {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.risks-overview-selector__header p {
  color: #64748b;
}

.risks-overview-selector__eyebrow {
  color: #4f46e5;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
}

.risks-overview-selector__state {
  align-self: flex-start;
  background: #eef3ff;
  border-radius: 999px;
  color: #3146c5;
  font-size: var(--font-size-sm);
  font-weight: 700;
  padding: 0.35rem 0.7rem;
  white-space: nowrap;
}

.risks-overview-selector__panel.is-selected .risks-overview-selector__state {
  background: #3146c5;
  color: #ffffff;
}

.risks-overview-selector__stats {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.risks-overview-selector__stat {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  padding: 0.65rem 0.75rem;
}

.risks-overview-selector__stat-label {
  color: #64748b;
  display: block;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.risks-overview-selector__stat-value {
  color: #102a43;
  display: block;
  font-size: 1.15rem;
  font-weight: 800;
  margin-top: 0.15rem;
}

.risks-overview__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}

.risks-overview__detail-grid {
  align-items: start;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.risks-matrix-support {
  display: grid;
  gap: 1rem;
}

.risks-register-intro {
  background: #fbfdff;
  border: 1px solid #e7edf6;
}

.risks-register-view-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.risks-register-view-bar__copy {
  color: #64748b;
  margin: 0;
}

.risks-matrix-support__panel .risks-summary {
  border: 0;
  background: transparent;
  padding: 0;
}

.risks-signal-summary {
  background: #fbfdff;
}

.risks-signal-summary__grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.risks-signal-summary__card {
  background: #ffffff;
  border: 1px solid #e7edf6;
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
}

.risks-signal-summary__label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.risks-signal-summary__value {
  color: #102a43;
  font-size: 1.2rem;
  font-weight: 800;
  margin-top: 0.2rem;
}

.risks-attention-list {
  display: grid;
  gap: 0.75rem;
}

@media screen and (min-width: 1180px) {
  .risks-attention-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.risks-overview-watch__list {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr;
}

.risks-overview-watch__item {
  background: #fbfdff;
  border: 1px solid #e7edf6;
  border-radius: 14px;
  display: grid;
  gap: 0.9rem;
  padding: 1.1rem 1.1rem 1rem;
}

.risks-overview-watch__main {
  min-width: 0;
}

.risks-overview-watch__topline,
.risks-overview-watch__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.55rem;
}

.risks-overview-watch__topline {
  align-items: flex-start;
  justify-content: space-between;
}

.risks-overview-watch__content {
  align-items: start;
  display: grid;
  gap: 0.9rem;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 0.2rem;
}

.risks-overview-watch__title {
  color: #102a43;
  font-size: 1rem;
  font-weight: 700;
}

.risks-overview-watch__description {
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.5;
  margin: 0.35rem 0 0;
  max-width: 58ch;
}

.risks-overview-watch__badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-end;
  margin-left: auto;
}

.risks-overview-watch__meta {
  align-items: center;
  color: #64748b;
  font-size: var(--font-size-body);
  margin-top: 0.7rem;
}

.risks-overview-watch__meta .is-overdue {
  color: #b91c1c;
  font-weight: 600;
}

.risks-overview-watch__mini-matrix {
  align-self: center;
  display: grid;
  gap: 0.18rem;
  grid-template-columns: repeat(5, 0.8rem);
  margin-top: 0.45rem;
}

.risks-overview-watch__mini-cell {
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 0.28rem;
  display: block;
  height: 0.8rem;
  opacity: 0.95;
  width: 0.8rem;
}

.risks-overview-watch__mini-cell.is-active {
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.28);
  opacity: 1;
  transform: scale(1.04);
}

.risks-attention-item {
  align-items: flex-start;
  border: 1px solid #e7edf6;
  border-radius: 14px;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.9rem 1rem;
}

.risks-attention-item__main {
  flex: 1 1 auto;
  min-width: 0;
}

.risks-attention-item__title-row,
.risks-attention-item__pills,
.risks-attention-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.55rem;
}

.risks-attention-item__title {
  color: #102a43;
  font-weight: 700;
}

.risks-attention-item__pills {
  margin-top: 0.35rem;
}

.risks-attention-item__flag {
  border-color: #f6dca7;
  color: #8a5a00;
}

.risks-attention-item__meta {
  color: #64748b;
  font-size: var(--font-size-body);
  margin-top: 0.45rem;
}

.risks-attention-item__meta span {
  min-width: 0;
}

.risks-attention-item__aside {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.45rem;
}

.risks-attention-item__due {
  color: #64748b;
  font-size: var(--font-size-sm);
  white-space: nowrap;
}

.risks-attention-item__due.is-overdue {
  color: #b91c1c;
  font-weight: 600;
}

.risk-register {
  display: grid;
  gap: 0.75rem;
}

.risk-register__item {
  align-items: flex-start;
  border: 1px solid #e7edf6;
  border-radius: 14px;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.9rem 1rem;
}

.risk-register__main {
  flex: 1 1 auto;
  min-width: 0;
}

.risk-register__title-row,
.risk-register__badges,
.risk-register__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.55rem;
}

.risk-register__title-row {
  align-items: flex-start;
}

.risk-register__title {
  color: #102a43;
  font-weight: 700;
}

.risk-register__badges {
  margin-top: 0.45rem;
}

.risk-register__badges .tag {
  font-size: 0.82rem;
  padding-inline: 0.6rem;
}

.risk-register__description {
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.5;
  margin: 0.5rem 0 0;
}

.risk-register__meta {
  display: grid;
  gap: 0.65rem 1rem;
  grid-template-columns: repeat(auto-fit, minmax(120px, max-content));
  margin-top: 0.65rem;
}

.risk-register__meta-item {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.risk-register__meta-item--wide {
  grid-column: 1/-1;
}

.risk-register__meta-label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.risk-register__meta-value {
  color: #334155;
  font-size: var(--font-size-body);
  line-height: 1.4;
  min-width: 0;
}

.risk-register__meta-value.is-overdue {
  color: #b91c1c;
  font-weight: 600;
}

.risk-register__aside {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 132px;
  padding-top: 0.1rem;
}

.risk-register__posture {
  color: #64748b;
  font-size: var(--font-size-sm);
  text-align: center;
}

.risk-register__mini-matrix {
  align-self: center;
  grid-template-columns: repeat(5, 0.9rem);
  margin-top: 0;
}

.risk-register__mini-matrix .risks-overview-watch__mini-cell {
  height: 0.9rem;
  width: 0.9rem;
}

.risk-register__follow-up {
  color: #64748b;
  font-size: var(--font-size-sm);
  max-width: 12ch;
  text-align: center;
}

.risk-register__follow-up.is-overdue {
  color: #b91c1c;
  font-weight: 600;
}

.risk-register-list {
  border: 1px solid #e3ebf5;
  border-radius: 12px;
  overflow-x: auto;
}

.risk-register-results-card {
  border-color: #e6edf7;
  margin-top: 1rem;
}

.risk-register-list__head,
.risk-register-list__row {
  align-items: center;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: minmax(330px, 1.7fr) 110px 110px 140px 100px 145px 1.3rem;
  min-width: 940px;
}

.risk-register-list__head {
  background: #fbfdff;
  border-bottom: 1px solid #e8eef7;
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 0.7rem 0.9rem;
  text-transform: uppercase;
}

.risk-register-list__row {
  border-bottom: 1px solid #eef3f8;
  color: #334155;
  font-size: var(--font-size-sm);
  padding: 0.72rem 0.9rem;
  transition: background 0.16s ease, box-shadow 0.16s ease;
}

.risk-register-list__row:last-child {
  border-bottom: 0;
}

.risk-register-list__row:hover,
.risk-register-list__row:focus-visible {
  background: #f8fbff;
  box-shadow: inset 3px 0 0 #2f6df6;
}

.risk-register-list__risk {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.risk-register-list__risk strong {
  color: #102a43;
  font-size: var(--font-size-sm);
}

.risk-register-list__description,
.risk-register-list__meta {
  color: #64748b;
  font-size: var(--font-size-xs);
  line-height: 1.35;
}

.risk-register-list__meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.45rem;
}

.risk-register-list__meta span:not(:first-child)::before {
  color: #9aa9bd;
  content: "·";
  margin-right: 0.45rem;
}

.risk-register-list__due {
  color: #334155;
}

.risk-register-list__due.is-overdue {
  color: #b91c1c;
  font-weight: 700;
}

.risk-register-list__plain {
  color: #26364d;
  font-weight: 600;
}

.risk-register-list .risk-tag {
  font-size: var(--font-size-xs);
  min-height: 1.45rem;
  padding: 0.18rem 0.55rem;
}

.risk-register-list__chevron {
  color: #8aa0bf;
  justify-self: end;
}

.risks-card-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.risks-card-list--stacked {
  grid-template-columns: minmax(0, 1fr);
}

.risk-card__header {
  align-items: start;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.risk-card__main {
  flex: 1 1 auto;
  min-width: 0;
}

.risk-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
}

.risk-card__meta .tag {
  font-size: 0.82rem;
  padding-inline: 0.6rem;
}

.risk-card__posture {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 110px;
}

.risk-card__mini-matrix {
  margin-top: 0;
}

.risk-card__posture-label {
  color: #64748b;
  font-size: var(--font-size-sm);
  text-align: center;
}

.risk-card__details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.75rem;
  margin-top: 0.9rem;
  color: #334155;
  font-size: var(--font-size-body);
}

.risk-card__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.85rem;
}

.risk-matrix {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.45rem;
  align-items: start;
}

.risk-matrix--compact {
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 0.25rem;
}

.risk-matrix--compact .risk-matrix__row {
  grid-template-columns: 54px repeat(5, minmax(0, 1fr));
  gap: 0.25rem;
}

.risk-matrix--compact .risk-matrix__cell {
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  min-height: 0;
  min-width: 0;
  padding: 0.25rem;
}

.risk-matrix--compact .risk-matrix__label-cell {
  font-size: 0.7rem;
  padding: 0.15rem;
}

.risk-matrix--compact .risk-matrix__label-cell--side {
  justify-content: center;
  padding-right: 0;
}

.risk-matrix--compact .risk-matrix__count {
  color: #334155;
  font-size: clamp(1.15rem, 1.65vw, 1.45rem);
  line-height: 1;
}

.risk-matrix--compact .risk-matrix__main {
  gap: 0.25rem;
}

.risk-matrix__axis {
  color: #64748b;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
}

.risk-matrix__axis--y {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  align-self: center;
  margin-right: -0.2rem;
}

.risk-matrix--compact .risk-matrix__axis {
  font-size: 0.72rem;
}

.risk-matrix--compact .risk-matrix__axis--y {
  margin-right: -0.45rem;
}

.risk-matrix--compact .risk-matrix__axis--x {
  grid-column: 2;
  justify-self: center;
  margin-top: 0.1rem;
}

.risk-matrix__main {
  display: grid;
  gap: 0.35rem;
}

.risk-matrix__row {
  display: grid;
  grid-template-columns: 120px repeat(5, minmax(0, 1fr));
  gap: 0.35rem;
}

.risk-matrix__label-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #475569;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-align: center;
  padding: 0.4rem;
}

.risk-matrix__label-cell--side {
  justify-content: flex-end;
  padding-right: 0.75rem;
}

.risk-matrix__cell {
  overflow: hidden;
  min-height: 150px;
  border-radius: 12px;
  position: relative;
  padding: 0.7rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.risk-matrix__cell--interactive {
  cursor: pointer;
}

.risk-matrix__cell--interactive:focus-visible {
  outline: 2px solid #3454ff;
  outline-offset: 2px;
}

.risk-matrix__cell--low {
  background: #ecfdf5;
}

.risk-matrix__cell--medium {
  background: #fff7ed;
}

.risk-matrix__cell--high {
  background: #fff1f2;
}

.risk-matrix__cell--critical {
  background: #fee2e2;
}

.risk-matrix__count {
  color: #0f172a;
  font-size: 1.15rem;
  font-weight: 700;
}

.floating-popover.risk-matrix-popover {
  min-width: 280px;
  max-width: 340px;
  padding: 0;
}

.risk-matrix-popover-card {
  display: grid;
  gap: 0.75rem;
  padding: 0.85rem;
}

.risk-matrix-popover-card__eyebrow {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.risk-matrix-popover-card__title {
  color: #102a43;
  font-size: var(--font-size-body);
  font-weight: 800;
  margin-top: 0.2rem;
}

.risk-matrix-popover-card__list {
  display: grid;
  gap: 0.5rem;
}

.risk-matrix-popover-card__item {
  background: #f8fbff;
  border: 1px solid #e5ecf7;
  border-radius: 10px;
  color: #102a43;
  display: grid;
  gap: 0.12rem;
  padding: 0.6rem 0.7rem;
}

.risk-matrix-popover-card__item:hover {
  background: #f1f6ff;
  border-color: #cfe0f8;
  color: #102a43;
}

.risk-matrix-popover-card__item-title {
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 1.3;
}

.risk-matrix-popover-card__item-meta,
.risk-matrix-popover-card__more {
  color: #64748b;
  font-size: var(--font-size-xs);
}

.risk-matrix__risks {
  display: grid;
  gap: 0.35rem;
  margin-top: 0.55rem;
  min-width: 0;
}

.risk-matrix__risk-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  color: #0f172a;
  font-size: var(--font-size-xs);
  max-width: 100%;
  min-width: 0;
  padding: 0.3rem 0.6rem;
}

.risk-matrix__risk-title {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-matrix__risk-move {
  flex: 0 0 auto;
}

.risk-matrix__overflow {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-matrix__risk-move--worsening {
  color: #b91c1c;
}

.risk-matrix__risk-move--improving {
  color: #15803d;
}

.risk-matrix__overflow {
  color: #475569;
  font-size: var(--font-size-sm);
  padding-left: 0.1rem;
}

.risks-concentration {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
}

.risks-concentration__list {
  display: grid;
  gap: 0.4rem;
}

.risks-concentration__item {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.25rem 0;
  border-bottom: 1px solid #edf2f7;
}

.risks-concentration__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.risk-show__summary {
  padding: 1.2rem 1.3rem;
}

.platforms-tabs-shell.risk-show__shell {
  margin-top: 2.25rem;
}

.risk-show__tabs-shell {
  margin-bottom: 0 !important;
}

.risk-show__tabs-shell .risks-primary-row {
  padding: 0 1rem;
}

.risk-show__shell .platforms-tabs-content {
  padding: 1rem;
}

.risk-show__tab-content {
  gap: 1rem;
}

.risk-show__summary-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.3rem;
  align-items: start;
}

.risk-show__summary-copy {
  min-width: 0;
}

.risk-show__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}

.risk-show__summary-text {
  color: #51627d;
  font-size: 1.02rem;
  line-height: 1.6;
  margin: 0;
  max-width: 60rem;
}

.risk-show__summary-actions {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
}

.risk-show__summary-grid,
.risk-show__related-grid,
.risk-show__form-grid,
.risk-show__form-grid--four,
.risk-form__panel-grid,
.risk-form__context-grid {
  display: grid;
  gap: 0.85rem;
}

.risk-show__summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  border-top: 1px solid #e8eef7;
  gap: 0;
  margin: 1.2rem 0 0;
  padding-top: 1rem;
}

.risk-show__summary-item,
.risk-show__meta-item {
  background: #f8fbff;
  border: 1px solid #e4ecf8;
  border-radius: 12px;
  padding: 0.8rem 0.9rem;
}

.risk-show__summary-item {
  background: transparent;
  border: 0;
  border-left: 1px solid #e8eef7;
  border-radius: 0;
  min-width: 0;
  padding: 0 1rem;
}

.risk-show__summary-item:first-child {
  border-left: 0;
  padding-left: 0;
}

.risk-show__summary-label,
.risk-show__meta-label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.risk-show__summary-value,
.risk-show__meta-value {
  color: #0f172a;
  margin-top: 0.28rem;
  font-weight: 600;
  line-height: 1.35;
}

.risk-show__summary-value .tag {
  margin-top: -0.1rem;
}

.risk-show__meta-item--wide {
  grid-column: 1/-1;
}

.risk-show__tabs {
  margin-top: 1rem;
}

.risk-show__section {
  margin-top: 0;
  padding: 1rem 1.05rem;
}

.risk-show__section-title {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
}

.risk-show__section-icon {
  align-items: center;
  background: #eef4ff;
  border: 1px solid #dbe7ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.78rem;
  height: 1.45rem;
  justify-content: center;
  width: 1.45rem;
}

.risk-show__narrative-card {
  border: 1px solid #e6edf8;
  border-radius: 12px;
  background: #fbfdff;
  padding: 1rem 1.05rem;
  margin-top: 1rem;
}

.risk-show__context-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.risk-show__context-list {
  border: 1px solid #e2e9f3;
  border-radius: 12px;
  overflow: hidden;
}

.risk-show__context-row {
  align-items: center;
  background: #fff;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: 1.5rem minmax(8rem, 0.34fr) minmax(0, 1fr) minmax(12rem, 0.8fr) auto;
  padding: 0.8rem 0.95rem;
  text-decoration: none;
  transition: background-color 0.16s ease;
}

.risk-show__context-row + .risk-show__context-row {
  border-top: 1px solid #e7edf5;
}

.risk-show__context-row:hover,
.risk-show__context-row:focus-visible {
  background: #f8fbff;
}

.risk-show__context-icon {
  color: #4b5b73;
  display: inline-flex;
  justify-content: center;
}

.risk-show__context-chevron {
  color: #728198;
  font-size: 0.78rem;
}

.risk-show__context-card {
  border: 1px solid #e6edf8;
  border-radius: 12px;
  background: #fbfdff;
  padding: 0.95rem 1rem;
}

.risk-show__context-kind {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.risk-show__context-title {
  color: #102a43;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 0;
}

.risk-show__context-title {
  color: #0f55d9;
  text-decoration: none;
}

.risk-show__context-row:hover .risk-show__context-title,
.risk-show__context-row:focus-visible .risk-show__context-title {
  text-decoration: underline;
}

.risk-show__context-detail {
  color: #64748b;
  font-size: var(--font-size-body);
  margin-top: 0;
}

.risk-show__related-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.risk-show__linked-list {
  display: grid;
  gap: 0.45rem;
  margin: 0;
}

.risk-show__linked-list li {
  color: #334155;
}

.risk-show__form-card {
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  background: #fbfdff;
  padding: 0.85rem 0.9rem;
}

.risk-show__form-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.risk-show__form-grid--four {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.risk-show__form-grid--three {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.risk-show__reveal {
  position: relative;
}

.risk-show__reveal summary {
  list-style: none;
}

.risk-show__reveal summary::-webkit-details-marker {
  display: none;
}

.risk-show__reveal-body {
  margin-top: 0.85rem;
}

.risk-actions,
.risk-updates,
.risk-comments,
.risk-history {
  display: grid;
  gap: 0.9rem;
}

.risk-actions__row,
.risk-updates__item,
.risk-comments__item,
.risk-history__item {
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  background: #ffffff;
  padding: 0.85rem 0.9rem;
}

.risk-actions__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
}

.risk-actions__description {
  min-width: 0;
}

.risk-actions__title {
  align-items: center;
  display: flex;
  gap: 0.55rem;
  line-height: 1.35;
}

.risk-actions__done-icon {
  align-items: center;
  background: #e7f6ed;
  border: 1px solid #b8e3c6;
  border-radius: 999px;
  color: #237a45;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.75rem;
  height: 1.45rem;
  justify-content: center;
  width: 1.45rem;
}

.risk-actions__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1rem;
  margin-top: 0.45rem;
  color: #51627d;
  font-size: var(--font-size-body);
}

.risk-actions__controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: flex-end;
}

.risk-actions__row.is-complete {
  background: #fbfefc;
}

.risk-updates__header,
.risk-comments__meta,
.risk-history__topline {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.45rem;
}

.risk-updates__summary {
  display: grid;
  gap: 0.25rem;
  margin-bottom: 0.6rem;
  color: #334155;
}

.risk-updates__detail-list {
  list-style: disc;
  margin: 0;
  padding-left: 1.15rem;
}

.risk-updates__detail-list li + li {
  margin-top: 0.15rem;
}

.risk-timeline__filters {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0.85rem 0 1rem;
}

.risk-timeline__filter {
  background: #fff;
  border: 1px solid #dde6f4;
  border-radius: 999px;
  color: #5b6b85;
  display: inline-flex;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.48rem 0.82rem;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.risk-timeline__filter:hover {
  background: #eef3ff;
  border-color: #cfdcff;
  color: #3651e8;
}

.risk-timeline__filter.is-active {
  background: #eef5ff;
  border-color: #c6d9f7;
  color: #0f55d9;
}

.risk-updates__layout {
  display: grid;
  gap: 1.15rem;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
}

.risk-updates__history {
  display: grid;
  gap: 0.15rem;
  position: relative;
}

.risk-updates__history::before {
  background: #e6edf8;
  border-radius: 999px;
  bottom: 0.65rem;
  content: "";
  left: 0.875rem;
  position: absolute;
  top: 0.65rem;
  width: 2px;
}

.risk-updates__history-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.risk-updates__history-item {
  align-items: start;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 28px minmax(0, 1fr);
  padding: 0 0 0.95rem;
}

.risk-updates__timeline-node {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.risk-updates__timeline-dot {
  background: #ffffff;
  border: 3px solid #3454ff;
  border-radius: 999px;
  display: block;
  height: 0.8rem;
  width: 0.8rem;
}

.risk-updates__timeline-body {
  background: #fbfdff;
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  min-width: 0;
  padding: 0.75rem 0.85rem 0.7rem;
}

.risk-updates__summary--posture {
  gap: 0.25rem;
}

.risk-updates__summary--posture > div:first-child {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.risk-updates__matrix {
  min-width: 0;
}

.risk-updates__context p:last-child {
  margin-bottom: 0;
}

.risk-updates__context--action {
  align-items: baseline;
  display: flex;
  gap: 0.55rem;
}

.risk-updates__context-icon {
  align-items: center;
  background: #e7f6ed;
  border: 1px solid #b8e3c6;
  border-radius: 999px;
  color: #237a45;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.72rem;
  height: 1.3rem;
  justify-content: center;
  margin-top: 0;
  width: 1.3rem;
}

.risk-updates__context-text {
  display: inline;
  line-height: 1.55;
}

.risk-posture-history {
  display: grid;
  gap: 0.75rem;
}

.risk-posture-history__header {
  margin-bottom: 0.15rem;
}

.risk-posture-history__matrix-panel {
  min-width: 0;
}

.risk-posture-history__matrix {
  width: 100%;
}

.risk-posture-history__cell {
  border: 2px solid transparent;
  display: grid;
  place-items: center;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.risk-posture-history__cell.is-current {
  border-color: #7f95ee;
  box-shadow: 0 0 0 2px rgba(127, 149, 238, 0.14);
}

.risk-posture-history__cell.is-highlighted {
  border-color: #8fa2ef;
  box-shadow: 0 0 0 3px rgba(143, 162, 239, 0.14);
  transform: translateY(-1px);
}

.risk-posture-history__markers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  justify-content: center;
}

.risk-posture-history__marker {
  align-items: center;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  color: #334155;
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 800;
  height: 1.15rem;
  justify-content: center;
  min-width: 1.15rem;
  padding: 0 0.25rem;
}

.risk-posture-history__marker.is-current {
  background: #3454ff;
  border-color: #3454ff;
  color: #ffffff;
}

.risk-posture-history__timeline {
  display: grid;
  gap: 0.7rem;
}

.risk-posture-history__timeline-item {
  align-items: start;
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 0.85rem 0.9rem;
}

.risk-posture-history__timeline-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.risk-posture-history__timeline-meta {
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.3rem;
}

.risk-history__body {
  color: #334155;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.risk-history__actor {
  color: #102a43;
  font-weight: 700;
}

.risk-history__summary {
  color: #51627d;
}

.risk-history__context {
  color: #334155;
  margin: 0.45rem 0 0;
}

.risk-history__changes {
  color: #51627d;
  display: grid;
  gap: 0.25rem;
  margin: 0.6rem 0 0 1rem;
}

.risk-show__activity-feed {
  gap: 0.75rem;
}

.risk-form__grid {
  display: grid;
  gap: 1rem;
}

.risk-form__main {
  display: grid;
  gap: 1rem;
}

.risk-form__intro {
  margin-bottom: 1rem;
}

.risk-form__kind-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.risk-form__kind-option {
  cursor: pointer;
  display: block;
}

.risk-form__kind-radio {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.risk-form__kind-card {
  background: #fcfdff;
  border: 1px solid #dbe5f3;
  border-radius: 12px;
  display: grid;
  gap: 0.25rem;
  min-height: 100%;
  padding: 0.8rem 0.95rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.risk-form__kind-title {
  color: #102a43;
  font-weight: 700;
}

.risk-form__kind-copy {
  color: #64748b;
  font-size: 0.95rem;
}

.risk-form__kind-radio:checked + .risk-form__kind-card {
  background: #f5f8ff;
  border-color: #a7b8ec;
  box-shadow: 0 0 0 2px rgba(82, 102, 255, 0.06);
}

.risk-form__panel {
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  background: #fbfdff;
  padding: 1rem;
}

.risk-form__panel--primary {
  background: #ffffff;
}

.risk-form__step {
  display: grid;
  gap: 0.85rem;
}

.risk-form__step--type {
  gap: 0.65rem;
}

.risk-form__step + .risk-form__step {
  border-top: 1px solid #eef3f8;
  margin-top: 1.5rem;
  padding-top: 1.35rem;
}

.risk-form__step--core {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.risk-form__step--context {
  margin-top: 1.5rem;
}

.risk-form__step--context .risk-form__linked-context {
  margin-top: 0;
}

.risk-form__step-header {
  align-items: start;
  display: grid;
  gap: 0.35rem 0.75rem;
  grid-template-columns: auto 1fr;
}

.risk-form__step-header--compact {
  margin-bottom: 0.15rem;
}

.risk-form__step-kicker {
  align-items: center;
  background: #f3f6fb;
  border: 1px solid #dfe7f2;
  border-radius: 999px;
  color: #5f718a;
  display: inline-flex;
  font-size: 0.7rem;
  font-weight: 800;
  height: 1.5rem;
  justify-content: center;
  line-height: 1;
  margin-top: 0.05rem;
  min-width: 1.5rem;
}

.risk-form__step-title {
  color: #102a43;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.risk-form__step-copy {
  color: #64748b;
  font-size: 0.92rem;
  margin: 0;
}

.risk-form__linked-context {
  background: transparent;
  border: 0;
  border-radius: 0;
  grid-column: 1/-1;
  margin-top: 0;
  padding: 0;
}

.risk-form__panel-hint {
  color: #64748b;
  margin-bottom: 0.85rem;
}

.risk-form__panel-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.risk-form__primary-layout {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}

.risk-form__primary-main {
  display: grid;
  gap: 0.9rem;
}

.risk-form__matrix-panel {
  background: #fbfdff;
  border: 1px solid #e8eef7;
  border-radius: 12px;
  max-width: 760px;
  padding: 0.9rem;
}

.risk-form__matrix-header {
  margin-bottom: 0.7rem;
}

.risk-form__matrix {
  align-items: start;
  display: grid;
  gap: 0.55rem;
  grid-template-columns: auto 1fr;
}

.risk-form__matrix-axis {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
}

.risk-form__matrix-axis--y {
  align-self: center;
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}

.risk-form__matrix-main {
  display: grid;
  gap: 0.25rem;
}

.risk-form__matrix-row {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: 68px repeat(5, minmax(0, 1fr));
}

.risk-form__matrix-label {
  align-items: center;
  color: #64748b;
  display: flex;
  font-size: 0.66rem;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}

.risk-form__matrix-label--side {
  justify-content: flex-end;
  padding-right: 0.35rem;
}

.risk-form__matrix-cell {
  align-items: center;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 10px;
  color: #102a43;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: 48px;
  padding: 0.25rem;
  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}

.risk-form__matrix-cell:hover {
  transform: translateY(-1px);
}

.risk-form__matrix-cell.is-active {
  border-color: #5266ff;
  box-shadow: 0 0 0 3px rgba(82, 102, 255, 0.12);
}

.risk-form__matrix-cell.is-current {
  border-color: rgba(82, 102, 255, 0.32);
  box-shadow: 0 0 0 2px rgba(82, 102, 255, 0.08);
}

.risk-form__matrix-cell-score {
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.risk-form__matrix--compact {
  gap: 0.45rem;
}

.risk-form__matrix--compact .risk-form__matrix-row {
  gap: 0.22rem;
  grid-template-columns: 64px repeat(5, minmax(0, 1fr));
}

.risk-form__matrix--compact .risk-form__matrix-cell {
  min-height: 44px;
}

.risk-update-form {
  align-items: start;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr);
}

.risk-update-form__main {
  display: grid;
  gap: 1rem;
}

.risk-update-form__current-posture {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.25rem;
}

.risk-update-form__current-label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.risk-update-form__current-value {
  color: #102a43;
  font-weight: 700;
}

.risk-update-form__resolution-note {
  margin-bottom: 1rem;
}

.risk-action-form__static-value {
  align-items: center;
  background: #f8fbff;
  border: 1px solid #d9e3f3;
  border-radius: 12px;
  color: #51627d;
  display: flex;
  min-height: 3rem;
  padding: 0.75rem 0.9rem;
}

.risk-update-form__matrix-panel {
  background: #fbfdff;
  border: 1px solid #e5ecf7;
  border-radius: 14px;
  padding: 1rem;
}

.risk-update-form__matrix-header {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.85rem;
}

.risk-update-form__reset {
  flex: 0 0 auto;
}

.risk-update-form__score-preview {
  margin-top: 0.85rem;
}

.risk-show__summary {
  border-color: #dfe7f2;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
  padding: 1.25rem 1.35rem;
}

.risk-show__summary-top {
  align-items: start;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.risk-show__summary-actions {
  justify-self: end;
}

.risk-show__summary-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.risk-show-overview {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.85fr);
}

.risk-show-overview__main,
.risk-show-overview__side {
  display: grid;
  gap: 1rem;
  align-content: start;
}

.risk-show__overview-copy {
  color: #2f3f58;
  font-size: 1rem;
  line-height: 1.65;
}

.risk-show__record-section {
  display: grid;
  gap: 0.35rem;
}

.risk-show__record-section--divided {
  border-top: 1px solid #e7edf5;
  margin-top: 1rem;
  padding-top: 1rem;
}

.risk-show__current-matrix {
  margin-top: 0.35rem;
}

.risk-show__current-matrix .risk-matrix__cell {
  min-height: 2.35rem;
}

.risk-show__current-matrix .risk-matrix__cell.is-active {
  align-items: center;
  border-color: #2563eb;
  box-shadow: inset 0 0 0 2px #2563eb, 0 0 0 3px rgba(37, 99, 235, 0.12);
  color: #0f172a;
  display: flex;
  font-weight: 800;
  justify-content: center;
}

.risk-show__posture-footer {
  align-items: center;
  border-top: 1px solid #e7edf5;
  display: flex;
  gap: 0.7rem;
  justify-content: space-between;
  margin-top: 0.85rem;
  padding-top: 0.75rem;
}

.risk-show__snapshot-list {
  display: grid;
  gap: 0.75rem;
}

.risk-show__snapshot-item {
  align-items: start;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.risk-show__snapshot-body {
  display: grid;
  gap: 0.18rem;
}

.risk-show__snapshot-body strong {
  color: #102a43;
  font-size: var(--font-size-sm);
}

.risk-show__snapshot-body small {
  color: #64748b;
}

.risk-show__avatar {
  align-items: center;
  background: #eef4ff;
  border: 1px solid #d8e5ff;
  border-radius: 999px;
  color: #3651e8;
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 800;
  height: 1.75rem;
  justify-content: center;
  width: 1.75rem;
}

.risk-show__view-all {
  border-top: 1px solid #e7edf5;
  justify-content: center;
  margin-top: 0.9rem;
  padding-top: 0.75rem;
  width: 100%;
}

.risk-show__snapshot-empty {
  background: #fbfdff;
  border: 1px dashed #dbe5f2;
  border-radius: 12px;
  padding: 0.85rem;
}

.risk-actions__header {
  margin-bottom: 1rem;
}

.risk-actions__row {
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 1rem;
}

.risk-actions__status-icon {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1.65rem;
  justify-content: center;
  width: 1.65rem;
}

.risk-actions__status-icon.is-done {
  background: #dcfce7;
  color: #16a34a;
}

.risk-actions__status-icon.is-open {
  background: #eaf2ff;
  color: #2563eb;
}

.risk-updates__timeline-body {
  background: #ffffff;
}

.risk-posture-history__legend {
  align-items: center;
  border-top: 1px solid #e7edf5;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}

.risk-posture-history__legend-item {
  align-items: center;
  color: #51627d;
  display: inline-flex;
  font-size: var(--font-size-sm);
  gap: 0.35rem;
}

.risk-update-form {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}

.risk-update-form__optional {
  background: #fbfdff;
  border: 1px solid #dfe7f2;
  border-radius: 14px;
  display: grid;
  gap: 0.9rem;
  padding: 0.95rem 1rem;
}

.risk-update-form__current-posture {
  align-items: center;
  border-top: 1px solid #e7edf5;
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
  padding-top: 0.85rem;
}

.risk-update-form__matrix-disclosure {
  flex: 0 0 auto;
}

.risk-update-form__matrix-disclosure > summary {
  list-style: none;
}

.risk-update-form__matrix-disclosure > summary::-webkit-details-marker {
  display: none;
}

.risk-update-form__matrix-panel {
  margin-top: 0.9rem;
}

@media (max-width: 960px) {
  .risk-update-form {
    grid-template-columns: 1fr;
  }
  .risk-show__summary-top,
  .risk-show-overview,
  .risk-updates__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .risk-show__summary-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .risk-show__summary-item {
    border-left: 0;
    border-top: 1px solid #e8eef7;
    padding: 0.75rem 0 0;
  }
}
.risk-form__context-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.risk-form__relation-field {
  margin-bottom: 0;
  position: relative;
}

.risk-form__relation-input {
  min-height: 2.75rem;
}

.risk-form__relation-menu {
  background: #fff;
  border: 1px solid #d8e3f2;
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
  left: 0;
  margin-top: 0.45rem;
  max-height: 16rem;
  overflow-y: auto;
  padding: 0.3rem;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 20;
}

.risk-form__relation-results {
  display: grid;
}

.risk-form__relation-result {
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: #102a43;
  cursor: pointer;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  padding: 0.75rem 0.8rem;
  text-align: left;
  width: 100%;
}

.risk-form__relation-result + .risk-form__relation-result {
  border-top: 1px solid #edf2f7;
}

.risk-form__relation-result:hover,
.risk-form__relation-result.is-active {
  background: #f8fbff;
}

.risk-form__relation-result-icon {
  align-items: center;
  color: #5b7bd5;
  display: inline-flex;
  font-size: 0.85rem;
  height: 1.55rem;
  justify-content: center;
  width: 1.55rem;
}

.risk-form__relation-result-content {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}

.risk-form__relation-result-kind {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.risk-form__relation-result-label {
  color: #102a43;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  min-width: 0;
}

.risk-form__relation-result-meta {
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.3;
  margin: 0.12rem 0 0;
  white-space: normal;
}

.risk-form__relation-selections {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0.7rem;
}

.risk-form__relation-selection {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dce7f5;
  border-radius: 12px;
  display: flex;
  gap: 0.85rem;
  justify-content: space-between;
  padding: 0.7rem 0.8rem;
}

.risk-form__relation-selection-icon {
  align-items: center;
  color: #5b7bd5;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.82rem;
  height: 1.65rem;
  justify-content: center;
  width: 1.65rem;
}

.risk-form__relation-selection-body {
  flex: 1 1 auto;
  min-width: 0;
}

.risk-form__relation-selection-kicker {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 0.15rem;
  text-transform: uppercase;
}

.risk-form__relation-selection-label {
  color: #102a43;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.risk-form__relation-selection-meta {
  color: #64748b;
  font-size: var(--font-size-sm);
  margin: 0.12rem 0 0;
}

.risk-form__relation-selection-clear {
  align-items: center;
  background: #eef3f8;
  border: 0;
  border-radius: 999px;
  color: #5f6f85;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1.9rem;
  justify-content: center;
  transition: background-color 0.15s ease, color 0.15s ease;
  width: 1.9rem;
}

.risk-form__relation-selection-clear:hover,
.risk-form__relation-selection-clear:focus-visible {
  background: #dce5ef;
  color: #334155;
}

.risk-form__score-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid #edf2f7;
}

.risk-form__section {
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  background: #ffffff;
}

.risk-form__section--context {
  background: #fbfdff;
}

.risk-form__section > summary {
  list-style: none;
}

.risk-form__section > summary::-webkit-details-marker {
  display: none;
}

.risk-form__section-summary {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.95rem 1rem;
}

.risk-form__section-summary--static {
  align-items: start;
  cursor: default;
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: start;
}

.risk-form__section-title {
  color: #102a43;
  font-weight: 700;
}

.risk-form__section-meta {
  color: #64748b;
  font-size: var(--font-size-body);
}

.risk-form__score-preview [data-risk-form-matrix-target=rating][data-rating=critical] {
  background: #fff1f2;
  color: #b91c1c;
}

.risk-form__score-preview [data-risk-form-matrix-target=rating][data-rating=high] {
  background: #fff7ed;
  color: #b45309;
}

.risk-form__score-preview [data-risk-form-matrix-target=rating][data-rating=medium] {
  background: #eff6ff;
  color: #1d4ed8;
}

.risk-form__score-preview [data-risk-form-matrix-target=rating][data-rating=low] {
  background: #ecfdf5;
  color: #15803d;
}

.risk-form__section[open] .risk-form__section-summary {
  border-bottom: 1px solid #edf2f7;
}

.risk-form__section-body {
  display: grid;
  gap: 1rem;
  padding: 0 1rem 1rem;
}

.risk-form__multi-select {
  min-height: 9rem;
  padding: 0.6rem;
}

.risk-form__actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  margin-top: 1rem;
}

.risk-context-panel__list {
  display: grid;
  gap: 0.75rem;
  padding-block: 0.75rem;
}

.risk-context-panel__item {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  border: 1px solid #e5ecf7;
  border-radius: 12px;
  padding: 0.8rem 0.9rem;
  background: #ffffff;
}

.risk-context-panel__title {
  font-weight: 600;
}

.risk-context-panel__meta {
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  font-size: var(--font-size-sm);
  margin-top: 0.25rem;
}

.risk-context-panel--compact {
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
}

.risk-context-panel--compact .card-content {
  padding: 0.95rem 1rem 0;
}

.risk-context-panel--compact .risks-section__header {
  align-items: center;
  border-bottom: 1px solid #edf2f8;
  margin: -0.95rem -1rem 0;
  padding: 0.9rem 1rem;
}

.linked-entity-section .project-section__header,
.risk-context-panel--compact .risks-section__header {
  align-items: center;
}

.linked-entity-section__heading-row {
  width: 100%;
}

.linked-entity-section__title-block {
  min-width: 0;
}

.linked-entity-section__title,
.risk-context-panel--compact .pulse-title {
  color: #102a43;
  font-size: 1rem;
  font-weight: 800 !important;
  line-height: 1.2;
  margin: 0 0 0.18rem;
}

.linked-entity-section__title .section-icon,
.risk-context-panel--compact .pulse-title .section-icon {
  color: #526b95;
  filter: none;
  font-size: 0.92rem;
  margin-right: 0.45rem;
}

.linked-entity-section__actions,
.risk-context-panel--compact .nt-section-actions {
  align-items: center;
  flex: 0 0 auto;
  gap: 0.55rem;
}

.linked-entity-section__actions .button,
.risk-context-panel--compact .nt-section-actions .button {
  border-radius: 8px;
  font-weight: 700;
  min-height: 2.15rem;
  padding: 0.42rem 0.7rem;
}

.linked-entity-section__actions .nt-text-link,
.risk-context-panel--compact .nt-section-actions .nt-text-link {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-weight: 700;
  min-height: 2.15rem;
  padding: 0 0.35rem;
}

.linked-entity-section__actions .nt-text-link:hover,
.linked-entity-section__actions .nt-text-link:focus-visible,
.risk-context-panel--compact .nt-section-actions .nt-text-link:hover,
.risk-context-panel--compact .nt-section-actions .nt-text-link:focus-visible {
  background: #f1f7ff;
  outline: none;
}

.risk-context-panel--compact .risks-section__header > div:first-child {
  min-width: 0;
}

.risk-context-panel--compact .risks-section__header p {
  color: #66758f !important;
  font-size: 0.84rem;
  line-height: 1.35;
}

.risk-context-panel--compact .risk-context-panel__item {
  align-items: center;
  background: #fbfdff;
  border: 1px solid #dbe6f3;
  border-bottom: 1px solid #edf2f8;
  border-radius: 10px;
  color: inherit;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 1rem 0.95rem;
  text-decoration: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.risk-context-panel--compact .risk-context-panel__list {
  padding-block: 0.8rem;
}

.risk-context-panel--compact .nt-empty-state {
  margin-block: 0.8rem;
}

.risk-context-panel--compact .risk-context-panel__item + .risk-context-panel__item {
  margin-top: 0.55rem;
}

.risk-context-panel--compact .risk-context-panel__item:hover,
.risk-context-panel--compact .risk-context-panel__item:focus-visible {
  background: #f5f9ff;
  border-color: #bed3f0;
  box-shadow: 0 8px 20px rgba(15, 27, 61, 0.04);
  outline: none;
}

.risk-context-panel--compact .risk-context-panel__title {
  color: #102a43;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.35;
}

.risk-context-panel__description {
  color: #526277;
  display: -webkit-box;
  font-size: 0.84rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  margin: 0.18rem 0 0;
  overflow: hidden;
}

.risk-context-panel--compact .risk-context-panel__meta {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  font-size: 0.82rem;
  line-height: 1.4;
  margin-top: 0.5rem;
}

.risk-context-panel__meta-item {
  align-items: center;
  display: inline-flex;
  gap: 0.32rem;
}

.risk-context-panel__meta-item i {
  color: #73839a;
  font-size: 0.78rem;
}

.risk-context-panel--compact .risk-context-panel__meta .tag {
  font-size: 0.72rem;
  line-height: 1;
  min-height: 1.6rem;
}

.risk-context-panel__side {
  align-items: center;
  display: inline-flex;
  gap: 0.75rem;
  justify-content: flex-end;
  min-width: 8rem;
}

.linked-entity-row__chevron {
  color: #526b95;
  font-size: 0.9rem;
  margin-left: auto;
}

@media (max-width: 700px) {
  .linked-entity-section__heading-row,
  .risk-context-panel--compact .risks-section__header {
    align-items: flex-start;
    flex-direction: column;
  }
  .linked-entity-section__actions,
  .risk-context-panel--compact .nt-section-actions {
    width: 100%;
  }
  .risk-context-panel--compact .risk-context-panel__item {
    grid-template-columns: 1fr;
  }
  .risk-context-panel__side {
    justify-content: space-between;
  }
}
.dashboard-risk-list {
  display: grid;
  gap: 0.55rem;
}

.dashboard-risk-item {
  align-items: flex-start;
  border: 1px solid #edf2f9;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 0.85rem;
}

.dashboard-risk-item__main {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard-risk-item__title-row,
.dashboard-risk-item__pills,
.dashboard-risk-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.55rem;
}

.dashboard-risk-item__title {
  color: #1e3a8a;
  font-size: 1rem;
  line-height: 1.35;
}

.dashboard-risk-item__meta {
  color: #64748b;
  font-size: 0.83rem;
  margin-top: 0.15rem;
}

.dashboard-risk-item__description {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-top: 0.35rem;
}

.dashboard-risk-item__aside {
  align-items: flex-end;
  display: flex;
  flex: 0 0 148px;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 148px;
  text-align: right;
}

.dashboard-risk-item__matrix {
  width: 84px;
}

.dashboard-risk-item__due {
  color: #64748b;
  font-size: var(--font-size-sm);
}

.dashboard-risk-item__position {
  color: #64748b;
  font-size: 0.92rem;
  font-weight: 600;
}

.status-pill--risk {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.risk-tag {
  border-width: 0;
}

@media screen and (max-width: 768px) {
  .risks-filters__search-row {
    grid-template-columns: 1fr;
  }
  .risks-filters__search-actions {
    justify-content: stretch;
    flex-direction: column;
  }
  .risks-overview {
    grid-template-columns: 1fr;
  }
  .risks-overview-selector__grid {
    grid-template-columns: 1fr;
  }
  .risks-overview-selector__header,
  .risks-overview__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .risks-overview__detail-grid {
    grid-template-columns: 1fr;
  }
  .risks-attention-list {
    grid-template-columns: 1fr;
  }
  .risks-overview-watch__topline,
  .risks-overview-watch__badges {
    justify-content: flex-start;
  }
  .risks-overview-watch__content {
    grid-template-columns: 1fr;
  }
  .risks-overview-watch__mini-matrix {
    justify-content: start;
  }
  .risk-matrix__row {
    grid-template-columns: 70px repeat(5, minmax(0, 1fr));
  }
  .risk-matrix__cell {
    min-height: 110px;
    padding: 0.5rem;
  }
  .risk-show__summary-top,
  .risk-actions__row {
    grid-template-columns: 1fr;
  }
  .risk-show__context-row {
    align-items: start;
    grid-template-columns: 1.5rem minmax(0, 1fr) auto;
  }
  .risk-show__context-kind {
    grid-column: 2;
  }
  .risk-show__context-title {
    grid-column: 2;
  }
  .risk-show__context-detail {
    grid-column: 2;
  }
  .risk-show__context-chevron {
    grid-column: 3;
    grid-row: 1/span 3;
  }
  .risk-show__summary-actions {
    justify-content: flex-start;
  }
  .risk-show__summary-grid {
    gap: 0.85rem;
  }
  .risk-updates__layout {
    grid-template-columns: 1fr;
  }
  .risk-show__summary-item {
    border-left: 0;
    border-top: 1px solid #e8eef7;
    padding: 0.85rem 0 0;
  }
  .risk-show__summary-item:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .risks-attention-item,
  .risk-register__item,
  .risk-card__header {
    flex-direction: column;
    align-items: stretch;
  }
  .risk-form__actions,
  .risks-filters__actions {
    justify-content: stretch;
    flex-direction: column;
  }
  .risk-form__kind-options,
  .risk-form__primary-layout {
    grid-template-columns: 1fr;
  }
  .risk-form__step-header {
    grid-template-columns: 1fr;
  }
  .risk-form__section-summary--static {
    grid-template-columns: 1fr;
  }
  .risk-form__section-summary {
    flex-direction: column;
  }
}
.inflight-trigger {
  margin-top: 0.25rem;
  font-size: 0.8rem;
}

.inflight-popover {
  position: absolute;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.98) 36%, rgb(255, 255, 255) 100%);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.12), 0 8px 18px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(8px);
  z-index: 40;
  width: min(500px, 100vw - 24px);
  max-width: 500px;
  font-size: var(--font-size-sm);
  line-height: 1.35;
  font-weight: 400;
  color: #0f172a;
  text-align: left;
}
.inflight-popover .iu-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.inflight-popover .iu-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 2px;
}
.inflight-popover .iu-header-metrics {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.inflight-popover .iu-eyebrow {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 2px;
}
.inflight-popover .iu-title {
  font-size: var(--font-size-body);
  line-height: 1.2;
  font-weight: 700;
  color: #0f172a;
}
.inflight-popover .iu-summary-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(248, 250, 252, 0.95);
  color: #334155;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
.inflight-popover .iu-summary-pill--queued {
  background: rgba(255, 255, 255, 0.95);
}
.inflight-popover .iu-summary-pill__count {
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1;
}
.inflight-popover .iu-summary-pill__label {
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.inflight-popover .iu-load-badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid transparent;
  white-space: nowrap;
}
.inflight-popover .iu-load-badge--idle {
  background: rgba(241, 245, 249, 0.95);
  border-color: rgba(148, 163, 184, 0.22);
  color: #475569;
}
.inflight-popover .iu-load-badge--healthy {
  background: rgba(240, 253, 244, 0.95);
  border-color: rgba(134, 239, 172, 0.4);
  color: #15803d;
}
.inflight-popover .iu-load-badge--steady {
  background: rgba(254, 249, 195, 0.95);
  border-color: rgba(250, 204, 21, 0.35);
  color: #a16207;
}
.inflight-popover .iu-load-badge--busy {
  background: rgba(255, 247, 237, 0.95);
  border-color: rgba(251, 191, 36, 0.32);
  color: #b45309;
}
.inflight-popover .iu-load-badge--high {
  background: rgba(254, 242, 242, 0.95);
  border-color: rgba(248, 113, 113, 0.3);
  color: #b91c1c;
}
.inflight-popover .iu-row {
  display: block;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.inflight-popover .iu-row + .iu-row {
  margin-top: 0;
}
.inflight-popover .iu-row.iu-row--in-flight {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.92) 100%);
}
.inflight-popover .iu-row.iu-row--upcoming {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.92) 100%);
}
.inflight-popover .iu-row .iu-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.inflight-popover .iu-row .label {
  font-weight: 700;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 6px;
}
.inflight-popover .iu-row .label .iu-icon {
  font-size: 0.72rem;
  opacity: 0.8;
}
.inflight-popover .iu-row .iu-count-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(241, 245, 249, 0.95);
  color: #334155;
  border: 1px solid rgba(148, 163, 184, 0.16);
  font-size: var(--font-size-xs);
  font-weight: 700;
}
.inflight-popover .iu-row .value {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  line-height: 1.3;
}
.inflight-popover .iu-row .value .iu-link {
  font-weight: 700;
  color: #173ea5;
}
.inflight-popover .iu-row .value .iu-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.inflight-popover .iu-row .value .iu-item {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: rgba(255, 255, 255, 0.96);
  transition: background-color 0.15s, transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}
.inflight-popover .iu-row .value .iu-item:hover {
  background: #ffffff;
  border-color: rgba(96, 165, 250, 0.28);
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
}
.inflight-popover .iu-row .value .iu-item-main {
  line-height: 1.25;
}
.inflight-popover .iu-row .value .iu-item-main .iu-link {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inflight-popover .iu-row .value .iu-more {
  margin-top: 10px;
  font-size: 0.67rem;
  color: #475569;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.inflight-popover .iu-row .value .iu-loading {
  font-size: var(--font-size-xs);
  color: #64748b;
  padding: 0.2rem 0;
}
.inflight-popover .iu-row .value .iu-empty {
  font-size: var(--font-size-xs);
  color: #475569;
  line-height: 1.4;
  background: rgba(248, 250, 252, 0.9);
  border: 1px dashed #cbd5e1;
  padding: 12px;
  border-radius: 12px;
}
.inflight-popover .iu-row .value .iu-empty-text {
  display: block;
  margin-bottom: 0.35rem;
}
.inflight-popover .iu-row .value .iu-cta-link {
  font-size: var(--font-size-xs);
  font-weight: 700;
  color: #2464c8;
  text-decoration: none;
}
.inflight-popover .iu-row .value .iu-cta-link:hover {
  text-decoration: underline;
}
.inflight-popover .iu-dates {
  font-size: var(--font-size-xs);
  font-weight: 400;
  color: #64748b;
  margin-top: 4px;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .inflight-popover {
    padding: 16px;
    width: min(420px, 100vw - 16px);
  }
  .inflight-popover .iu-card__header {
    align-items: flex-start;
  }
  .inflight-popover .iu-summary-pill {
    padding-inline: 9px;
  }
}

.hidden {
  display: none;
}

.utilisation-stack {
  display: flex;
  align-items: center;
}
.utilisation-stack.align-center {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.utilisation-stack.align-right {
  justify-content: flex-end;
  width: 100%;
  margin-left: auto;
}
.utilisation-stack .util-bars {
  display: flex;
  flex-direction: column-reverse;
  gap: 3px;
  margin: 0;
}
.utilisation-stack .util-bar {
  width: 35px;
  height: 7px;
  border-radius: 2px;
  background: #e6e5e5;
  display: inline-block;
  transition: opacity 0.15s, transform 0.15s;
  cursor: pointer;
}
.utilisation-stack .util-bar.green {
  background: #2e8b57;
}
.utilisation-stack .util-bar.yellow {
  background: #e5c100;
}
.utilisation-stack .util-bar.amber {
  background: #ff9800;
}
.utilisation-stack .util-bar.red {
  background: #d93025;
}
.utilisation-stack .util-bar.grey {
  background: #f1f0f0;
}
.utilisation-stack .util-bar:hover {
  opacity: 0.85;
}

/* =========================================================
   TEAM ROSTER (Shared Styles)
   ========================================================= */
.team-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 250px;
  border: 1px solid #d7e9f6;
  border-radius: 8px;
  box-sizing: border-box;
  padding-bottom: 1.5em;
  background-color: #fff;
}

.team-members-list-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 300px;
  box-sizing: border-box;
  padding: 0.8em 0.8em 1.5em;
}

/* =========================================================
   MEMBER CARDS (Base)
   ========================================================= */
.members {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  box-sizing: border-box;
  align-items: flex-start;
  align-content: flex-start;
}
.members .member {
  flex: 1 1 280px;
  max-width: 100%;
  min-width: 260px;
  height: auto;
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  cursor: grab;
  position: relative;
  z-index: 0; /* base layer */
  overflow: visible;
  /* === CARD === */
  /* === STATES === */
  /* === ADD MEMBER TILE === */
  /* === DRAG STATE === */
}
.members .member:active {
  cursor: grabbing;
}
.members .member .member-card {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px 12px 16px;
  min-height: 84px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.15s ease;
  /* === DROPDOWN === */
}
.members .member .member-card:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
.members .member .member-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #e5e7eb;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.members .member .member-card .title.is-7,
.members .member .member-card .role,
.members .member .member-card .meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 95%;
}
.members .member .member-card .title.is-7 {
  font-weight: 600;
  font-size: var(--font-size-body);
  color: #111827;
  margin: 0;
}
.members .member .member-card .role {
  color: #4b5563;
  font-size: var(--font-size-sm);
  margin-top: 2px;
}
.members .member .member-card .meta {
  color: #9ca3af;
  font-size: var(--font-size-xs);
  margin-top: 1px;
}
.members .member .member-card .dropdown.is-right.is-hoverable {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  pointer-events: auto;
  z-index: 20; /* above card, below modal */
}
.members .member .member-card .dropdown.is-right.is-hoverable .button.is-small.is-white {
  padding: 0.25em;
  min-width: 0;
  margin: 0;
}
.members .member .member-card .dropdown.is-right.is-hoverable:hover .dropdown-menu,
.members .member .member-card .dropdown.is-right.is-hoverable .dropdown-menu:hover {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.members .member .member-card .dropdown.is-right.is-hoverable .dropdown-menu {
  position: absolute;
  top: 100% !important; /* flush under trigger */
  margin-top: 0 !important;
  right: 0;
  z-index: 30; /* topmost local layer, but < modal */
  opacity: 1;
  visibility: visible;
}
.members .member .member-card .dropdown.is-right.is-hoverable .dropdown-menu .dropdown-content {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  padding: 0.25em 0;
}
.members .member .member-card .dropdown.is-right.is-hoverable .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
  padding: 0.5em 0.75em;
}
.members .member .member-card .dropdown.is-right.is-hoverable .dropdown-menu .fa-user-xmark {
  margin-right: 10px;
}
.members .member:hover, .members .member:focus-within {
  z-index: 20; /* lift above neighbours */
}
.members .member.is-filled .member-card::before {
  background: #10b981;
}
.members .member.is-contractor .member-card::before {
  background: #06b6d4;
}
.members .member.is-future .member-card::before {
  background: #818cf8;
}
.members .member.is-ending-soon .member-card::before {
  background: #f59e0b;
}
.members .member.is-open .member-card {
  border-style: dashed;
  border-color: #cbd5e1;
  background: #fcfcfd;
}
.members .member.is-open .member-card::before {
  background: #9ca3af;
}
.members .member.add-member .member-card::before {
  display: none;
}
.members .member.add-member .member-card {
  background-color: #fff !important;
  border-style: dashed !important;
  border-color: #cbd5e1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
  font-size: var(--font-size-sm);
}
.members .member.add-member .member-card:hover {
  background-color: #f3f4f6 !important;
  opacity: 0.9;
  cursor: pointer;
}
.members .member.sortable-ghost .member-card {
  opacity: 0.5;
  background: #f5f6fa;
  border: 2px dashed #bfc4cc;
  z-index: 10;
}

/* =========================================================
   PAGE LAYOUTS
   ========================================================= */
.team-overview .team-members-list-container {
  max-width: none;
  margin: 0;
  padding: 12px 16px 20px;
}

.team-overview .team-members-list-container .members {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: flex-start;
}

.team-overview .members .member {
  flex: 1 1 calc(25% - 1em);
  max-width: calc(25% - 1em);
  min-width: 220px;
  box-sizing: border-box;
  cursor: default;
}

@media (max-width: 1280px) {
  .team-overview .members .member {
    flex: 1 1 calc(33.333% - 1em);
    max-width: calc(33.333% - 1em);
  }
}
@media (max-width: 900px) {
  .team-overview .members .member {
    flex: 1 1 calc(50% - 1em);
    max-width: calc(50% - 1em);
  }
}
@media (max-width: 560px) {
  .team-overview .members .member {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
/* =========================================================
   ORG DESIGNER (2-up, 1-up mobile)
   ========================================================= */
.org-designer .team-members-list-container .members {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.org-designer .team-members-list-container .members > .member {
  flex: 0 0 calc(50% - 0.5em);
  max-width: calc(50% - 0.5em);
  min-width: 0;
  cursor: grab;
}

@media (max-width: 720px) {
  .org-designer .team-members-list-container .members > .member {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* =========================================================
   DESIGNER CLEANUP
   ========================================================= */
.org-designer .member-card .meta .joined,
.org-designer .member-card .meta .sep {
  display: none;
}

.org-designer .member-card {
  min-height: 76px;
}

/* =========================================================
   TEAM HEADER
   ========================================================= */
.team-container .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  border-bottom: 1px solid #eceff3;
  padding: 12px 16px;
  box-shadow: none;
}
.team-container .team-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
}
.team-container .team-header__title-wrap {
  min-width: 0;
  flex: 1 1 auto;
}
.team-container .team-header-title {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.2;
}
.team-container .team-header-title a {
  color: #1d4bb3;
  text-decoration: none;
}
.team-container .team-header-title a:hover {
  text-decoration: underline;
}
.team-container .team-header__status {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.team-container .team-header-health-status {
  margin-left: 0;
  white-space: nowrap;
}

.team-overview .team-members-list-container {
  padding-top: 12px;
}

.team-overview .team-members-list-container {
  max-width: 1100px;
  margin: 0 auto;
}
.team-overview .members {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1em;
}
.team-overview .members .member {
  flex: 1 1 280px;
  max-width: 23%;
  min-width: 260px;
}

/* =========================================================
   TEAM OVERVIEW SIDEBAR
   ========================================================= */
.team-overview .sidebar {
  position: sticky;
  top: 1rem;
  align-self: flex-start;
  /* === OUTER CONTAINER === */
  /* === SIDEBAR INTRO TEXT === */
  /* === DIVIDERS === */
  /* === SECTIONS === */
}
.team-overview .sidebar .sidebar-box {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.team-overview .sidebar .sidebar-box > p {
  line-height: 1.4;
  margin-bottom: 0.75rem;
  color: #4b5563;
  font-size: var(--font-size-body);
}
.team-overview .sidebar .sidebar-sep {
  border: 0;
  border-top: 1px solid #f1f5f9;
  margin: 0.25rem 0;
}
.team-overview .sidebar .sidebar-section {
  background-color: #fbfbfb;
  padding: 1em;
  border-radius: 0.35em;
  /* === LISTS === */
  /* === CHIPS / TAGS === */
  /* === TENURE CHIPS (colour variants) === */
  /* === TENURE LEGEND (if used) === */
  /* === TENURE BAR === */
  /* === INLINE ACTIONS === */
  /* === WARNING TAG === */
}
.team-overview .sidebar .sidebar-section h3,
.team-overview .sidebar .sidebar-section h4 {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: #111827;
  margin: 0 0 0.35rem 0;
}
.team-overview .sidebar .sidebar-section p {
  font-size: var(--font-size-sm);
  color: #374151;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}
.team-overview .sidebar .sidebar-section .list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}
.team-overview .sidebar .sidebar-section .row {
  padding: 0.25rem 0;
  border-bottom: 1px solid #f3f4f6;
}
.team-overview .sidebar .sidebar-section .row:last-child {
  border-bottom: 0;
}
.team-overview .sidebar .sidebar-section .row .name {
  font-weight: 500;
  color: #111827;
  font-size: var(--font-size-body);
}
.team-overview .sidebar .sidebar-section .row .dim {
  color: #6b7280;
  font-size: var(--font-size-sm);
}
.team-overview .sidebar .sidebar-section .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.25rem;
}
.team-overview .sidebar .sidebar-section .chip {
  border-radius: 999px;
  padding: 0.15rem 0.6rem;
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: #111827;
  background: #f5f7fb;
}
.team-overview .sidebar .sidebar-section .chip strong {
  color: #111827;
  margin-left: 2px;
}
.team-overview .sidebar .sidebar-section .chips.tenure .chip--short {
  background: #e0f2fe; /* light blue */
  color: #0369a1;
}
.team-overview .sidebar .sidebar-section .chips.tenure .chip--mid {
  background: #dbeafe; /* mid blue */
  color: #1d4ed8;
}
.team-overview .sidebar .sidebar-section .chips.tenure .chip--long {
  background: #e0e7ff; /* indigo tone */
  color: #3730a3;
}
.team-overview .sidebar .sidebar-section .tenure-legend {
  list-style: none;
  margin: 0.25rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.team-overview .sidebar .sidebar-section .tenure-legend .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
  vertical-align: middle;
}
.team-overview .sidebar .sidebar-section .tenure-legend .short {
  background: #38bdf8;
}
.team-overview .sidebar .sidebar-section .tenure-legend .mid {
  background: #60a5fa;
}
.team-overview .sidebar .sidebar-section .tenure-legend .long {
  background: #3b82f6;
}
.team-overview .sidebar .sidebar-section .tenure-bar {
  display: flex;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: #eef2f7;
  margin-bottom: 0.4rem;
}
.team-overview .sidebar .sidebar-section .tenure-bar .seg {
  height: 100%;
}
.team-overview .sidebar .sidebar-section .tenure-bar .seg.short {
  background: #c7e9ff;
}
.team-overview .sidebar .sidebar-section .tenure-bar .seg.mid {
  background: #93c5fd;
}
.team-overview .sidebar .sidebar-section .tenure-bar .seg.long {
  background: #60a5fa;
}
.team-overview .sidebar .sidebar-section .actions-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--font-size-sm);
  margin-top: 0.25rem;
}
.team-overview .sidebar .sidebar-section .actions-inline .sep {
  color: #9aa3af;
  margin: 0 0.35rem;
}
.team-overview .sidebar .sidebar-section .actions-inline .link-button {
  color: #2563eb;
  text-decoration: none;
}
.team-overview .sidebar .sidebar-section .actions-inline .link-button:hover {
  text-decoration: underline;
}
.team-overview .sidebar .sidebar-section .tag.is-warning.is-light {
  background-color: #fef3c7;
  color: #92400e;
  border: none;
  font-size: var(--font-size-xs);
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
}

/* ======================================
   Health Surveys (brand-standard styling)
   ====================================== */
.health-surveys {
  margin-top: 1rem;
  /* Optional header utilities specific to this feature */
  /* === Per-question breakdown table === */
  /* === Comments section (feature-specific) === */
  /* Feature-specific responsive tweaks (optional) */
}
.health-surveys .survey-header {
  align-items: center;
}
.health-surveys .survey-header .heading {
  font-size: var(--font-size-body);
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.health-surveys .survey-header .title {
  margin-bottom: 0;
}
.health-surveys .survey-header .select select {
  min-width: 140px;
}
.health-surveys .survey-header .button.is-light {
  margin-left: 0.5rem;
}
.health-surveys .team-health-surveys-disabled-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 1120px;
  margin: 0 auto 1rem;
  padding: 0.8rem 1rem;
  border: 1px solid #f4d38f;
  border-radius: 8px;
  background: #fff8e5;
  color: #5f4b17;
}
.health-surveys .survey-breakdown {
  width: 100%;
  max-width: 100%;
  margin-top: 0.5rem;
  font-size: var(--font-size-body);
  /* enforce predictable column sizing + wrapping */
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  /* Column widths (desktop baseline) */
  /* QUESTION */
  /* progress bar */
  /* Question cell: readably wrap to multiple lines */
  /* Neutralise .q-pill to simple text for health surveys */
  /* Numeric & sparkline cells */
  /* Bar visuals */
  /* Vs Prior value colouring */
  /* ===== Responsive tightening for smaller screens ===== */
}
.health-surveys .survey-breakdown thead th {
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #6b7280;
  border: none;
  padding-bottom: 0.45rem;
  white-space: nowrap;
}
.health-surveys .survey-breakdown tbody td {
  vertical-align: middle;
  border-top: 1px solid #f3f4f6;
  padding: 0.6rem 0.4rem;
}
.health-surveys .survey-breakdown th:first-child, .health-surveys .survey-breakdown td:first-child {
  width: 30%;
}
.health-surveys .survey-breakdown th.w-num.avg, .health-surveys .survey-breakdown td.w-num.avg {
  width: 10%;
  text-align: center;
}
.health-surveys .survey-breakdown th.w-bar, .health-surveys .survey-breakdown td.w-bar {
  width: 30%;
}
.health-surveys .survey-breakdown th.w-spark, .health-surveys .survey-breakdown td.w-spark {
  width: 16%;
  text-align: center;
}
.health-surveys .survey-breakdown th.w-num.delta-col, .health-surveys .survey-breakdown td.w-num.delta-col {
  width: 10%;
  text-align: center;
}
.health-surveys .survey-breakdown td:first-child {
  white-space: normal;
  overflow: visible;
  word-break: normal;
  line-height: 1.25;
}
.health-surveys .survey-breakdown td:first-child .q-pill {
  display: inline;
  background: transparent;
  padding: 0;
  border-radius: 0;
  font-weight: 300;
  color: #0f172a;
  white-space: normal;
  font-size: 0.8em;
}
.health-surveys .survey-breakdown .w-num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.health-surveys .survey-breakdown .w-spark {
  text-align: center;
}
.health-surveys .survey-breakdown .w-spark canvas {
  display: block;
  width: 120px;
  height: 28px;
  margin: 0 auto;
}
.health-surveys .survey-breakdown .bar-rail {
  background: #f3f4f6;
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
  position: relative;
}
.health-surveys .survey-breakdown .bar-rail .bar-fill {
  background: #2563eb;
  height: 100%;
  border-radius: 999px;
  transition: width 0.25s ease;
}
.health-surveys .survey-breakdown .delta-value {
  display: inline-block;
  min-width: 3.5ch;
  text-align: center;
  font-weight: 500;
}
.health-surveys .survey-breakdown .delta-value.is-positive {
  color: #10b981;
}
.health-surveys .survey-breakdown .delta-value.is-negative {
  color: #dc2626;
}
@media (max-width: 1280px) {
  .health-surveys .survey-breakdown th:first-child, .health-surveys .survey-breakdown td:first-child {
    width: 34%;
  }
  .health-surveys .survey-breakdown th.w-bar, .health-surveys .survey-breakdown td.w-bar {
    width: 34%;
  }
  .health-surveys .survey-breakdown th.w-spark, .health-surveys .survey-breakdown td.w-spark {
    width: 14%;
  }
  .health-surveys .survey-breakdown th.w-num.avg, .health-surveys .survey-breakdown td.w-num.avg {
    width: 10%;
  }
  .health-surveys .survey-breakdown th.w-num.delta-col, .health-surveys .survey-breakdown td.w-num.delta-col {
    width: 8%;
  }
}
@media (max-width: 1024px) {
  .health-surveys .survey-breakdown th.w-spark, .health-surveys .survey-breakdown td.w-spark {
    display: none;
  }
  .health-surveys .survey-breakdown th:first-child, .health-surveys .survey-breakdown td:first-child {
    width: 44%;
  }
  .health-surveys .survey-breakdown th.w-bar, .health-surveys .survey-breakdown td.w-bar {
    width: 40%;
  }
  .health-surveys .survey-breakdown th.w-num.avg, .health-surveys .survey-breakdown td.w-num.avg {
    width: 10%;
  }
  .health-surveys .survey-breakdown th.w-num.delta-col, .health-surveys .survey-breakdown td.w-num.delta-col {
    width: 6%;
  }
}
.health-surveys .health-surveys-comments {
  margin-top: 1.5rem;
}
.health-surveys .health-surveys-comments .comments-header {
  align-items: center;
}
.health-surveys .health-surveys-comments .comments-header .pulse-title {
  margin-bottom: 0;
}
.health-surveys .health-surveys-comments .comments-header .tags {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.health-surveys .health-surveys-comments .comments-header .tags .tag.is-white {
  border: 1px solid #ececf1;
}
.health-surveys .health-surveys-comments .pulse-subtitle {
  font-size: var(--font-size-body);
  margin-top: 0.5rem;
  color: #6b7280;
}
.health-surveys .health-surveys-comments .comment-list {
  list-style: none;
  padding: 0;
  margin-top: 0.75rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}
.health-surveys .health-surveys-comments .comment-list .comment-card {
  position: relative;
  background: #f9fafb;
  border-radius: 0.5rem;
  padding: 1rem 1.1rem 1rem 2rem; /* left pad so text never overlaps quote */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04);
  transition: background 120ms ease;
}
.health-surveys .health-surveys-comments .comment-list .comment-card:hover {
  background: #f3f4f6;
}
.health-surveys .health-surveys-comments .comment-list .comment-card .quote-mark {
  position: absolute;
  left: 0.8rem;
  top: 0.6rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.4rem;
  line-height: 1;
  color: #9ca3af;
  opacity: 0.9;
  pointer-events: none;
}
.health-surveys .health-surveys-comments .comment-list .comment-card .comment-text {
  margin: 0;
  font-style: italic;
  color: #374151;
  line-height: 1.45;
  /* Clamp long comments */
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 900px) {
  .health-surveys .survey-breakdown th.w-spark, .health-surveys .survey-breakdown td.w-spark {
    display: none;
  }
  .health-surveys .survey-breakdown th.w-bar, .health-surveys .survey-breakdown td.w-bar {
    width: 40%;
  }
  .health-surveys .survey-breakdown th.w-num.avg, .health-surveys .survey-breakdown td.w-num.avg {
    width: 15%;
  }
  .health-surveys .survey-breakdown th.w-num.delta-col, .health-surveys .survey-breakdown td.w-num.delta-col {
    width: 15%;
  }
}

/* ======================================================
   Periodic Item (shared layout for Health Surveys, Sprints, etc.)
   Generic styles only — keep feature-specific rules elsewhere.
   ====================================================== */
/* Shell */
.periodic-item-page {
  max-width: 100%;
  overflow-x: hidden; /* never let children push the page horizontally */
}

/* ----- Header box ----- */
.periodic-header.box {
  padding: 0;
  overflow: hidden; /* crisp rounded corners */
  border-radius: 10px;
  box-sizing: border-box;
}

/* Title + subtitle */
.periodic-header .header-top {
  padding: 0.75rem 1rem 0;
  margin: 0;
}
.periodic-header .header-top .pulse-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 0.15rem 0;
}
.periodic-header .header-top .pulse-subtitle {
  color: #6b7280;
  font-size: var(--font-size-body);
  margin: 0 0 0.4rem 0;
}

/* Header body: CSS Grid (metrics | center | side-card) */
.periodic-header .header-body-grid {
  display: grid;
  grid-template-columns: 260px 1fr 260px; /* desktop baseline */
  gap: 1.25rem;
  align-items: start;
  padding: 0.75rem 1rem 1rem;
  box-sizing: border-box;
  width: 100%;
}

/* Left metric blocks (generic “card” visual) */
.periodic-header .metrics .metric-block {
  background: #f9fafb;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  margin-bottom: 0.65rem;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.periodic-header .metrics .metric-block .metric-label {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  color: #6b7280;
  letter-spacing: 0.02em;
}
.periodic-header .metrics .metric-block .metric-value {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0.25rem 0 0.15rem 0;
}
.periodic-header .metrics .metric-block .metric-sub {
  font-size: var(--font-size-body);
  color: #6b7280;
}
.periodic-header .metrics .metric-block .metric-sub.is-positive {
  color: #10b981;
}
.periodic-header .metrics .metric-block .metric-sub.is-negative {
  color: #dc2626;
}

/* Middle area (chart/media placeholder) */
.periodic-header .chart {
  position: relative;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.periodic-header .chart canvas, .periodic-header .chart img, .periodic-header .chart svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Right-side auxiliary card (e.g., Insights) */
.periodic-header .ai {
  background: #f9fafb;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.periodic-header .ai .ai-title {
  font-weight: 600;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.periodic-header .ai p {
  color: #374151;
  line-height: 1.4;
  font-size: var(--font-size-body);
  margin: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Responsive header stacking */
@media (max-width: 1024px) {
  .periodic-header .header-body-grid {
    grid-template-columns: 1fr; /* stack: metrics → chart → ai */
  }
  .periodic-header .ai {
    margin-top: 0.75rem;
  }
}
/* ======================================================
   Two-pane area (left list + divider + right details)
   ====================================================== */
.periodic-two-pane {
  display: grid;
  grid-template-columns: 240px 1px 1fr;
  gap: 0;
  max-width: 100%;
  /* allow children to shrink */
  /* Left list rail */
  /* Divider */
  /* Right detail pane */
}
.periodic-two-pane > * {
  min-width: 0;
}
.periodic-two-pane .periodic-item-list {
  border-right: 1px solid #edeef2;
  padding: 0.6rem 0.6rem 0.6rem 0.9rem;
  /* SaaS-style list links */
}
.periodic-two-pane .periodic-item-list .list-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem 0.6rem 0.95rem;
  text-decoration: none;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid transparent;
  transition: background 140ms ease, box-shadow 160ms ease, border-color 140ms ease;
  border-bottom: 1px solid #f6f2f2;
}
.periodic-two-pane .periodic-item-list .list-item + .list-item {
  margin-top: 0.35rem;
}
.periodic-two-pane .periodic-item-list .list-item:hover {
  background: #f8fafc; /* slate-50 */
  border-color: #e5e7eb; /* gray-200 */
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
}
.periodic-two-pane .periodic-item-list .list-item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #93c5fd; /* blue-300 ring */
}
.periodic-two-pane .periodic-item-list .list-item.is-active {
  background: #f6f9ff; /* ultra-light blue */
  /* prominent left accent bar */
}
.periodic-two-pane .periodic-item-list .list-item.is-active .date {
  color: #0f172a;
  font-weight: 600;
}
.periodic-two-pane .periodic-item-list .list-item.is-active .score {
  color: #0f172a;
  font-weight: 600;
}
.periodic-two-pane .periodic-item-list .list-item.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #2563eb; /* blue-600 */
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.15);
}
.periodic-two-pane .periodic-item-list .list-item .date {
  font-size: var(--font-size-body);
  line-height: 1.2;
  letter-spacing: 0.01em;
  min-width: 0;
}
.periodic-two-pane .periodic-item-list .list-item .score {
  font-variant-numeric: tabular-nums;
  color: #6b7280;
  font-weight: 500;
  min-width: 0;
}
.periodic-two-pane .pane-divider {
  background: #edeef2;
}
.periodic-two-pane .periodic-item-detail {
  padding: 0.75rem 0.9rem;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  /* breathing space between sections */
}
.periodic-two-pane .periodic-item-detail .detail-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
.periodic-two-pane .periodic-item-detail .detail-header .muted {
  color: #6b7280;
}
.periodic-two-pane .periodic-item-detail .detail-section {
  margin-top: 1.6rem;
}

/* Sprint-specific tweaks layered on top of periodic-item baseline */
.sprints {
  /* ----------------------------------------------------------
   * Shared status pill (used on LEFT list and RIGHT meta line)
   * ---------------------------------------------------------- */
  /* ============= Left list ============= */
  /* ============= Right detail ============= */
  /* Small niceties for Summary table */
}
.sprints .status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.7rem;
  line-height: 1;
  padding: 0.25rem 0.45rem;
  border-radius: 999px;
  background: #f1f5f9; /* default slate-100 */
  color: #475569; /* slate-600 */
  border: 1px solid #e2e8f0;
  /* green */
  /* blue */
  /* slate */
  /* amber */
}
.sprints .status-pill.open {
  background: #ecfdf5;
  color: #065f46;
  border-color: #a7f3d0;
}
.sprints .status-pill.completed {
  background: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.sprints .status-pill.closed {
  background: #f1f5f9;
  color: #334155;
  border-color: #cbd5e1;
}
.sprints .status-pill.future {
  background: #fffbeb;
  color: #92400e;
  border-color: #fde68a;
}
.sprints .periodic-item-list .list-item {
  align-items: center;
  padding-right: 0.9rem;
  /* two-column feel: left meta, right velocity */
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 0.75rem;
  /* velocity prominence on the right */
}
.sprints .periodic-item-list .list-item .date {
  font-size: 0.7rem; /* smaller period text */
  line-height: 1.15;
  color: #334155;
  display: block;
  margin-bottom: 0.25rem;
  white-space: nowrap;
}
.sprints .periodic-item-list .list-item .score {
  grid-column: 2/3;
  justify-self: end;
  min-width: 40px;
  height: 28px;
  padding: 0 0.5rem;
  border-radius: 8px;
  background: #eaf1ff; /* light blue */
  color: #1e40af; /* blue-800 */
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sprints .periodic-item-list .list-item.is-active .score {
  background: #dbe7ff; /* slightly stronger */
  color: #1d4ed8;
}
.sprints .periodic-item-detail {
  /* Inline meta line under title */
  /* Retrospective block separation */
  /* Each answer gets a light card + quote mark */
}
.sprints .periodic-item-detail .meta-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.6rem;
  margin-top: 0.35rem;
  /* keep velocity as a special pill; reuse .status-pill for status */
}
.sprints .periodic-item-detail .meta-inline .pill.velocity {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  padding: 0.35rem 0.55rem;
  border-radius: 999px;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  color: #4338ca;
  font-weight: 700;
}
.sprints .periodic-item-detail .detail-section.retro {
  background: #f9fafb;
  border: 1px solid #edeef2;
  border-radius: 12px;
  padding: 1rem;
}
.sprints .periodic-item-detail .retro-quote {
  position: relative;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 0.9rem 1rem 0.9rem 2.1rem; /* extra left for the quote */
  margin: 0.45rem 0 1rem;
}
.sprints .periodic-item-detail .retro-quote::before {
  content: "“";
  position: absolute;
  left: 0.7rem;
  top: 0.35rem;
  font-size: 1.8rem;
  line-height: 1;
  color: #cbd5e1;
  font-family: Georgia, "Times New Roman", serif;
}
.sprints .periodic-item-detail .qa p {
  margin-bottom: 0.6rem;
}
.sprints .periodic-item-detail .qa p strong {
  color: #111827;
}
.sprints .table.is-narrow tbody tr th {
  width: 120px;
  color: #6b7280;
  font-weight: 500;
}

/* Optional: make the left accent bar of the active list item more visible */
.sprints .periodic-item-list .list-item.is-active::before {
  width: 3px;
}

/* ==========================================================================
   CALENDAR OVERVIEW — clean build for Floating-UI popovers
   ========================================================================== */
.calendar-overview {
  /* ---------------------------------------------------------
     Summary tile (left)
  --------------------------------------------------------- */
  /* ---------------------------------------------------------
     Month strip (horizontally scrollable months)
  --------------------------------------------------------- */
  /* ---------------------------------------------------------
     Legend
  --------------------------------------------------------- */
}
.calendar-overview.box {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.calendar-overview h3.subtitle {
  margin-bottom: 1rem;
}
.calendar-overview .columns {
  align-items: flex-start;
}
.calendar-overview .tiled-content {
  width: 100%;
  text-align: center;
}
.calendar-overview .tiled-content .tile-heading {
  color: #4a4a4a;
  margin-bottom: 0.25rem;
}
.calendar-overview .tiled-content .tiled-text-large {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}
.calendar-overview .tiled-content .tiled-text-small {
  font-size: 0.85rem;
  color: #7a7a7a;
  margin-top: 0.25rem;
}
.calendar-overview .month-strip {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  overflow-x: auto; /* horizontal scroll on smaller screens */
  overflow-y: visible; /* allow popovers to show above grid */
  padding-bottom: 4px;
}
.calendar-overview .month-block.compact {
  position: relative;
  border: 1px solid #d7e9f6;
  border-radius: 8px;
  padding: 8px 10px 10px;
  background: #fff;
}
.calendar-overview .month-block.compact:not(.is-first) {
  box-shadow: -1px 0 0 0 rgba(60, 130, 200, 0.25);
}
.calendar-overview .month-block.compact .month-label {
  font-size: 0.9rem;
  color: #72879b;
  margin: 0 0 8px 2px;
  font-weight: 600;
}
.calendar-overview .month-block.compact table.month-grid.compact {
  border-collapse: separate;
  border-spacing: 3px;
  table-layout: fixed;
}
.calendar-overview .month-block.compact table.month-grid.compact tbody tr {
  height: 28px;
}
.calendar-overview .month-block.compact table.month-grid.compact td.day-cell {
  width: 28px;
  padding: 0;
  position: relative;
  /* highlight hover for interactive cells */
}
.calendar-overview .month-block.compact table.month-grid.compact td.day-cell.has-popover:hover .cell-dot {
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.35);
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  margin: 0 auto;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  /* availability colors */
  /* all available */
  /* 1 off */
  /* moderate */
  /* low */
  /* weekends and outside-of-month cells */
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot:hover {
  transform: scale(1.05);
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot.is-today {
  box-shadow: 0 0 0 2px #3b82f6;
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot.is-available-full {
  background-color: #2f855a;
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot.is-available-light {
  background-color: #68d391;
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot.is-partial {
  background-color: #ecc94b;
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot.is-low {
  background-color: #e53e3e;
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot.is-weekend {
  background: #e9eef6;
  border: 1px solid rgba(0, 0, 0, 0.03);
}
.calendar-overview .month-block.compact table.month-grid.compact .cell-dot.is-outside {
  background: transparent;
  border: 1px dashed rgba(0, 0, 0, 0.05);
}
.calendar-overview .calendar-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #4a4a4a;
}
.calendar-overview .calendar-legend .legend-chip {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.calendar-overview .calendar-legend .legend-chip.is-available-full {
  background: #2f855a;
}
.calendar-overview .calendar-legend .legend-chip.is-available-light {
  background: #68d391;
}
.calendar-overview .calendar-legend .legend-chip.is-partial {
  background: #ecc94b;
}
.calendar-overview .calendar-legend .legend-chip.is-low {
  background: #e53e3e;
}
.calendar-overview .calendar-legend .legend-chip.is-weekend {
  background: #e9eef6;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   UNIVERSAL FLOATING-POPOVER STYLES (for use across the app)
   ========================================================================== */
.floating-popover {
  z-index: 10000;
  position: fixed;
  pointer-events: auto;
  opacity: 0;
  transition: opacity 120ms ease;
}

.floating-popover[data-visible=true] {
  opacity: 1;
}

/* ---------------------------------------------------------
   Availability Popover Card (calendar-specific content)
  --------------------------------------------------------- */
.floating-popover .availability-popover-card {
  background: #ffffff;
  border: 1px solid #e6edf5;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(27, 39, 51, 0.22);
  padding: 14px 16px 12px;
  min-width: 260px;
  max-width: 360px;
  color: #1f2a37;
  line-height: 1.35;
  font-family: inherit;
  pointer-events: auto;
  /* caret triangle (points to anchor) */
  position: relative;
  /* top placement caret (default) */
}
.floating-popover .availability-popover-card .heading {
  display: block;
  font-size: var(--font-size-lg);
  font-weight: 700;
  margin-bottom: 8px;
  color: #0f172a;
}
.floating-popover .availability-popover-card .statline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: var(--font-size-sm);
  color: #475569;
  margin-bottom: 10px;
}
.floating-popover .availability-popover-card .statline .pill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef6ff;
  color: #2054a6;
  font-weight: 700;
  font-size: var(--font-size-xs);
}
.floating-popover .availability-popover-card .names {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.floating-popover .availability-popover-card .names .name-pill {
  display: inline-block;
  padding: 6px 10px;
  font-size: var(--font-size-xs);
  border-radius: 8px;
  background: #f1f5f9;
  color: #243447;
  border: 1px solid #e5edf4;
}
.floating-popover .availability-popover-card::after, .floating-popover .availability-popover-card::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid transparent;
}
.floating-popover .availability-popover-card::after {
  bottom: -16px;
  border-top-color: #e6edf5;
}
.floating-popover .availability-popover-card::before {
  bottom: -15px;
  border-top-color: #fff;
}

/* Flip caret automatically when placed below anchor */
.floating-popover[data-placement^=bottom] .availability-popover-card::after {
  top: -16px;
  bottom: auto;
  border-bottom-color: #e6edf5;
}

.floating-popover[data-placement^=bottom] .availability-popover-card::before {
  top: -15px;
  bottom: auto;
  border-bottom-color: #fff;
}

.team-calendar-page .team-calendar-panel {
  padding: 1rem;
}
.team-calendar-page .team-calendar-page__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 0.95rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #edf2f7;
}
.team-calendar-page .team-calendar-page__title {
  margin-bottom: 0.2rem;
}
.team-calendar-page .team-calendar-page__title .section-icon {
  color: #4a5ee8;
  margin-right: 0.5rem;
}
.team-calendar-page .team-calendar-page__subtitle {
  color: #6e8097;
  font-size: var(--font-size-sm);
  margin: 0;
}
.team-calendar-page .org-calendar-summary--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.team-calendar-page .org-calendar-toolbar__secondary > .button {
  min-height: 2.5rem;
}
.team-calendar-page .org-calendar-event--capacity .org-calendar-event__description {
  color: #315f8f;
}
.team-calendar-page .team-calendar-timeline {
  margin-bottom: 0;
}
.team-calendar-page .org-calendar-toolbar {
  border: 1px solid #edf2f7;
  background: #fbfcfe;
}
.team-calendar-page .org-calendar-month {
  padding: 0;
}
@media (max-width: 1100px) {
  .team-calendar-page .org-calendar-summary--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .team-calendar-page .org-calendar-summary--four,
  .team-calendar-page .org-calendar-grid {
    grid-template-columns: 1fr;
  }
  .team-calendar-page .org-calendar-grid__heading {
    display: none;
  }
}

.team-calendar-leave-delete {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid #e7edf5;
}

/* ==========================================================================
   LEGACY SECTION (optional: remove once all old calendar views replaced)
   ========================================================================== */
details {
  margin-top: 1rem;
}
details summary {
  cursor: pointer;
  font-size: 0.9rem;
  color: #3273dc;
  transition: color 0.2s;
}
details summary:hover {
  color: rgb(31.9375, 91.25, 187.0625);
}
details table {
  margin-top: 0.75rem;
}

/* Scoped styles for the team admin tab */
.team-admin {
  /* Constrain page width without inventing a new grid system */
  /* Box polish (kept mild so it still feels Bulma) */
  /* Divider before danger zone */
  /* Danger section (full-width) */
  /* Responsive tweaks */
}
.team-admin .admin-grid {
  max-width: 1120px;
  margin: 0 auto;
}
.team-admin .box {
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 24px rgba(16, 24, 40, 0.06);
}
.team-admin .box.admin-section {
  padding: 1.25rem 1.25rem 1rem;
  /* Bulma select full width */
}
.team-admin .box.admin-section .admin-section__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.team-admin .box.admin-section .admin-section__header .icon-text {
  gap: 0.5rem;
}
.team-admin .box.admin-section .admin-section__eyebrow {
  font-size: var(--font-size-body);
  color: #6b7280; /* slate */
}
.team-admin .box.admin-section .field + .field {
  margin-top: 0.85rem;
}
.team-admin .box.admin-section .label {
  font-weight: 600;
}
.team-admin .box.admin-section .help {
  margin-top: 0.25rem;
  color: #6b7280;
}
.team-admin .box.admin-section .form-actions {
  margin-top: 1rem;
  padding-top: 0.75rem;
}
.team-admin .box.admin-section .form-actions .tag.is-light {
  background: #f8fafc;
  border: 1px solid #edf2f7;
  color: #475569;
}
.team-admin .box.admin-section .select.is-fullwidth select {
  width: 100%;
}
.team-admin .admin-divider {
  height: 0;
  border: 0;
  border-top: 1px solid #e6edf5;
  margin: 1.25rem 0 1.25rem;
}
.team-admin .admin-danger {
  border: 1px solid #fde2e2;
  background: #fff5f5;
}
.team-admin .admin-danger .title {
  margin-bottom: 0.5rem;
}
.team-admin .admin-danger .buttons {
  margin-top: 0.25rem;
}
@media (max-width: 1023px) {
  .team-admin .box.admin-section .admin-section__eyebrow {
    margin-left: 0;
  }
}

.organisation-settings-admin .organisation-settings-admin__grid {
  display: grid;
  gap: 1rem;
}
.organisation-settings-admin .box.admin-section {
  border: 1px solid #e7edf5;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.organisation-settings-admin .organisation-settings-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: #fbfcfe;
}
.organisation-settings-admin .organisation-settings-summary__item,
.organisation-settings-admin .organisation-settings-meta__item {
  display: grid;
  gap: 0.15rem;
}
.organisation-settings-admin .organisation-settings-summary__label,
.organisation-settings-admin .organisation-settings-meta__label {
  color: #667085;
  font-size: var(--font-size-small);
}
.organisation-settings-admin .organisation-settings-summary__value,
.organisation-settings-admin .organisation-settings-meta__value {
  color: #344054;
  font-weight: 600;
}
.organisation-settings-admin .organisation-settings-card .admin-section__header {
  margin-bottom: 0.35rem;
}
.organisation-settings-admin .organisation-settings-card .admin-section__eyebrow {
  margin: 0 0 0.65rem;
  color: #667085;
  line-height: 1.45;
}
.organisation-settings-admin .organisation-settings-card .field {
  max-width: 720px;
}
.organisation-settings-admin .organisation-settings-card .form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.1rem;
  padding-top: 0.85rem;
}
.organisation-settings-admin .organisation-settings-card .level-right {
  margin-left: auto;
}
.organisation-settings-admin .organisation-settings-card__note {
  max-width: 840px;
  margin: 0 0 1rem;
  color: #667085;
  font-size: var(--font-size-small);
  line-height: 1.45;
}
.organisation-settings-admin .organisation-settings-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  max-width: 840px;
  margin-top: 0.75rem;
  padding-top: 0.85rem;
  border-top: 1px solid #eef2f6;
}
.organisation-settings-admin .organisation-settings-meta__paused {
  grid-column: 1/-1;
  margin: 0;
  color: #667085;
  font-size: var(--font-size-small);
}
@media (max-width: 768px) {
  .organisation-settings-admin .organisation-settings-summary,
  .organisation-settings-admin .organisation-settings-meta {
    grid-template-columns: 1fr;
  }
}

.team-admin-settings .team-admin-settings__grid {
  display: grid;
  gap: 1rem;
  max-width: 900px;
}
.team-admin-settings .box.admin-section,
.team-admin-settings .team-admin-settings__danger {
  border: 1px solid #e7edf5;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.team-admin-settings .team-admin-settings__card .admin-section__header {
  margin-bottom: 0.35rem;
}
.team-admin-settings .team-admin-settings__card .admin-section__eyebrow {
  margin: 0 0 0.9rem 0;
  color: #667085;
  line-height: 1.45;
}
.team-admin-settings .team-admin-settings__card .field {
  max-width: 720px;
}
.team-admin-settings .team-admin-settings__card .form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 0;
}
.team-admin-settings .team-admin-settings__card .level-right {
  margin-left: auto;
}
.team-admin-settings .team-admin-settings__toggle-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.team-admin-settings .team-admin-settings__notice {
  margin-bottom: 0.9rem;
  padding: 0.8rem 1rem;
  border: 1px solid #f4d38f;
  border-radius: 8px;
  background: #fff8e5;
  color: #5f4b17;
  font-size: var(--font-size-small);
}
.team-admin-settings .team-admin-settings__danger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
  border-color: #f3c6c6;
  background: #fffafa;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .team-admin-settings .team-admin-settings__danger {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* app/assets/stylesheets/platforms_catalog.scss */
.platforms-grid {
  margin-top: 1.5rem;
}

.platform-modal-form .label {
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0.45rem;
}
.platform-modal-form .help {
  color: #667085;
  line-height: 1.35;
}
.platform-modal-form .input,
.platform-modal-form .textarea,
.platform-modal-form .select select {
  border-color: #d8dee7;
  border-radius: 12px;
  box-shadow: none;
  min-height: 2.85rem;
  background: #fff;
}
.platform-modal-form .textarea {
  min-height: 7.5rem;
  resize: vertical;
}
.platform-modal-form .input:focus,
.platform-modal-form .textarea:focus,
.platform-modal-form .select select:focus {
  border-color: #6c8dff;
  box-shadow: 0 0 0 3px rgba(108, 141, 255, 0.14);
}
.platform-modal-form .checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #374151;
}

.platform-form-grid {
  gap: 2rem;
}

.platform-form-grid .two-column-form-grid__col {
  min-width: 0;
}

.platform-form-grid .two-column-form-grid__sep {
  background: linear-gradient(to bottom, transparent 0%, #e5e7eb 8%, #e5e7eb 92%, transparent 100%);
}

.platform-form-section {
  background: #ffffff;
  border: 1px solid #e8edf3;
  border-radius: 16px;
  padding: 1rem 1rem 0.9rem;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.035);
}

.platform-form-section + .platform-form-section {
  margin-top: 1rem;
}

.platform-form-section__header {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.platform-form-section__subtext {
  margin: 0;
  font-size: var(--font-size-body);
  color: #667085;
  line-height: 1.35;
}

.platform-form-columns {
  margin-top: 0.1rem;
}

.platform-form-inline-panel {
  background: #f8fafc;
  border: 1px solid #e6edf5;
  border-radius: 12px;
  padding: 0.85rem;
}

.platform-optional-details {
  background: #f8fafc;
  border: 1px solid #e6edf5;
  border-radius: 12px;
}

.platform-optional-details__summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  list-style: none;
  padding: 0.8rem 0.9rem;
}

.platform-optional-details__summary::-webkit-details-marker {
  display: none;
}

.platform-optional-details__summary span:first-child {
  display: grid;
  gap: 0.1rem;
}

.platform-optional-details__summary strong {
  color: #202a3d;
  font-size: var(--font-size-body);
}

.platform-optional-details__summary small {
  color: #667085;
  font-size: var(--font-size-sm);
}

.platform-optional-details__action {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  color: #52627a;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--font-size-xs);
  font-weight: 700;
  padding: 0.25rem 0.55rem;
}

.platform-optional-details__body {
  border-top: 1px solid #e6edf5;
  padding: 0.85rem 0.9rem 0.9rem;
}

.platform-optional-details__checkbox {
  margin-top: 0.25rem;
}

.platform-form-notice {
  border-radius: 12px;
  border: 1px solid #dbe8ff;
  background: #f3f7ff;
}

.platform-form-actions {
  position: sticky;
  bottom: -0.5rem;
  z-index: 3;
  padding-top: 0.75rem;
  margin-top: 1rem !important;
  background: linear-gradient(to top, #ffffff 72%, rgba(255, 255, 255, 0));
}

.platform-form-actions .button {
  border-radius: 12px;
  min-height: 2.75rem;
  padding-inline: 1rem;
}

.platform-form-actions__submit {
  font-weight: 700;
  padding-inline: 1.15rem;
}

.modal-card.is-extra-wide.platform-guided-modal {
  width: 960px;
  max-width: 94vw;
}

.platform-guided-form {
  min-height: 0;
}

.platform-guided-doorway {
  display: grid;
  gap: 1.1rem;
}

.platform-guided-doorway[hidden] {
  display: none !important;
}

.platform-guided-doorway__header {
  display: grid;
  gap: 0.15rem;
}

.platform-guided-doorway__options {
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.platform-guided-doorway-card {
  display: grid;
  align-content: start;
  gap: 0.95rem;
  height: 100%;
  min-height: 205px;
  border: 1px solid #dfe6f0;
  border-radius: 14px;
  background: #fff;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 1.15rem;
  text-align: left;
  text-decoration: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.platform-guided-doorway-card:hover,
.platform-guided-doorway-card:focus-visible {
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.platform-guided-doorway-card:focus-visible {
  outline: 3px solid rgba(29, 99, 242, 0.18);
  outline-offset: 2px;
}

.platform-guided-doorway-card--manual {
  border-color: #8aa7ff;
  background: #fbfdff;
}

.platform-guided-doorway-card--import {
  border-color: #b8dfc2;
}

.platform-guided-doorway-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d63f2;
  font-size: 1.1rem;
}

.platform-guided-doorway-card--import .platform-guided-doorway-card__icon {
  background: #eef9f1;
  color: #198754;
}

.platform-guided-doorway-card p {
  margin: 0;
  color: #344054;
  line-height: 1.45;
}

.platform-guided-doorway-card__action {
  align-self: end;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #1d63f2;
  font-size: var(--font-size-body);
  font-weight: 800;
}

.platform-guided-doorway-card--import .platform-guided-doorway-card__action {
  color: #198754;
}

.platform-guided-stepper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0 0 1.2rem;
  padding: 0;
  list-style: none;
}

.platform-guided-stepper__item {
  position: relative;
}

.platform-guided-stepper__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 1.05rem;
  left: calc(50% + 1.35rem);
  width: calc(100% - 2.7rem);
  height: 1px;
  background: #d9e2ef;
}

.platform-guided-stepper__item.is-complete:not(:last-child)::after {
  background: #1d63f2;
}

.platform-guided-stepper__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  border: 0;
  background: transparent;
  color: #667085;
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.platform-guided-stepper__button:disabled {
  cursor: default;
}

.platform-guided-stepper__number {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  border: 1px solid #cdd6e5;
  background: #fff;
  color: #667085;
  font-size: 0.85rem;
  font-weight: 800;
}

.platform-guided-stepper__item.is-current .platform-guided-stepper__number,
.platform-guided-stepper__item.is-complete .platform-guided-stepper__number {
  border-color: #1d63f2;
  background: #1d63f2;
  color: #fff;
}

.platform-guided-stepper__item.is-complete .platform-guided-stepper__number {
  font-size: 0;
}

.platform-guided-stepper__item.is-complete .platform-guided-stepper__number::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-size: 0.72rem;
  font-weight: 900;
}

.platform-guided-stepper__label {
  color: #344054;
  font-size: 0.78rem;
  font-weight: 700;
  text-align: center;
}

.platform-guided-panel {
  animation: platform-guided-panel-in 140ms ease-out;
}

.platform-guided-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
}

.platform-guided-grid--compact {
  gap: 0.75rem 1rem;
}

.platform-guided-new-vendor[hidden],
.platform-guided-panel[hidden],
.platform-guided-form [hidden] {
  display: none !important;
}

.platform-guided-suggestion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid #d9e7d9;
  border-radius: 12px;
  background: #f4fbf4;
  padding: 0.8rem 0.9rem;
}

.platform-guided-suggestion__eyebrow {
  margin: 0 0 0.15rem;
  color: #227843;
  font-size: 0.74rem;
  font-weight: 800;
}

.platform-guided-suggestion__name {
  margin: 0;
  color: #101828;
  font-weight: 800;
}

.platform-guided-suggestion__meta {
  margin: 0;
  color: #667085;
  font-size: 0.82rem;
}

.platform-guided-options {
  display: grid;
  gap: 0.85rem;
}

.platform-guided-option {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 0.85rem;
  border: 1px solid #dfe6f0;
  border-radius: 14px;
  background: #fff;
  padding: 1rem;
  cursor: pointer;
}

.platform-guided-option:has(input:checked) {
  border-color: #1d63f2;
  background: #f5f8ff;
  box-shadow: 0 0 0 3px rgba(29, 99, 242, 0.08);
}

.platform-guided-option input {
  margin: 0;
}

.platform-guided-option__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d63f2;
}

.platform-guided-option strong,
.platform-guided-option small {
  display: block;
}

.platform-guided-option strong {
  color: #101828;
  font-size: 0.95rem;
}

.platform-guided-option small {
  margin-top: 0.2rem;
  color: #667085;
  font-size: 0.84rem;
  line-height: 1.35;
}

.platform-guided-checkbox {
  min-height: 2.85rem;
}

.platform-guided-review {
  display: grid;
  gap: 1rem;
}

.platform-guided-review__list {
  display: grid;
  gap: 0;
  margin: 0;
  border: 1px solid #e6ebf5;
  border-radius: 12px;
  overflow: hidden;
}

.platform-guided-review__row {
  display: grid;
  grid-template-columns: minmax(150px, 0.36fr) 1fr;
  gap: 1rem;
  padding: 0.7rem 0.85rem;
  background: #fff;
  border-bottom: 1px solid #edf1f7;
}

.platform-guided-review__row:last-child {
  border-bottom: 0;
}

.platform-guided-review__row dt {
  color: #667085;
  font-size: 0.8rem;
  font-weight: 700;
}

.platform-guided-review__row dd {
  margin: 0;
  color: #101828;
  font-weight: 600;
}

.platform-guided-will {
  border: 1px solid #cae8d1;
  border-radius: 12px;
  background: #f3fbf5;
  padding: 0.85rem 1rem;
}

.platform-guided-will__title {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.45rem;
  color: #227843;
  font-weight: 800;
}

.platform-guided-will ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 1.25rem;
  margin: 0;
  padding-left: 1rem;
  color: #245b37;
  font-size: 0.86rem;
}

.platform-guided-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.85rem;
  margin-bottom: -0.5rem !important;
}

.platform-guided-actions .control {
  display: flex;
  align-items: center;
}

.platform-guided-actions .button,
.platform-guided-actions input.button,
.platform-guided-actions .nt-btn,
.platform-guided-actions input.nt-btn {
  height: 2.75rem;
  min-height: 2.75rem;
}

@keyframes platform-guided-panel-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 1023px) {
  .platform-form-grid {
    gap: 1.25rem;
  }
  .platform-form-section {
    padding: 0.9rem 0.9rem 0.8rem;
    border-radius: 14px;
  }
  .platform-guided-form {
    min-height: 0;
  }
  .platform-guided-stepper {
    overflow-x: auto;
    grid-template-columns: repeat(4, minmax(7.8rem, 1fr));
    padding-bottom: 0.25rem;
  }
  .platform-guided-doorway__options {
    grid-template-columns: 1fr;
  }
  .platform-guided-doorway-card {
    min-height: 0;
  }
  .platform-guided-grid,
  .platform-guided-will ul {
    grid-template-columns: 1fr;
  }
  .platform-guided-suggestion {
    align-items: flex-start;
    flex-direction: column;
  }
  .platform-guided-review__row {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }
}
.platforms-empty-state {
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}
.platforms-empty-state__inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem 2.25rem;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.22);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.04), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  text-align: center;
}
.platforms-empty-state__icon {
  margin-bottom: 0.9rem;
}
.platforms-empty-state__icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3454ff;
  font-size: 1.2rem;
}
.platforms-empty-state__title {
  margin: 0 0 0.45rem;
  font-size: 1.85rem;
  line-height: 1.15;
  font-weight: 700;
  color: #111827;
}
.platforms-empty-state__subtitle {
  margin: 0 auto 1.4rem;
  max-width: 700px;
  color: #5b667a;
  font-size: 1.02rem;
  line-height: 1.55;
}
.platforms-empty-state__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.95rem;
}
.platforms-empty-state__primary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding-inline: 1.25rem;
  min-height: 44px;
  font-weight: 600;
}
.platforms-empty-state__secondary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
}
.platforms-empty-state__secondary-label {
  margin: 0;
  color: #6b7280;
  font-size: var(--font-size-body);
}
.platforms-empty-state__secondary-button {
  border-radius: 10px;
  border-color: #dbe1ea;
  background: #f6f7fb;
  color: #2f3847;
  font-weight: 600;
  min-height: 40px;
  padding-inline: 1rem;
}
.platforms-empty-state__secondary-button:hover {
  background: #eef2f8;
  border-color: #cfd7e3;
  color: #1f2937;
}

@media screen and (max-width: 768px) {
  .platforms-empty-state__inner {
    padding: 1.5rem 1rem;
    border-radius: 14px;
  }
  .platforms-empty-state__title {
    font-size: 1.45rem;
  }
  .platforms-empty-state__subtitle {
    font-size: var(--font-size-body);
    margin-bottom: 1.1rem;
  }
  .platforms-empty-state__primary {
    width: 100%;
    justify-content: center;
  }
}
.platforms-index-header {
  display: grid;
  gap: 0.85rem;
  margin-bottom: 1rem;
}

.platform-document-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  border-radius: 10px;
  padding: 0.7rem 0.85rem;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e4e9f1;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.platform-document-item:hover {
  background: #f8fbff;
  box-shadow: inset 0 0 0 1px #cfe0fb;
}

.platform-document-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.platform-document-item__left {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.platform-document-item__name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.platform-document-item__right {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-left: auto;
  white-space: nowrap;
}

.platform-document-item__meta {
  color: #667085;
  font-size: var(--font-size-body);
}

.platform-document-item__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}

.platform-document-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.24rem 0.62rem;
  font-size: var(--font-size-xs);
  font-weight: 600;
  line-height: 1.15;
  border: 1px solid #d9e2f2;
  background: #f7f9fc;
  color: #334155;
  text-decoration: none;
}

.platform-document-action:hover {
  background: #eef3fb;
  border-color: #c9d6ee;
  color: #1f2937;
}

.platform-document-action--download {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.platform-document-action--download:hover {
  border-color: #93c5fd;
  background: #dbeafe;
  color: #1e40af;
}

.platform-document-action--remove {
  border-color: #fecdd3;
  background: #fff1f2;
  color: #be123c;
}

.platform-document-action--remove:hover {
  border-color: #fda4af;
  background: #ffe4e6;
  color: #9f1239;
}

.platform-document-item__status {
  margin-left: 0.4rem;
}

.platform-document-item__status .fa-circle-check {
  margin-right: 0.3rem;
}

.platform-document-item.is-uploaded {
  background: #ecfdf3;
  box-shadow: inset 0 0 0 1px #a7f3d0;
}

@media screen and (max-width: 768px) {
  .platform-document-item {
    align-items: flex-start;
    flex-direction: column;
  }
  .platform-document-item__right {
    margin-left: 0;
    width: 100%;
    justify-content: space-between;
    white-space: normal;
  }
}
.platforms-tabs-shell {
  --platforms-tab-content-bg: #f8f9fa;
  margin-top: 0.1rem;
}

.platforms-tabs-nav {
  margin-bottom: 0 !important;
}

.platforms-tabs-content {
  background: var(--platforms-tab-content-bg);
  border: 1px solid #d9e0ea;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 0.95rem 1rem 1rem;
}

.platforms-tabs-content #platforms_list {
  margin-top: 0.85rem;
}

.platform-detail-tabs {
  --platforms-tab-content-bg: transparent;
}

.platform-detail-tabs .platforms-primary-tabs li a {
  font-size: var(--font-size-body);
}

.platform-detail-tabs .platforms-primary-tabs ul {
  border-bottom: 1px solid #dce4ef;
}

.platform-detail-tabs .platforms-primary-tabs li,
.platform-detail-tabs .platforms-primary-tabs li.is-active {
  margin-bottom: -1px;
}

.platform-detail-tabs .platforms-primary-tabs li a,
.platform-detail-tabs .platforms-primary-tabs.tabs.is-boxed li a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #42526b;
  padding: 0.72rem 1rem;
}

.platform-detail-tabs .platforms-primary-tabs li a:hover,
.platform-detail-tabs .platforms-primary-tabs.tabs.is-boxed li:not(.is-active) a:hover {
  background: transparent !important;
  border-bottom-color: #b9c7db !important;
  color: #1d63f2;
}

.platform-detail-tabs .platforms-primary-tabs li.is-active a {
  background: transparent !important;
  border-bottom-color: #1d63f2 !important;
  color: #0f55d9;
  font-weight: 700;
}

.platform-detail-tabs .platforms-tabs-content {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 1rem 0 0;
}

.platform-detail-tabs__panel {
  outline: 0;
}

.platform-detail-tabs__panel + .platform-detail-tabs__panel {
  margin-top: 0;
}

.platform-detail-tabs__stack {
  display: grid;
  gap: 1rem;
}

.platforms-primary-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin-bottom: 0 !important;
  padding: 0 1rem;
}

.platforms-primary-row__actions {
  margin-left: auto;
  padding-bottom: 0.45rem;
}

.platforms-context-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  border: 1px solid #e8edf4;
  background: #fff;
  border-radius: 12px;
  padding: 0.7rem 0.85rem;
}

.platforms-context-bar__right {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.platforms-context-bar__left {
  flex: 0 0 auto;
  min-width: 0;
}

.platforms-context-bar__right {
  margin-left: auto;
  justify-content: flex-end;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: wrap;
}

.platforms-context-bar__controls {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-left: auto;
  min-width: 0;
}

.platforms-context-bar__control {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.platforms-context-bar__control-label {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #667085;
  line-height: 1;
  margin: 0 0 0.02rem;
}

.platforms-context-bar__control .select select {
  min-height: 2.1rem;
  max-width: 100%;
}

.platforms-context-bar__control--segment .select select {
  width: 110px;
}

.platforms-context-bar__control--category .select select,
.platforms-context-bar__control--vendor .select select {
  width: 160px;
}

.platforms-context-bar__control--contract-status .select select {
  width: 150px;
}

.platforms-context-bar__control--sort .select select {
  width: 175px;
}

.platforms-context-bar__controls-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  flex-shrink: 0;
}

.platforms-context-bar__exposure {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid #d6e0eb;
  border-radius: 999px;
  background: #fff;
  color: #475467;
  font-size: var(--font-size-sm);
  font-weight: 500;
  padding: 0.42rem 0.72rem;
  text-decoration: none;
  white-space: nowrap;
}

.platforms-context-bar__exposure-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.platforms-context-bar__exposure:hover {
  border-color: #c8d5e4;
  background: #f8fbff;
}

.platforms-context-bar__exposure--active {
  border-color: #f0c57d;
  background: #fff4df;
  color: #7a3f00;
}

.platforms-context-bar__exposure--active:hover {
  border-color: #e8b45b;
  background: #ffefd1;
  color: #683500;
}

.platforms-context-bar__exposure-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  background: #d97706;
  color: #fff;
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1;
}

.platforms-context-bar__exposure-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 999px;
  border: 1px solid #e8b45b;
  background: #fff;
  color: #8a4b06;
  text-decoration: none;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1;
}

.platforms-context-bar__exposure-clear:hover {
  background: #fff7e9;
  border-color: #df9d3f;
  color: #6d3900;
}

.platforms-header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.platforms-mode-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
  border: 1px solid #e8edf4;
  background: #fbfcfe;
  border-radius: 12px;
  padding: 0.7rem 0.85rem;
}

.platforms-mode-bar__left,
.platforms-mode-bar__right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.platforms-mode-bar__label {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.platforms-mode-bar__group {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.platforms-mode-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.75rem;
  border-radius: 999px;
  border: 1px solid #dbe3ee;
  background: #fff;
  color: #334155;
  text-decoration: none;
  font-weight: 500;
  font-size: var(--font-size-body);
}

.platforms-mode-pill:hover {
  background: #f8fafc;
  color: #0f172a;
  border-color: #cfd8e3;
}

.platforms-mode-pill--active {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #273ea5;
  font-weight: 600;
}

.platforms-exposure-strip {
  margin-top: -0.15rem;
}

.platforms-exposure-strip__link {
  display: block;
  border-radius: 10px;
  border: 1px solid #e8edf4;
  background: #fbfcfe;
  color: #475467;
  padding: 0.65rem 0.8rem;
  font-size: var(--font-size-body);
}

.platforms-exposure-strip__link:hover {
  border-color: #d6e0eb;
  background: #f6f9ff;
}

.platforms-header-bar__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.platforms-header-bar__add-menu {
  position: relative;
}

.platforms-header-bar__add-menu summary {
  list-style: none;
}

.platforms-header-bar__add-menu summary::-webkit-details-marker {
  display: none;
}

.platforms-header-bar__add-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
  color: #fff !important;
}

.platforms-header-bar__add-trigger:hover,
.platforms-header-bar__add-trigger:focus {
  color: #fff !important;
}

.platforms-header-bar__add-menu[open] .platforms-header-bar__add-trigger {
  border-color: #c7d2fe;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.12);
  color: #fff !important;
}

.platforms-header-bar__add-dropdown {
  position: absolute;
  top: calc(100% + 0.45rem);
  right: 0;
  min-width: 260px;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  padding: 0.35rem;
  z-index: 30;
  display: grid;
  gap: 0.2rem;
}

.platforms-header-bar__add-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  text-decoration: none;
  color: #1f2937;
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
  font-weight: 500;
}

.platforms-header-bar__add-link:hover {
  background: #f5f7fb;
  color: #111827;
}

.platforms-header-bar__add-link--primary {
  background: #eef2ff;
  color: #273ea5;
}

.platforms-header-bar__add-link--primary:hover {
  background: #e4eaff;
  color: #1f3488;
}

.platforms-primary-tabs {
  margin-bottom: 0;
  flex: 1 1 auto;
}

.platforms-primary-tabs ul {
  border-bottom: 1px solid #d9e0ea;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
}

.platforms-primary-tabs li {
  margin-bottom: 0;
}

.platforms-primary-tabs li.is-active {
  margin-bottom: -1px;
  position: relative;
  z-index: 2;
}

.platforms-primary-tabs li a {
  color: #4a5568;
  background: transparent;
  border-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 0.62rem 1rem;
  font-size: var(--font-size-body);
  font-weight: 500;
  gap: 0.35rem;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.platforms-primary-tabs li a:hover {
  border-color: transparent;
  border-bottom-color: #d9e0ea;
  background: #f5f8ff;
  color: #2b4fc7;
}

.platforms-primary-tabs.tabs.is-boxed li:not(.is-active) a:hover {
  border-color: transparent;
  border-bottom-color: #d9e0ea !important;
}

.platforms-primary-tabs li.is-active a {
  background: transparent !important;
  border-color: transparent;
  border-bottom-color: #1d63f2;
  color: #1d63f2;
  font-weight: 700;
  position: relative;
  z-index: 2;
  box-shadow: inset 0 -2px 0 #1d63f2;
}

.platforms-index-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.platforms-index-summary__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-height: 132px;
  padding: 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
  color: #172033;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.platforms-index-summary__card:hover,
.platforms-index-summary__card:focus {
  color: #172033;
  border-color: #cbd8ee;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
  transform: translateY(-1px);
}

.platforms-index-summary__card--selected {
  border-color: #9ec3ff;
  background: #f8fbff;
  box-shadow: 0 14px 32px rgba(29, 99, 242, 0.1), inset 0 0 0 1px rgba(29, 99, 242, 0.18);
}

.platforms-index-summary__card--selected::after {
  position: absolute;
  inset: -1px;
  border: 2px solid rgba(29, 99, 242, 0.32);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.platforms-index-summary__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #1d63f2;
  background: #eaf2ff;
}

.platforms-index-summary__icon--renewals {
  color: #047857;
  background: #e7f7ef;
}

.platforms-index-summary__icon--notice {
  color: #d97706;
  background: #fff1dc;
}

.platforms-index-summary__icon--attention {
  color: #6d4bd6;
  background: #f0ebff;
}

.platforms-index-summary__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0.3rem;
}

.platforms-index-summary__title {
  color: #172033;
  font-size: var(--font-size-body);
  font-weight: 650;
  line-height: 1.35;
}

.platforms-index-summary__value {
  color: #0f172a;
  font-size: 1.35rem;
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
}

.platforms-index-summary__subtitle {
  color: #64748b;
  font-size: var(--font-size-sm);
  line-height: 1.35;
}

.platforms-index-summary__chevron {
  margin-left: auto;
  align-self: center;
  color: #1d63f2;
  font-size: var(--font-size-sm);
}

.platforms-index-toolbar {
  margin-bottom: 1rem;
}

.platforms-index-toolbar__form {
  margin: 0;
}

.platforms-index-toolbar__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  flex-wrap: wrap;
}

.platforms-index-toolbar__search {
  position: relative;
  flex: 1 1 280px;
  max-width: 360px;
}

.platforms-index-toolbar__search .input {
  height: 2.25rem;
  min-height: 2.25rem;
  border-color: #dbe3ef;
  border-radius: 8px;
  font-size: 0.88rem;
  padding-left: 2.35rem;
  box-shadow: none;
}

.platforms-index-toolbar__search-icon {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  z-index: 2;
}

.platforms-index-toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex-wrap: wrap;
  margin-left: auto;
}

.platforms-index-toolbar__actions .select select,
.platforms-index-toolbar__actions .button {
  height: 2.25rem;
  min-height: 2.25rem;
  border-radius: 8px;
  font-size: 0.88rem;
  line-height: 1;
  padding-bottom: 0;
  padding-top: 0;
  white-space: nowrap;
}

.platforms-index-toolbar__filters {
  display: inline-flex;
  align-items: center;
  margin: 0;
  position: relative;
}

.platforms-index-toolbar__filters summary {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  list-style: none;
}

.platforms-index-toolbar__filters > summary.button.nt-btn {
  box-sizing: border-box !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  padding: 0 0.75rem !important;
}

.platforms-index-toolbar__filters summary::-webkit-details-marker {
  display: none;
}

.platforms-index-toolbar__filter-panel {
  position: absolute;
  top: calc(100% + 0.6rem);
  right: 0;
  width: min(720px, 100vw - 3rem);
  padding: 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
  z-index: 35;
}

.platforms-index-toolbar__filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.platforms-index-toolbar__filter-grid .label {
  color: #475569;
  font-size: var(--font-size-sm);
  margin-bottom: 0.3rem;
}

.platforms-index-toolbar__filter-grid .select select {
  height: 2.25rem;
  min-height: 2.25rem;
  border-radius: 8px;
  font-size: 0.88rem;
}

.platforms-index-toolbar__filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.9rem;
}

.platforms-index-toolbar__filter-actions .button {
  box-sizing: border-box !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  border-radius: 8px;
  font-size: 0.88rem;
  line-height: 1;
  padding: 0 0.88rem !important;
  white-space: nowrap;
}

.platforms-index-toolbar__view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 2.25rem;
  padding: 0.15rem;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  background: #fff;
}

.platforms-index-toolbar__view-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 7px;
  color: #475569;
  text-decoration: none;
}

.platforms-index-toolbar__view-button:hover {
  background: #f8fafc;
  color: #1d63f2;
}

.platforms-index-toolbar__view-button--active {
  background: #eaf2ff;
  color: #1d63f2;
  box-shadow: inset 0 0 0 1px #9ec3ff;
}

.platforms-index-toolbar__active {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 0.75rem;
  padding: 0.4rem 0.65rem;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #f8fbff;
  color: #475569;
  font-size: var(--font-size-sm);
}

.platforms-index-toolbar__active a {
  color: #1d63f2;
  font-weight: 650;
  text-decoration: none;
}

.platforms-filter-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.8rem;
  flex-wrap: wrap;
  border: 1px solid #e8edf4;
  background: #fbfcfe;
  border-radius: 12px;
  padding: 0.7rem 0.85rem;
}

.platforms-filter-bar__left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  min-width: 0;
}

.platforms-filter-bar__right {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin-left: auto;
}

.platforms-filter-bar__label {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.platforms-filter-bar__group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.platforms-filter-bar__group-label {
  font-size: var(--font-size-body);
  color: #475569;
  font-weight: 500;
}

.platforms-filter-bar__muted {
  font-size: var(--font-size-body);
  color: #64748b;
}

.platforms-filter-bar__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.platforms-filter-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.65rem;
  border-radius: 999px;
  border: 1px solid #dde5ef;
  background: #fff;
  color: #475569;
  font-size: var(--font-size-sm);
  font-weight: 500;
  text-decoration: none;
  line-height: 1.2;
}

.platforms-filter-chip:hover {
  background: #f8fafc;
  color: #0f172a;
}

.platforms-filter-chip--active {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #273ea5;
  font-weight: 600;
}

.platforms-filter-bar__active {
  font-size: var(--font-size-sm);
  color: #475569;
}

.platforms-filter-bar__clear {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: #1d4ed8;
  text-decoration: none;
}

.platforms-filter-bar__clear:hover {
  text-decoration: underline;
}

.platform-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}
.platform-card:hover {
  transform: translateY(-2px);
  border-color: #cdd9f3;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}
.platform-card:focus-within {
  border-color: #3857f2;
  box-shadow: 0 0 0 3px rgba(56, 87, 242, 0.12);
}
.platform-card .card-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.platform-card .card-content a,
.platform-card .card-content button {
  pointer-events: auto;
}

.platform-card--lapsed {
  border-left: 4px solid #dc2626;
}

.platform-card--notice-window {
  border-left: 4px solid #f59e0b;
}

.platform-card--expiring {
  border-left: 4px solid #f97316;
}

.platform-card--watch {
  border-left: 4px solid #60a5fa;
}

.platform-card__stretched-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 14px;
}

.platform-card__header {
  position: relative;
  z-index: 2;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}
.platform-card__header .level-left,
.platform-card__header .level-right {
  min-width: 0;
}
.platform-card__header .level-left {
  flex: 1 1 auto;
}

.platform-card__brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.platform-card__brand-logo {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.platform-card__brand-logo .vendor-logo,
.platform-card__brand-logo .vendor-logo-fallback {
  width: 56px;
  height: 56px;
}

.platform-card__brand-text {
  flex: 1 1 auto;
  min-width: 0;
}

.platform-card__badges {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.15rem;
}

.platform-card__owner-tag {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-card__agreement {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  font-size: var(--font-size-body);
  opacity: 0.92;
}

.platform-card__agreement-link {
  position: relative;
  z-index: 3;
  font-weight: 600;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-card__agreement-line {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}

.platform-card__agreement-count {
  color: #64748b;
  white-space: nowrap;
}

.subscription-table-card {
  border-radius: 16px;
  border: 1px solid #e6ebf2;
}

.subscription-table {
  margin-bottom: 0;
}

.subscription-table thead th {
  border-bottom: 2px solid #e5e7eb;
  color: #334155;
  font-weight: 700;
  white-space: nowrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.subscription-table tbody td {
  vertical-align: middle;
  padding-top: 0.95rem;
  padding-bottom: 0.95rem;
  border-color: #e9edf3;
}

.subscription-table__platform-cell {
  display: flex;
  align-items: center;
  min-height: 2.25rem;
}

.subscription-table__platform-link {
  font-weight: 600;
}

.subscription-table__vendor-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.25rem;
  min-width: 0;
}

.subscription-table__vendor-logo {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.subscription-table__vendor-logo .vendor-logo,
.subscription-table__vendor-logo .vendor-logo-fallback {
  width: 28px;
  height: 28px;
}

.subscription-table__vendor-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.subscription-table__action {
  border-radius: 10px;
}

.platform-card__stats {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 0.15rem;
}

.platform-card__stat .heading {
  margin-bottom: 0.25rem;
}

.platform-card__title {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-card__meta {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-bottom: 0;
}
.platform-card__meta .subtitle {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-card__stat .has-text-weight-semibold {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.platform-card__renewal-relative {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: #64748b;
}

.vendor-logo {
  object-fit: contain;
  border-radius: 6px;
  background: #fff;
  padding: 4px;
  border: 1px solid #eee;
}

.vendor-logo-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border-radius: 6px;
  background: #f2f4f7;
  color: #555;
  font-size: var(--font-size-body);
}

/* ---- Show page ---- */
.platform-show__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

.platform-show__stack {
  display: grid;
  gap: 1rem;
}

.platform-show__section {
  margin: 0;
}

.platform-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.platform-section-header__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}

.platform-show__vendor-logo {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 0.35rem;
}

.platform-show__renewal-relative-tag {
  cursor: default;
  font-weight: 600;
}

.platform-show__renewal-relative-tag:hover {
  filter: none;
}

.platform-show__hero {
  border-radius: 16px;
  border: 1px solid #e6ebf2;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.platform-show__header--control {
  align-items: flex-start;
}

.platform-show__hero[data-screenshot=platform-detail-heading] > .card-content {
  display: grid;
  gap: 1.35rem;
  grid-template-columns: minmax(0, 1.8fr) minmax(17rem, 0.8fr);
}

.platform-show__identity-wrap--large {
  flex: 1 1 34rem;
}

.platform-show__hero-logo--large {
  flex-basis: 72px;
  height: 72px;
  width: 72px;
}

.platform-show__hero-logo--large .vendor-logo,
.platform-show__hero-logo--large .vendor-logo-fallback {
  border-radius: 14px;
  height: 72px;
  width: 72px;
}

.platform-show__link-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.5rem;
}

.platform-show__inline-link,
.platform-show__inline-meta {
  align-items: center;
  color: #52627a;
  display: inline-flex;
  font-size: var(--font-size-sm);
  gap: 0.3rem;
}

.platform-show__commercial-side {
  border-left: 1px solid #e2e8f0;
  display: grid;
  gap: 1.15rem;
  grid-template-columns: 1fr;
  margin-top: 0;
  padding-left: 1.35rem;
}

.platform-show__side-label {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  margin: 0 0 0.3rem;
}

.platform-show__side-value {
  color: #111c3a;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
}

.platform-show__side-subtle {
  color: #52627a;
  font-size: var(--font-size-sm);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.platform-show__contact-row {
  align-items: flex-start;
  display: flex;
  gap: 0.65rem;
  min-width: 0;
}

.platform-show__contact-avatar {
  align-items: center;
  background: #e9ddff;
  border-radius: 999px;
  color: #6d28d9;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--font-size-xs);
  font-weight: 800;
  height: 2rem;
  justify-content: center;
  margin-top: 0.1rem;
  width: 2rem;
}

.platform-show__contact-copy {
  min-width: 0;
}

.platform-show__person-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.platform-show__person-row--warning {
  color: #92400e;
  font-weight: 700;
}

.platform-show__avatar {
  align-items: center;
  background: #145cff;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 800;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.platform-attention-strip {
  align-items: center;
  background: #fffaf2;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  display: flex;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: 0.95rem 1.15rem;
}

.platform-attention-strip__icon {
  align-items: center;
  color: #f97316;
  display: inline-flex;
  flex: 0 0 2rem;
  font-size: 1.35rem;
  justify-content: center;
}

.platform-show__warning-dot {
  align-items: center;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #f97316;
  display: inline-flex;
  font-size: 0.7rem;
  height: 1.35rem;
  justify-content: center;
  width: 1.35rem;
}

.platform-show__side-link {
  display: inline-flex;
  font-size: var(--font-size-sm);
  margin-top: 0.4rem;
}

.platform-attention-strip__body {
  flex: 1 1 auto;
  min-width: 0;
}

.platform-attention-strip__title {
  color: #111c3a;
  font-weight: 800;
  margin: 0 0 0.35rem;
}

.platform-attention-strip__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1rem;
}

.platform-attention-strip__item {
  color: #273042;
  font-size: var(--font-size-sm);
}

.platform-attention-strip__item::before {
  color: #f97316;
  content: "•";
  font-weight: 800;
  margin-right: 0.45rem;
}

.platform-control-overview {
  display: grid;
  gap: 1rem;
}

.platform-control-metrics {
  align-items: stretch;
  display: grid;
  gap: 1rem;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.platform-control-metric .card-content,
.platform-control-card .card-content {
  padding: 1.15rem;
}

.platform-control-metric {
  height: 100%;
  min-width: 0;
}

.platform-control-metric__icon {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  float: right;
  height: 2.3rem;
  justify-content: center;
  width: 2.3rem;
}

.platform-control-metric__icon--spend,
.platform-control-metric__icon--usage {
  background: #eef4ff;
  color: #145cff;
}

.platform-control-metric__icon--renewal {
  background: #e9f9ef;
  color: #15803d;
}

.platform-control-metric__icon--agreement {
  background: #f1edff;
  color: #6d28d9;
}

.platform-control-metric__label,
.platform-control-definition-list dt {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  margin: 0 0 0.45rem;
}

.platform-control-metric__value {
  color: #07112f;
  font-size: 1.24rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  overflow-wrap: anywhere;
}

.platform-control-metric__helper,
.platform-control-muted {
  color: #52627a;
  display: block;
  font-size: var(--font-size-sm);
  line-height: 1.35;
  margin: 0.55rem 0 0;
}

.platform-control-grid {
  align-items: stretch;
  display: grid;
  gap: 1rem;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.platform-control-card {
  height: 100%;
  min-width: 0;
}

.platform-control-card > .card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.platform-control-card--wide {
  grid-column: 1/-1;
}

.platform-control-card__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 1.15rem;
}

.platform-control-card__header .nt-section-actions {
  flex-wrap: wrap;
}

.platform-control-card .pulse-title {
  align-items: center;
  display: flex;
  gap: 0.45rem;
  margin-bottom: 1.15rem;
}

.platform-control-card__header .pulse-title {
  margin-bottom: 0;
}

.platform-control-card .section-icon {
  color: #145cff;
  font-size: 0.95rem;
  width: 1rem;
}

.platform-control-card__footer {
  display: flex;
  justify-content: center;
}

.platform-compact-decision-list + .platform-control-card__footer,
.platform-control-list + .platform-control-card__footer {
  margin-top: 1rem;
}

.platform-control-card__intro {
  color: #52627a;
  line-height: 1.45;
  margin: 0 0 1rem;
}

.platform-control-definition-list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
}

.platform-control-definition-list > div {
  display: grid;
  gap: 0.35rem;
  grid-template-columns: minmax(8rem, 0.65fr) minmax(0, 1fr);
}

.platform-control-definition-list dd {
  color: #111c3a;
  font-weight: 650;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
}

.platform-control-definition-list__subtle {
  color: #52627a;
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 500;
  margin-top: 0.2rem;
}

.platform-control-definition-list__action {
  display: inline-flex;
  font-size: var(--font-size-sm);
  margin-left: 0.5rem;
}

.platform-control-warning-inline {
  align-items: center;
  color: #92400e;
  display: inline-flex;
  gap: 0.35rem;
}

.platform-control-warning-inline i {
  color: #f97316;
  font-size: 0.78rem;
}

.platform-vendor-contact-card {
  background: #f8fbff;
  border: 1px solid #dbe7f6;
  border-radius: 10px;
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
  padding: 1rem;
}

.platform-vendor-contact-card__heading {
  color: #111c3a;
  font-size: var(--font-size-sm);
  font-weight: 800;
  margin: 0;
}

.platform-vendor-contact-card__body {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  min-width: 0;
}

.platform-vendor-contact-card__avatar {
  align-items: center;
  background: #e9ddff;
  border-radius: 999px;
  color: #6d28d9;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--font-size-sm);
  font-weight: 800;
  height: 2.4rem;
  justify-content: center;
  width: 2.4rem;
}

.platform-vendor-contact-card__copy {
  min-width: 0;
}

.platform-vendor-contact-card__name {
  color: #111c3a;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 0.2rem;
  overflow-wrap: anywhere;
}

.platform-vendor-contact-card__meta,
.platform-vendor-contact-card__empty {
  color: #52627a;
  font-size: var(--font-size-sm);
  line-height: 1.35;
  margin: 0.15rem 0 0;
  overflow-wrap: anywhere;
}

.platform-vendor-contact-card__meta i {
  color: #64748b;
  margin-right: 0.35rem;
  width: 0.9rem;
}

.platform-vendor-contact-card__actions {
  align-items: center;
  border-top: 1px solid #dbe7f6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  padding-top: 0.75rem;
}

.platform-vendor-contact-card__actions .nt-text-link {
  align-items: center;
  display: inline-flex;
  font-size: var(--font-size-sm);
  gap: 0.35rem;
}

.platform-control-list {
  display: grid;
  gap: 0.75rem;
}

.platform-control-list__item {
  align-items: center;
  border: 1px solid #e5ebf3;
  border-radius: 10px;
  color: #111c3a;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 0.8rem;
}

.platform-control-list__item:hover {
  border-color: #cbd5e1;
  color: #07112f;
}

.platform-control-list__icon {
  align-items: center;
  background: #fff7ed;
  border-radius: 8px;
  color: #f97316;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.platform-control-list__copy {
  display: grid;
  gap: 0.2rem;
}

.platform-control-list__copy span {
  color: #64748b;
  font-size: var(--font-size-sm);
}

.platform-compact-decision-list {
  display: grid;
  gap: 0.75rem;
}

.platform-compact-decision {
  border: 1px solid #e5ebf3;
  border-radius: 10px;
  color: #111c3a;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.9rem;
  position: relative;
}

.platform-compact-decision:hover,
.platform-compact-decision:focus-visible {
  border-color: #cbd5e1;
  color: #07112f;
  outline: none;
}

.platform-compact-decision__badges,
.platform-compact-decision__title,
.platform-compact-decision__meta,
.platform-compact-decision__linked {
  grid-column: 1;
  min-width: 0;
}

.platform-compact-decision__badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.platform-compact-decision__title {
  color: #111c3a;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.platform-compact-decision__meta {
  align-items: center;
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--font-size-sm);
  gap: 0.65rem;
}

.platform-compact-decision__meta span,
.platform-compact-decision__linked {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
}

.platform-compact-decision__meta i,
.platform-compact-decision__linked i {
  color: #73839a;
  font-size: 0.82rem;
}

.platform-compact-decision__linked {
  color: #52627a;
  font-size: var(--font-size-sm);
}

.platform-compact-decision__chevron {
  align-self: center;
  color: #64748b;
  grid-column: 2;
  grid-row: 1/span 4;
  justify-self: end;
}

.nt-icon-button {
  align-items: center;
  border-radius: 8px;
  color: #52627a;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.nt-icon-button:hover {
  background: #f1f5f9;
  color: #111c3a;
}

.platform-outcome-banner {
  margin: -0.2rem 0 1.1rem;
  border-radius: 18px;
  border: 1px solid #dbe7f5;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.05);
  overflow: hidden;
  position: relative;
}

.platform-outcome-banner--success {
  background: linear-gradient(135deg, #f8fbff 0%, #eff6ff 58%, #f8fbff 100%);
  border-color: #cfe0fb;
}

.platform-outcome-banner--neutral {
  background: linear-gradient(135deg, #fbfcfd 0%, #f5f7fa 100%);
  border-color: #dde5ef;
}

.platform-outcome-banner--danger {
  background: linear-gradient(135deg, #fff8f8 0%, #fff1f1 100%);
  border-color: #f0c9c9;
}

.platform-outcome-banner__inner {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1.05rem 1.15rem 1.05rem 1.35rem;
  position: relative;
}

.platform-outcome-banner__inner::before {
  background: linear-gradient(180deg, #3f7dff 0%, #67a3ff 100%);
  border-radius: 999px;
  content: "";
  height: calc(100% - 1.1rem);
  left: 0.65rem;
  position: absolute;
  top: 0.55rem;
  width: 4px;
}

.platform-outcome-banner__copy {
  flex: 1 1 20rem;
  min-width: 0;
  padding-right: 0.5rem;
}

.platform-outcome-banner__meta {
  align-items: flex-start;
  display: flex;
  flex: 0 1 46rem;
  flex-direction: column;
  gap: 0.85rem;
  justify-content: flex-start;
}

.platform-outcome-banner__title {
  color: #102a43;
  font-size: 1.04rem;
  font-weight: 700;
  margin: 0;
}

.platform-outcome-banner__body {
  color: #52627a;
  line-height: 1.45;
  margin: 0.28rem 0 0;
  max-width: 58rem;
}

.platform-outcome-banner__details {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: flex-end;
  width: 100%;
}

.platform-outcome-banner__actions {
  align-items: stretch;
  align-self: flex-end;
  flex: 0 0 auto;
  flex-shrink: 0;
  margin-bottom: 0;
}

.platform-outcome-banner__actions .button {
  border-radius: 12px;
  font-weight: 600;
  min-height: 2.75rem;
  padding-inline: 1rem;
}

.platform-outcome-banner__detail {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(198, 216, 246, 0.95);
  border-radius: 14px;
  min-width: 148px;
  padding: 0.68rem 0.82rem 0.72rem;
}

.platform-outcome-banner__detail-label {
  color: #6b7a90;
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.platform-outcome-banner__detail-value {
  color: #102a43;
  display: block;
  font-size: var(--font-size-body);
  font-weight: 600;
  line-height: 1.35;
  margin-top: 0.22rem;
}

@media screen and (max-width: 768px) {
  .platform-outcome-banner {
    margin-top: 0;
  }
  .platform-outcome-banner__inner {
    flex-direction: column;
    padding-left: 1.15rem;
  }
  .platform-outcome-banner__inner::before {
    display: none;
  }
  .platform-outcome-banner__details {
    justify-content: flex-start;
    width: 100%;
  }
  .platform-outcome-banner__meta {
    width: 100%;
  }
  .platform-outcome-banner__details {
    justify-content: flex-start;
  }
  .platform-outcome-banner__actions {
    align-self: stretch;
    width: 100%;
  }
  .platform-outcome-banner__actions .button {
    justify-content: center;
    width: 100%;
  }
  .platform-outcome-banner__detail {
    min-width: 0;
    width: 100%;
  }
}
.platform-renewal-status-card {
  border: 1px solid #e6ebf2;
  border-radius: 16px;
  background: linear-gradient(180deg, #fcfdff 0%, #f8fbff 100%);
}

.platform-contract-status .card-content {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.platform-contract-status {
  background: #fff;
}

.platform-show__metadata-row {
  border-top: 1px solid #dfe6f0;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1.25rem;
  padding-top: 1.1rem;
}

.platform-show__metadata-item {
  border-right: 1px solid #dfe6f0;
  min-width: 0;
  padding: 0 1.25rem;
}

.platform-show__metadata-item:first-child {
  padding-left: 0;
}

.platform-show__metadata-item:last-child {
  border-right: 0;
  padding-right: 0;
}

.platform-show__metadata-label,
.platform-definition-grid dt {
  color: #65748b;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin: 0 0 0.35rem;
  text-transform: uppercase;
}

.platform-show__metadata-value {
  color: #111c3a;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
}

.platform-show__metadata-helper {
  color: #66758f;
  font-size: 0.86rem;
  line-height: 1.35;
  margin: 0.35rem 0 0;
}

.platform-definition-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
}

.platform-definition-grid__item,
.platform-detail-list__item.platform-definition-grid__item {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e5ebf3;
  border-radius: 0;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(9rem, 0.55fr) minmax(0, 1fr);
  min-width: 0;
  padding: 0.75rem 0;
}

.platform-definition-grid__item:nth-last-child(-n+1) {
  border-bottom: 0;
}

.platform-definition-grid__item dd,
.platform-detail-list__item.platform-definition-grid__item dd {
  color: #1f2a44;
  line-height: 1.45;
  margin: 0;
  overflow-wrap: anywhere;
}

.platform-definition-grid__inline-list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-left: 0.35rem;
}

.platform-contract-status__chips {
  display: grid;
  gap: 0.65rem;
  margin-bottom: 0.9rem;
  grid-template-columns: 1fr;
}

.platform-contract-status__chip {
  background: #fafbfc;
  border: 1px solid #edf1f5;
  border-radius: 12px;
  padding: 0.65rem 0.8rem;
  min-width: 0;
}

.platform-contract-status__chip-label {
  display: block;
  margin: 0 0 0.2rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #64748b;
}

.platform-contract-status__chip-value {
  display: block;
  color: #273042;
  font-weight: 500;
}

.platform-contract-status__chip-note {
  margin-top: 0.35rem;
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.3;
}

.platform-contract-status__chip-note a {
  font-weight: 500;
}

.platform-contract-status__chip-list {
  margin-top: 0.35rem;
  margin-left: 1rem;
  color: #64748b;
  font-size: var(--font-size-body);
  line-height: 1.3;
  list-style: disc;
}

.platform-contract-status__chip-list a {
  font-weight: 500;
}

.platform-contract-status__facts {
  margin: 0;
  border: 1px solid #edf1f5;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.platform-contract-status__fact {
  display: grid;
  gap: 0.35rem;
  padding: 0.7rem 0.85rem;
  border-bottom: 1px solid #eef2f7;
}

.platform-contract-status__fact:last-child {
  border-bottom: 0;
}

.platform-contract-status__fact dt {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #64748b;
}

.platform-contract-status__fact dd {
  margin: 0;
  color: #273042;
}

@media screen and (min-width: 1024px) {
  .platform-definition-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
  }
  .platform-definition-grid__item,
  .platform-detail-list__item.platform-definition-grid__item {
    border-bottom: 1px solid #e5ebf3;
  }
  .platform-definition-grid__item:nth-last-child(-n+2),
  .platform-detail-list__item.platform-definition-grid__item:nth-last-child(-n+2) {
    border-bottom: 0;
  }
}
@media screen and (max-width: 900px) {
  .platform-show__hero[data-screenshot=platform-detail-heading] > .card-content {
    grid-template-columns: 1fr;
  }
  .platform-show__metadata-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1rem;
  }
  .platform-show__metadata-item {
    border-right: 0;
    padding: 0;
  }
  .platform-show__commercial-side {
    border-left: 0;
    border-top: 1px solid #e2e8f0;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-top: 1rem;
  }
  .platform-control-metrics,
  .platform-control-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 620px) {
  .platform-show__metadata-row,
  .platform-definition-grid {
    grid-template-columns: 1fr;
  }
  .platform-attention-strip {
    align-items: flex-start;
    flex-direction: column;
  }
  .platform-attention-strip .button {
    justify-content: center;
    width: 100%;
  }
  .platform-control-metrics,
  .platform-control-grid,
  .platform-control-definition-list > div {
    grid-template-columns: 1fr;
  }
  .platform-definition-grid__item,
  .platform-detail-list__item.platform-definition-grid__item {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }
}
.platform-show__identity-wrap {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  min-width: 0;
  flex: 1 1 auto;
}

.platform-show__hero-logo {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: inline-flex;
}

.platform-show__hero-logo .vendor-logo,
.platform-show__hero-logo .vendor-logo-fallback {
  width: 44px;
  height: 44px;
}

.platform-show__identity {
  min-width: 0;
}

.platform-show__title {
  margin-bottom: 0.35rem !important;
  line-height: 1.1;
}

.platform-show__identity .subtitle {
  margin-bottom: 0.5rem !important;
}

.platform-show__meta-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

.platform-show__actions {
  display: flex;
  gap: 0.65rem;
  justify-content: flex-end;
  align-items: flex-start;
}

.platform-show__actions-menu {
  position: relative;
}

.platform-show__actions-menu summary {
  list-style: none;
}

.platform-show__actions-menu summary::-webkit-details-marker {
  display: none;
}

.platform-show__actions-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.platform-show__actions-menu[open] .platform-show__actions-trigger {
  border-color: #cfd8e3;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.08);
}

.platform-show__actions-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 0.45rem);
  min-width: 240px;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  padding: 0.35rem;
  z-index: 20;
  display: grid;
  gap: 0.2rem;
}

.platform-show__actions-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #1f2937;
  text-decoration: none;
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
  font-weight: 500;
}

.platform-show__actions-link:hover {
  background: #f5f7fb;
  color: #111827;
}

.platform-show__actions-link--primary {
  background: #eef2ff;
  color: #273ea5;
}

.platform-show__actions-link--primary:hover {
  background: #e4eaff;
  color: #1f3488;
}

.agreement-show__vendor {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.agreement-show__stack {
  display: grid;
  gap: 1rem;
}

.agreement-show__hero {
  margin: 0;
  border-radius: 18px;
  border: 1px solid #dfe7f2;
  background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.09), transparent 45%), linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.agreement-show__hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

.agreement-show__hero-brand {
  display: flex;
  gap: 1rem;
  min-width: 0;
  flex: 1 1 560px;
}

.agreement-show__hero-logo {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  display: inline-flex;
}

.agreement-show__hero-logo .vendor-logo,
.agreement-show__hero-logo .vendor-logo-fallback {
  width: 64px;
  height: 64px;
  border-radius: 14px;
}

.agreement-show__hero-copy {
  min-width: 0;
  flex: 1 1 auto;
}

.agreement-show__eyebrow {
  margin: 0 0 0.25rem;
  color: #64748b;
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agreement-show__title {
  letter-spacing: -0.02em;
}

.agreement-show__vendor-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.agreement-show__hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.agreement-show__hero-tag {
  border: 1px solid #e6ebf2;
  background: #fff !important;
  color: #334155 !important;
  padding-inline: 0.6rem;
}

.agreement-show__hero-tag strong {
  color: #111827;
}

.agreement-show__hero-tag--status {
  background: #ecf8ff !important;
  border-color: #d3ecfb;
  color: #0f5072 !important;
}

.agreement-show__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: flex-end;
  align-items: center;
  flex: 0 1 auto;
}

.agreement-show__stats-grid {
  margin-top: 1rem;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 769px) {
  .agreement-show__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1216px) {
  .agreement-show__stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.agreement-show__stat {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #e8eef6;
  border-radius: 14px;
  padding: 0.95rem 1rem;
  min-width: 0;
}

.agreement-show__stat .heading {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.agreement-show__stat p:last-child {
  margin-bottom: 0;
}

.agreement-show__stat-value {
  margin: 0;
  color: #111827;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.25;
}

.agreement-show__stat-value--small {
  font-size: var(--font-size-body);
}

.agreement-show__stat-subtle {
  margin-top: 0.25rem;
  color: #64748b;
  font-size: var(--font-size-body);
}

.agreement-show__current-contract-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media screen and (min-width: 769px) {
  .agreement-show__current-contract-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.agreement-show__section-actions {
  justify-content: flex-end;
}

.agreement-show__products-table-wrap {
  border: 1px solid #e9eef5;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.agreement-show__products-table {
  margin-bottom: 0 !important;
}

.agreement-show__products-table thead th {
  background: #f8fafc;
  color: #475569;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: 1px solid #e9eef5;
}

.agreement-show__products-table tbody td {
  vertical-align: middle;
  border-color: #edf1f5;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}

.agreement-show__products-table tbody tr:hover {
  background: #fafcff;
}

.agreement-show__contracts-row--active {
  background: #f3f7ff;
}

.agreement-show__platform-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.agreement-show__platform-cell .vendor-logo,
.agreement-show__platform-cell .vendor-logo-fallback {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 8px;
}

.agreement-show__platform-cell-copy {
  min-width: 0;
}

.agreement-show__platform-link {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agreement-show__money-cell {
  font-weight: 600;
  color: #111827;
}

.agreement-show__documents-flash {
  margin-bottom: 0.9rem !important;
}

.agreement-show__documents-group + .agreement-show__documents-group {
  margin-top: 1rem;
}

.agreement-show__document-title {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.agreement-show__document-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.3rem;
  color: #64748b;
}

.agreement-show__document-icon--pdf {
  color: #dc2626;
}

.agreement-show__document-icon--word {
  color: #1d4ed8;
}

.agreement-show__document-icon--image {
  color: #0f766e;
}

.agreement-show__contract-doc-groups {
  display: grid;
  gap: 0.85rem;
}

.agreement-show__contract-doc-card {
  border: 1px solid #e9eef5;
  border-radius: 14px;
  padding: 0.9rem;
  background: #fff;
}

.agreement-show__contract-doc-card-header {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.platform-show__documents-inline-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

.agreement-show__empty {
  border: 1px dashed #dbe5f0;
  border-radius: 12px;
  padding: 1rem;
  background: #fbfcfe;
}

.agreement-show__footer-actions {
  margin-top: 0.9rem;
  display: flex;
  justify-content: flex-end;
}

.platform-import-columns {
  border: 1px solid #e5eaf2;
  border-radius: 12px;
  background: #fbfcfe;
}

.platform-import-columns__summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 0.9rem 1rem;
  cursor: pointer;
}

.platform-import-columns__summary::-webkit-details-marker {
  display: none;
}

.platform-import-columns__summary .title.is-6 {
  margin-bottom: 0.2rem !important;
}

.platform-import-columns__toggle {
  flex: 0 0 auto;
  color: #2563eb;
  font-size: var(--font-size-body);
  font-weight: 600;
  white-space: nowrap;
}

.platform-import-columns__toggle-hide {
  display: none;
}

.platform-import-columns[open] .platform-import-columns__toggle-show {
  display: none;
}

.platform-import-columns[open] .platform-import-columns__toggle-hide {
  display: inline;
}

.platform-import-columns__body {
  border-top: 1px solid #e5eaf2;
  padding: 0.25rem 1rem 1rem;
}

.platform-import-columns__body .agreement-show__products-table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
}

.platform-import-columns__table {
  font-size: var(--font-size-body);
  table-layout: auto;
  min-width: 1120px;
}

.platform-import-columns__table td,
.platform-import-columns__table th {
  vertical-align: top;
  white-space: normal;
}

.platform-import-columns__table td {
  word-break: normal;
  overflow-wrap: anywhere;
}

.platform-import-columns__table th {
  white-space: nowrap;
  word-break: normal;
}

.platform-import-columns__table code {
  white-space: normal;
  word-break: break-word;
}

.platform-import-columns__table th:nth-child(1),
.platform-import-columns__table td:nth-child(1) {
  width: 24%;
  min-width: 170px;
}

.platform-import-columns__table th:nth-child(2),
.platform-import-columns__table td:nth-child(2) {
  min-width: 260px;
}

.platform-import-columns__table th:nth-child(3),
.platform-import-columns__table td:nth-child(3) {
  min-width: 320px;
}

.platform-import-columns__table th:nth-child(4),
.platform-import-columns__table td:nth-child(4) {
  width: 16%;
  min-width: 140px;
}

.platform-import-page .admin-form-box {
  max-width: 1120px;
}

.platform-import-summary {
  border-radius: 14px;
  display: grid;
  gap: 0.7rem;
  padding: 1rem 1.1rem;
}

.platform-import-summary--warning {
  border: 1px solid #dce6f5;
  background: #f8fbff;
}

.platform-import-summary--success {
  border-color: #bfe3cf;
  background: #f4fbf7;
}

.platform-import-summary__row {
  align-items: center;
  color: #42526b;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  line-height: 1.4;
}

.platform-import-summary--success .platform-import-summary__row {
  color: #1b4330;
}

.platform-import-summary__icon {
  align-items: center;
  background: #e9f1ff;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 1.8rem;
  height: 1.8rem;
  justify-content: center;
  color: var(--brand-mid-color);
  width: 1.8rem;
}

.platform-import-summary__detail {
  color: #5f6f89;
  font-size: var(--font-size-body);
  line-height: 1.45;
  padding-left: 2.5rem;
}

.platform-import-summary--success .platform-import-summary__icon {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
}

.platform-import-summary--success .platform-import-summary__detail {
  color: #24523a;
}

.platform-import-summary__cta {
  margin-left: auto;
}

.platform-limit-notice__actions {
  align-items: stretch;
}

.platform-limit-notice__actions > .platform-limit-notice__action,
.platform-limit-notice__actions > .platform-limit-notice__dismiss {
  flex: 0 0 10.5rem;
}

.platform-limit-notice__usage {
  color: #5f6f89;
  font-weight: 600;
  margin: 0.35rem 0 0;
}

.platform-limit-notice__actions .platform-limit-notice__action {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  min-height: 2.5rem;
}

.platform-limit-notice__dismiss {
  margin: 0;
}

.agreement-card__vendor {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.agreement-card .platform-card__header {
  margin-bottom: 0.75rem !important;
}

.agreement-card__brand-logo {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
}

.agreement-card__brand-logo .vendor-logo,
.agreement-card__brand-logo .vendor-logo-fallback {
  width: 56px;
  height: 56px;
}

.agreement-card__identity .title {
  line-height: 1.12;
}

.platform-status-banner {
  margin-bottom: 1rem;
  border-radius: 14px;
  overflow: hidden;
}
.platform-status-banner .message-body {
  padding: 0.95rem 1.1rem;
}

.platform-status-banner__inner {
  align-items: flex-start;
  gap: 1rem;
}

.platform-status-banner .message-body p + p {
  margin-top: 0.2rem;
}

.platform-decision-prompt {
  display: block;
  border: 1px solid #d9e5f7;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
  overflow: hidden;
  padding: 0;
  position: relative;
}

.platform-decision-prompt::before {
  border-radius: 999px;
  content: "";
  height: calc(100% - 1.4rem);
  left: 0.8rem;
  position: absolute;
  top: 0.7rem;
  width: 4px;
}

.platform-decision-prompt--neutral {
  background: linear-gradient(135deg, #fcfdff 0%, #f4f8ff 100%);
  border-color: #d8e4f6;
}

.platform-decision-prompt--neutral::before {
  background: linear-gradient(180deg, #4f7cff 0%, #89a7ff 100%);
}

.platform-decision-prompt--success {
  background: linear-gradient(135deg, #f7fcf8 0%, #eef9f1 100%);
  border-color: #d5eadb;
}

.platform-decision-prompt--success::before {
  background: linear-gradient(180deg, #2f9a68 0%, #7bc48f 100%);
}

.platform-decision-prompt--warning {
  background: linear-gradient(135deg, #fffaf0 0%, #fff3d9 100%);
  border-color: #f0dfb0;
}

.platform-decision-prompt--warning::before {
  background: linear-gradient(180deg, #d08a12 0%, #efbf64 100%);
}

.platform-decision-prompt__inner {
  align-items: center;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  padding: 1.1rem 1.2rem 1.1rem 1.5rem;
}

.platform-decision-prompt__copy {
  min-width: 0;
}

.platform-decision-prompt__eyebrow {
  color: #70819b;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin: 0 0 0.45rem;
  text-transform: uppercase;
}

.platform-decision-prompt__title {
  color: #102a43;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.platform-decision-prompt__body {
  color: #52627a;
  font-size: var(--font-size-body);
  line-height: 1.5;
  margin: 0.35rem 0 0;
  max-width: 52rem;
}

.platform-decision-prompt__actions {
  flex-shrink: 0;
  margin-bottom: 0;
}

.platform-decision-prompt__actions .button {
  border-radius: 12px;
  font-weight: 600;
  min-height: 2.75rem;
  padding-inline: 1rem;
}

@media screen and (max-width: 768px) {
  .platform-decision-prompt::before {
    display: none;
  }
  .platform-decision-prompt__inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 1rem 1rem 1rem 1.05rem;
  }
  .platform-decision-prompt__actions {
    width: 100%;
  }
  .platform-decision-prompt__actions .button {
    justify-content: center;
    width: 100%;
  }
}
.platform-overview-grid {
  display: grid;
  gap: 1rem;
  /* Mobile */
  grid-template-columns: 1fr;
  /* Tablet */
  /* Desktop+ */
}
@media screen and (min-width: 769px) {
  .platform-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .platform-overview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (min-width: 1216px) {
  .platform-overview-grid--primary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.platform-overview-grid--secondary .platform-overview-grid__item {
  background: #fcfcfd;
}

.platform-renewal-status-grid {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 769px) {
  .platform-renewal-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1216px) {
  .platform-renewal-status-grid {
    grid-template-columns: 1.2fr 1fr 1fr auto;
    align-items: end;
  }
}

.platform-renewal-status-grid__item {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #e9eef5;
  border-radius: 12px;
  padding: 0.85rem 0.9rem;
  min-width: 0;
}

.platform-renewal-status-grid__item--cta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
  border: 0;
  padding: 0;
}

.platform-renewal-status-grid__item--cta .button {
  width: 100%;
}
@media screen and (min-width: 1216px) {
  .platform-renewal-status-grid__item--cta .button {
    width: auto;
  }
}

.platform-renewal-status-empty {
  border: 1px dashed #dbe5f0;
  border-radius: 12px;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.85);
}

.platform-overview-grid__item {
  background: #fafbfc;
  border: 1px solid #edf1f5;
  border-radius: 12px;
  padding: 0.85rem 0.9rem;
  min-width: 0;
}

.platform-overview-grid__item p:last-child {
  margin-bottom: 0;
}

.platform-overview-grid__item a {
  word-break: break-word;
}

.platform-detail-list {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin: 0;
}
@media screen and (min-width: 769px) {
  .platform-detail-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.platform-ops-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.platform-detail-list__item {
  background: #fafbfc;
  border: 1px solid #edf1f5;
  border-radius: 12px;
  padding: 0.8rem 0.9rem;
  min-width: 0;
}

.platform-detail-tabs .platform-renewal-status-card,
.platform-detail-tabs .platform-contract-status,
.platform-detail-tabs .platform-ops-panel__header {
  background: #fff;
}

.platform-detail-tabs .platform-renewal-status-card,
.platform-detail-tabs .platform-detail-tabs__stack > .card,
.platform-detail-tabs .platform-show__section > .card,
.platform-detail-tabs .risk-context-panel,
.platform-detail-tabs .nt-section-card {
  border: 1px solid #dfe6f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(15, 27, 61, 0.045) !important;
}

.platform-detail-tabs .risk-context-panel .nt-empty-state {
  min-height: 6.5rem;
  padding: 1rem;
}

.platform-detail-tabs .risk-context-panel .nt-empty-state__icon {
  height: 2.65rem;
  margin-bottom: 0.6rem;
  width: 2.65rem;
}

.platform-detail-tabs .decision-list {
  gap: 0.7rem;
}

.platform-detail-tabs .decision-card {
  border-color: #e4ebf4;
  border-radius: 10px;
  box-shadow: none;
}

.platform-detail-tabs .decision-card__actions,
.platform-detail-tabs .decision-card__menu {
  flex-shrink: 0;
}

.renewal-workspace__hero {
  padding: 1.25rem 1.35rem;
}

.renewal-workspace__hero-main {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  justify-content: space-between;
}

.renewal-workspace__hero-identity {
  flex: 1 1 auto;
  min-width: 0;
}

.renewal-workspace__hero .title {
  letter-spacing: 0;
  line-height: 1.15;
}

.renewal-workspace__hero .tags {
  gap: 0.35rem;
}

.renewal-workspace__hero-actions {
  flex: 0 0 auto;
  margin-left: auto;
  max-width: 42rem;
}

.renewal-workspace__hero-actions .button {
  min-height: 2.55rem;
}

.renewal-workspace__hero-meta {
  color: #627089;
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  font-size: var(--font-size-sm);
  gap: 0.45rem 0.9rem;
  line-height: 1.45;
  padding-top: 0.1rem;
}

.renewal-workspace__hero-meta span:not(:last-child)::after {
  color: #9aa8ba;
  content: "·";
  margin-left: 0.9rem;
}

.renewal-workspace__tabs-shell {
  margin-top: 0;
}

.renewal-workspace__tab-content {
  padding: 1rem !important;
}

.renewal-workspace__panel > .columns {
  margin-top: 0;
}

.renewal-plan-grid {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) minmax(12rem, 1.45fr) minmax(10rem, 1.15fr) minmax(9rem, 1fr);
}

.renewal-plan-grid__item {
  border-left: 1px solid #e0e7f1;
  min-width: 0;
  padding: 0.25rem 1.25rem 0.35rem;
}

.renewal-plan-grid__item:first-child {
  border-left: 0;
  padding-left: 0;
}

.renewal-plan-grid__item:last-child {
  padding-right: 0;
}

.renewal-workspace__date-value,
.renewal-date-list__row dd {
  align-items: center;
  display: inline-flex;
  gap: 0.55rem;
}

.renewal-workspace__date-value i,
.renewal-date-list__row dd i {
  color: #17233b;
  flex: 0 0 auto;
}

.renewal-workspace__change--positive {
  color: #047857 !important;
  font-weight: 700;
}

.renewal-workspace__comparison-empty {
  align-items: stretch;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.75fr);
}

.renewal-workspace__comparison-empty .table-container {
  min-width: 0;
}

.renewal-workspace__draft-cta {
  background: #f0f7ff;
  border: 1px solid #cfe2ff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
}

.renewal-workspace__draft-cta .button {
  width: 100%;
}

.renewal-workspace__recent-log-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}

.renewal-current-terms-list {
  font-size: var(--font-size-sm);
  margin: 0;
}

.renewal-current-terms-list__row {
  border-top: 1px solid #e0e7f1;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(6rem, 0.75fr) minmax(0, 1fr);
  padding: 0.85rem 0;
}

.renewal-current-terms-list__row:first-child {
  border-top: 0;
  padding-top: 0;
}

.renewal-current-terms-list__row:last-child {
  padding-bottom: 0;
}

.renewal-current-terms-list__row dt {
  color: #64748b;
  font-weight: 500;
}

.renewal-current-terms-list__row dd {
  color: #17233b;
  font-weight: 600;
  margin: 0;
  min-width: 0;
}

.renewal-workspace__save-notice {
  align-items: center;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  display: inline-flex;
  gap: 0.45rem;
  padding: 0.75rem 0.9rem;
}

.renewal-comparison-list {
  font-size: var(--font-size-sm);
}

.renewal-comparison-list__header,
.renewal-comparison-list__values {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.renewal-comparison-list__header {
  border-bottom: 1px solid #e0e7f1;
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  padding: 0 0 0.55rem;
}

.renewal-comparison-list__item {
  border-bottom: 1px solid #e0e7f1;
  padding: 0.85rem 0;
}

.renewal-comparison-list__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.renewal-comparison-list__field {
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  margin: 0 0 0.45rem;
}

.renewal-comparison-list__values p {
  color: #17233b;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
}

.renewal-comparison-list__change {
  font-size: var(--font-size-xs);
  margin-top: 0.25rem !important;
}

.renewal-note-form__textarea {
  min-height: 11rem;
}

.renewal-log-type-picker {
  border: 0;
  margin: 0;
  padding: 0;
}

.renewal-log-type-picker__options {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: 1fr;
}

.modal-card .renewal-log-type-picker__options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.renewal-log-type-picker__option {
  display: block;
}

.renewal-log-type-picker__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.renewal-log-type-picker__card {
  background: #ffffff;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  color: #334155;
  cursor: pointer;
  display: block;
  padding: 0.75rem 0.85rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.renewal-log-type-picker__label {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 1.25;
}

.renewal-log-type-picker__description {
  color: #64748b;
  display: block;
  font-size: var(--font-size-xs);
  line-height: 1.35;
  margin-top: 0.25rem;
}

.renewal-log-type-picker__input:checked + .renewal-log-type-picker__card {
  background: #f0f7ff;
  border-color: #7eb6ff;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}

.renewal-log-type-picker__input:focus-visible + .renewal-log-type-picker__card {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.renewal-log-list {
  display: grid;
  gap: 0;
}

.renewal-log-list__item {
  --renewal-log-accent: #2563eb;
  --renewal-log-bg: #eff6ff;
  --renewal-log-text: #1d4ed8;
  border-bottom: 1px solid #e6edf5;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 0.65rem minmax(0, 1fr);
  padding: 0.95rem 0;
}

.renewal-log-list__item:first-child {
  padding-top: 0;
}

.renewal-log-list__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.renewal-log-list__item--vendor {
  --renewal-log-accent: #7c3aed;
  --renewal-log-bg: #f3e8ff;
  --renewal-log-text: #6d28d9;
}

.renewal-log-list__item--commercial {
  --renewal-log-accent: #d97706;
  --renewal-log-bg: #fff7ed;
  --renewal-log-text: #b45309;
}

.renewal-log-list__item--decision {
  --renewal-log-accent: #0f766e;
  --renewal-log-bg: #ccfbf1;
  --renewal-log-text: #0f766e;
}

.renewal-log-list__item--draft {
  --renewal-log-accent: #059669;
  --renewal-log-bg: #dcfce7;
  --renewal-log-text: #047857;
}

.renewal-log-list__item--system {
  --renewal-log-accent: #64748b;
  --renewal-log-bg: #f1f5f9;
  --renewal-log-text: #475569;
}

.renewal-log-list__marker {
  background: var(--renewal-log-accent);
  border-radius: 999px;
  height: 0.45rem;
  margin-top: 0.55rem;
  width: 0.45rem;
}

.renewal-log-list__content {
  min-width: 0;
}

.renewal-log-list__topline {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.65rem;
  margin-bottom: 0.35rem;
}

.renewal-log-list__badge {
  align-items: center;
  background: var(--renewal-log-bg);
  border-radius: 999px;
  color: var(--renewal-log-text);
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 700;
  gap: 0.35rem;
  line-height: 1;
  padding: 0.35rem 0.55rem;
}

.renewal-log-list__meta {
  color: #64748b;
  font-size: var(--font-size-sm);
}

.renewal-log-list__body {
  color: #334155;
  font-size: var(--font-size-sm);
  line-height: 1.5;
}

.renewal-log-list__body p:last-child {
  margin-bottom: 0;
}

.renewal-log-list--preview .renewal-log-list__item {
  padding: 0.75rem 0;
}

.renewal-log-list--preview .renewal-log-list__body {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.renewal-log-empty {
  background: #f8fafc;
  border: 1px dashed #cfd9e7;
  border-radius: 10px;
  padding: 1.25rem;
}

.renewal-log-timeline {
  position: relative;
}

.renewal-log-timeline::before {
  background: #dbe4ef;
  bottom: 1.25rem;
  content: "";
  left: 4.05rem;
  position: absolute;
  top: 1.25rem;
  width: 2px;
}

.renewal-log-timeline__item {
  --renewal-log-accent: #2563eb;
  --renewal-log-bg: #eff6ff;
  --renewal-log-tag-bg: #dbeafe;
  --renewal-log-tag-text: #1d4ed8;
  display: grid;
  gap: 1rem;
  grid-template-columns: 3.25rem 1rem minmax(0, 1fr);
  padding: 0 0 1.5rem;
  position: relative;
}

.renewal-log-timeline__item:last-child {
  padding-bottom: 0;
}

.renewal-log-timeline__item--vendor-response {
  --renewal-log-accent: #7c3aed;
  --renewal-log-bg: #f3e8ff;
  --renewal-log-tag-bg: #ede9fe;
  --renewal-log-tag-text: #6d28d9;
}

.renewal-log-timeline__item--commercial-concern,
.renewal-log-timeline__item--usage-finding {
  --renewal-log-accent: #d97706;
  --renewal-log-bg: #fff7ed;
  --renewal-log-tag-bg: #ffedd5;
  --renewal-log-tag-text: #b45309;
}

.renewal-log-timeline__item--legal-procurement-note {
  --renewal-log-accent: #4f46e5;
  --renewal-log-bg: #eef2ff;
  --renewal-log-tag-bg: #e0e7ff;
  --renewal-log-tag-text: #4338ca;
}

.renewal-log-timeline__item--decision-note {
  --renewal-log-accent: #0f766e;
  --renewal-log-bg: #ccfbf1;
  --renewal-log-tag-bg: #ccfbf1;
  --renewal-log-tag-text: #0f766e;
}

.renewal-log-timeline__item--internal-note {
  --renewal-log-accent: #2563eb;
  --renewal-log-bg: #eff6ff;
  --renewal-log-tag-bg: #dbeafe;
  --renewal-log-tag-text: #1d4ed8;
}

.renewal-log-timeline__icon {
  align-items: center;
  background: var(--renewal-log-bg);
  border-radius: 999px;
  color: var(--renewal-log-accent);
  display: inline-flex;
  font-size: 1rem;
  height: 2.75rem;
  justify-content: center;
  margin-top: 0.1rem;
  width: 2.75rem;
}

.renewal-log-timeline__dot {
  background: #253858;
  border: 3px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #dbe4ef;
  height: 0.85rem;
  margin-top: 1rem;
  position: relative;
  width: 0.85rem;
  z-index: 1;
}

.renewal-log-timeline__content {
  min-width: 0;
}

.renewal-log-timeline__header {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}

.renewal-log-timeline__title-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  min-width: 0;
}

.renewal-log-timeline__tag {
  background: var(--renewal-log-tag-bg);
  border-radius: 999px;
  color: var(--renewal-log-tag-text);
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1;
  padding: 0.35rem 0.55rem;
}

.renewal-log-timeline__meta {
  color: #64748b;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  font-size: var(--font-size-sm);
  gap: 0.35rem 0.55rem;
  justify-content: flex-end;
  margin: 0;
  text-align: right;
}

.renewal-log-timeline__meta span + span::before {
  content: "·";
  margin-right: 0.55rem;
}

.renewal-log-timeline__body {
  color: #44546a;
  font-size: var(--font-size-sm);
  line-height: 1.55;
}

.renewal-log-timeline__body p:last-child {
  margin-bottom: 0;
}

.renewal-status-list,
.renewal-date-list {
  font-size: var(--font-size-sm);
  margin: 0;
}

.renewal-status-list__row,
.renewal-date-list__row {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.renewal-status-list__row dt,
.renewal-date-list__row dt {
  color: #64748b;
  font-weight: 500;
}

.renewal-status-list__row dd,
.renewal-date-list__row dd {
  color: #17233b;
  font-weight: 600;
  margin: 0;
  text-align: right;
}

.renewal-status-list__readiness {
  border-top: 1px solid #e0e7f1;
  margin-top: 1.1rem;
  padding-top: 1rem;
}

.renewal-status-list__readiness-title {
  color: #64748b;
  font-weight: 500;
  margin: 0 0 0.65rem;
}

.renewal-status-list__readiness p:not(.renewal-status-list__readiness-title) {
  align-items: center;
  color: #44546a;
  display: flex;
  gap: 0.6rem;
  margin: 0 0 0.75rem;
}

.renewal-status-list__readiness p:last-child {
  margin-bottom: 0;
}

.renewal-workspace__check {
  color: #059669;
}

.renewal-workspace__pending {
  color: #94a3b8;
}

@media (max-width: 1023px) {
  .renewal-workspace__hero-main {
    display: block;
  }
  .renewal-workspace__hero-actions {
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 1rem;
    max-width: none;
  }
  .renewal-workspace__hero-meta {
    margin-top: 1rem;
  }
  .renewal-plan-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 1rem;
  }
  .renewal-plan-grid__item:nth-child(odd) {
    border-left: 0;
    padding-left: 0;
  }
  .renewal-workspace__comparison-empty {
    grid-template-columns: 1fr;
  }
  .renewal-log-timeline::before {
    left: 3.55rem;
  }
  .renewal-log-timeline__item {
    grid-template-columns: 2.75rem 1rem minmax(0, 1fr);
  }
  .renewal-log-timeline__header {
    display: block;
  }
  .renewal-log-timeline__meta {
    justify-content: flex-start;
    margin-top: 0.25rem;
    text-align: left;
  }
  .modal-card .renewal-log-type-picker__options {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .renewal-workspace__hero {
    padding: 1rem;
  }
  .renewal-workspace__hero-actions .button {
    flex: 1 1 100%;
  }
  .renewal-workspace__hero-meta {
    display: block;
  }
  .renewal-workspace__hero-meta span {
    display: block;
  }
  .renewal-workspace__hero-meta span:not(:last-child)::after {
    content: "";
    margin-left: 0;
  }
  .renewal-plan-grid {
    grid-template-columns: 1fr;
  }
  .renewal-plan-grid__item {
    border-left: 0;
    border-top: 1px solid #e0e7f1;
    padding: 0.85rem 0 0;
  }
  .renewal-plan-grid__item:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .renewal-status-list__row,
  .renewal-date-list__row {
    align-items: flex-start;
  }
}
.platform-detail-list__item dt {
  margin: 0 0 0.2rem;
  color: #64748b;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.platform-detail-list__item dd {
  margin: 0;
  color: #1f2937;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.platform-overview-ops {
  display: grid;
  gap: 0.6rem;
  color: #374151;
  background: #fafbfc;
  border: 1px solid #edf1f5;
  border-radius: 12px;
  padding: 0.9rem;
}

.platform-overview-ops__title {
  margin: 0 0 0.15rem;
  font-weight: 600;
  color: #111827;
}

.platform-renewal-panel__meta {
  display: grid;
  gap: 0.85rem;
}

.platform-renewal-panel__meta-item {
  background: #fafbfc;
  border: 1px solid #edf1f5;
  border-radius: 12px;
  padding: 0.8rem 0.9rem;
}

.platform-renewal-panel__draft {
  background: #fafbfc;
  border: 1px solid #edf1f5;
  border-radius: 12px;
  padding: 0.9rem;
}

.platform-renewal-panel__draft-grid {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.platform-renewal-panel__draft-grid > div {
  min-width: 0;
}

.renewal-outcome-card {
  display: flex;
  height: 100%;
  border: 1px solid #e7edf5;
}

.renewal-outcome-card .card-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.renewal-outcome-card .button {
  margin-top: auto;
}

.renewal-outcome-card--success {
  background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%);
}

.renewal-outcome-card--danger {
  background: linear-gradient(180deg, #fffdfb 0%, #fff5f2 100%);
}

.platform-renewal-panel__draft-grid p {
  overflow-wrap: anywhere;
}

.platform-renewal-panel__empty {
  border: 1px dashed #dde6f1;
  border-radius: 12px;
  padding: 1rem;
  background: #fafcfe;
  color: #475569;
}

.platform-overview-notes {
  color: #374151;
}

.platform-contract-section {
  border-radius: 14px;
}

.platform-collapsible > summary {
  list-style: none;
}

.platform-collapsible > summary::-webkit-details-marker {
  display: none;
}

.platform-collapsible__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
  cursor: pointer;
}

.platform-collapsible__title-wrap {
  min-width: 0;
  display: grid;
  gap: 0.25rem;
}

.platform-collapsible__title {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 700;
  color: #1f2937;
}

.platform-collapsible__meta {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  color: #475569;
  font-size: 0.875rem;
}

.platform-collapsible__chevron {
  color: #64748b;
  transition: transform 0.15s ease;
}

.platform-collapsible[open] .platform-collapsible__chevron {
  transform: rotate(180deg);
}

.platform-collapsible[open] > summary {
  border-bottom: 1px solid #eef2f7;
}

.platform-contract-history-table {
  border: 1px solid #edf1f5;
  border-radius: 12px;
  overflow: hidden;
}

.platform-contract-history-table .table {
  margin-bottom: 0;
  background: #fff;
}

.platform-contract-history-table thead th {
  background: #f8fafc;
  color: #475569;
  font-weight: 600;
  border-bottom: 1px solid #e8eef4;
  white-space: nowrap;
}

.platform-contract-history-table tbody td {
  vertical-align: middle;
  border-color: #eef2f7;
}

.platform-contract-history-table .button.is-small {
  border-radius: 8px;
}

@media screen and (max-width: 1215px) {
  .platforms-index-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .platform-renewal-panel__draft-grid {
    grid-template-columns: 1fr;
  }
  .platforms-context-bar__left,
  .platforms-context-bar__right {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    flex: 1 1 100%;
  }
  .platforms-context-bar__controls {
    width: 100%;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .platforms-index-summary {
    grid-template-columns: 1fr;
  }
  .platforms-index-toolbar__search,
  .platforms-index-toolbar__actions {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  .platforms-index-toolbar__actions {
    justify-content: flex-start;
  }
  .platforms-index-toolbar__filter-panel {
    left: 0;
    right: auto;
    width: calc(100vw - 2rem);
  }
  .platforms-index-toolbar__filter-grid {
    grid-template-columns: 1fr;
  }
  .platforms-index-toolbar__filter-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .platforms-tabs-content {
    padding: 0.8rem 0.75rem 0.85rem;
  }
  .platforms-primary-row {
    padding: 0 0.75rem;
  }
  .platforms-primary-row__actions {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0;
  }
  .platforms-context-bar {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .platforms-context-bar__left,
  .platforms-context-bar__right {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
    flex: 1 1 100%;
  }
  .platforms-context-bar__right {
    flex-wrap: wrap;
  }
  .platforms-context-bar__controls {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .platforms-context-bar__control {
    flex: 1 1 180px;
  }
  .platforms-context-bar__controls-actions {
    flex: 0 0 auto;
  }
  .platforms-context-bar__control .select,
  .platforms-context-bar__control .select select {
    width: 100%;
    min-width: 0;
  }
  .platforms-context-bar__exposure {
    white-space: normal;
  }
  .platforms-mode-bar {
    align-items: flex-start;
  }
  .platforms-mode-bar__right {
    width: 100%;
  }
  .platforms-header-bar__actions {
    margin-left: 0;
    width: 100%;
  }
  .platforms-header-bar__actions .button {
    width: 100%;
  }
  .platforms-header-bar__add-menu {
    width: 100%;
  }
  .platforms-header-bar__add-trigger {
    width: 100%;
    justify-content: center;
  }
  .platforms-header-bar__add-dropdown {
    left: 0;
    right: 0;
    min-width: 0;
  }
  .platform-show__actions {
    width: 100%;
    justify-content: flex-start;
  }
  .platform-show__actions-menu {
    width: 100%;
  }
  .platform-show__actions-trigger {
    width: 100%;
    justify-content: space-between;
  }
  .platform-show__actions-dropdown {
    left: 0;
    right: 0;
    min-width: 0;
  }
  .platform-collapsible__summary {
    align-items: flex-start;
  }
  .platform-collapsible__title-wrap {
    width: 100%;
  }
  .platform-collapsible__meta {
    display: grid;
    gap: 0.2rem;
  }
}
/* Existing (keep) */
.contract-form-grid {
  align-items: flex-start;
}

.contract-form-grid .v-sep {
  width: 1px;
  background: rgba(148, 163, 184, 0.4);
  margin: 0 1.5rem;
  display: none;
}
@media screen and (min-width: 769px) {
  .contract-form-grid .v-sep {
    display: block;
  }
}

.platforms-cost-analysis {
  display: grid;
  gap: 1rem;
}

.platforms-cost-analysis__summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}

.platforms-cost-analysis__metric {
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
  padding: 0.9rem 1rem;
}

.platforms-cost-analysis__metric .heading {
  margin-bottom: 0.35rem;
}

.platforms-cost-analysis__metric .title {
  margin-bottom: 0.25rem !important;
}

.platforms-cost-analysis__chart-card,
.platforms-cost-analysis__table-card,
.platforms-cost-analysis__empty {
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.platforms-cost-analysis__summary-grid + .platforms-cost-analysis__chart-card {
  margin-top: 0.4rem;
}

.platforms-cost-analysis__bars {
  display: grid;
  gap: 0.65rem;
}

.platforms-cost-analysis__bar-row {
  display: grid;
  grid-template-columns: minmax(140px, 180px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
}

.platforms-cost-analysis__bar-label {
  color: #344054;
  font-weight: 600;
  font-size: var(--font-size-body);
}

.platforms-cost-analysis__bar-track {
  height: 0.8rem;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}

.platforms-cost-analysis__bar-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #4f73ff 0%, #2f5fff 100%);
}

.platforms-cost-analysis__bar-value {
  color: #344054;
  font-weight: 600;
  white-space: nowrap;
  font-size: var(--font-size-body);
}

.platforms-cost-analysis__filters {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.platforms-cost-analysis__filters .label {
  color: #667085;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.platforms-cost-analysis__filters-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.platforms-cost-analysis__empty-inline {
  border: 1px dashed rgba(148, 163, 184, 0.35);
  border-radius: 12px;
  padding: 1rem;
  color: #667085;
  background: rgba(248, 250, 252, 0.85);
}

.platforms-cost-analysis__table td {
  vertical-align: middle;
}

.platforms-cost-analysis__table td:nth-child(3),
.platforms-cost-analysis__table td:nth-child(5) {
  white-space: nowrap;
}

.platforms-cost-analysis__exposure-note {
  margin: -0.25rem 0 1rem;
  color: #667085;
  font-size: var(--font-size-body);
}

.platform-library-table-card {
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  overflow: hidden;
}

.platform-library__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

.platform-library__filters {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.platform-library__filters-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.platform-library-table td {
  vertical-align: middle;
}

.platform-library-table {
  table-layout: fixed;
}

.platform-library-table-card .table-container {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.platform-library-table th {
  font-size: var(--font-size-sm);
}

.platform-library-table th,
.platform-library-table td {
  font-size: var(--font-size-sm);
}

.platform-library-table th:nth-child(1) {
  width: 23%;
}

.platform-library-table th:nth-child(2) {
  width: 15%;
}

.platform-library-table th:nth-child(3) {
  width: 12%;
}

.platform-library-table th:nth-child(4) {
  width: 13%;
}

.platform-library-table th:nth-child(5) {
  width: 14%;
}

.platform-library-table th:nth-child(6) {
  width: 15%;
}

.platform-library-table th:nth-child(7) {
  width: 8%;
}

.platform-library-table__row-link {
  cursor: pointer;
}

.platform-library-table__row-link:hover td {
  background: rgba(59, 130, 246, 0.03);
}

.platform-library-table__row-link:focus-visible td {
  background: rgba(59, 130, 246, 0.05);
}

.platform-library-table__logo {
  flex-basis: 36px;
  width: 36px;
  height: 36px;
}

.platform-library-table__logo .vendor-logo,
.platform-library-table__logo .vendor-logo-fallback {
  width: 36px;
  height: 36px;
}

.platform-library-table__platform-text {
  min-width: 0;
  max-width: 100%;
}

.platform-library-table__platform-subline {
  margin-top: 0.15rem;
  color: #64748b;
  font-size: var(--font-size-sm);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.platform-library-table__owner {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #334155;
  white-space: nowrap;
  max-width: 100%;
}

.platform-library-table__owner span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.platform-library-table__owner--muted {
  color: #64748b;
}

.platform-library-table__owner-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #1d63f2;
  color: #fff;
  font-size: 0.63rem;
  font-weight: 750;
}

.platform-library-table__owner-avatar--muted {
  background: #e2e8f0;
  color: #64748b;
}

.platform-library-table__status {
  display: inline-flex;
  align-items: center;
  padding: 0.24rem 0.5rem;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: var(--font-size-xs);
  font-weight: 650;
  line-height: 1.15;
  white-space: nowrap;
}

.platform-library-table__status--success {
  border-color: #bfe5d3;
  background: #edf9f3;
  color: #047857;
}

.platform-library-table__status--info {
  border-color: #c9dcff;
  background: #eef5ff;
  color: #1d4ed8;
}

.platform-library-table__status--danger {
  border-color: #fecaca;
  background: #fff1f2;
  color: #dc2626;
}

.platform-library-table__renewal-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
}

.platform-library-table__renewal-meta {
  line-height: 1;
}

.platform-library-table__renewal-relative {
  font-size: var(--font-size-xs);
  line-height: 1;
}

.platform-library-table__renewal-meta .RenewalsOverview__tag {
  font-size: var(--font-size-xs);
  padding: 0.28rem 0.55rem;
}

.platform-library-table__attention-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}

.platform-library-table__attention {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 1.8rem;
  width: 1.9rem;
  padding: 0.22rem;
  border-radius: 999px;
  border: 1px solid #dbe3ef;
  background: #f8fafc;
  color: #475569;
  font-size: var(--font-size-xs);
  font-weight: 650;
  line-height: 1.1;
}

.platform-library-table__attention span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.platform-library-table__attention--danger {
  border-color: #fecaca;
  background: #fff1f2;
  color: #dc2626;
}

.platform-library-table__attention--warning {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #d97706;
}

.platform-library-table__attention--info {
  border-color: #c9dcff;
  background: #eef5ff;
  color: #1d4ed8;
}

.platform-library-table__dash {
  color: #94a3b8;
}

.platform-library-table__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  flex-wrap: wrap;
  padding: 1rem 0 0;
  color: #64748b;
  font-size: var(--font-size-sm);
}

.platform-library-table__pagination {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.platform-library-table__pagination .button {
  border-radius: 9px;
}

@media screen and (max-width: 1023px) {
  .platforms-cost-analysis__summary-grid {
    grid-template-columns: 1fr;
  }
  .platforms-cost-analysis__bar-row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
  .platforms-cost-analysis__bar-value {
    justify-self: flex-start;
  }
  .platform-library__filters {
    width: 100%;
  }
}
/* Wider modal only when requested via locals { wide: true } */
.modal-card,
.modal-card * {
  font-family: inherit;
}

.work-tag-row--hero {
  margin: 0.1rem 0 0.65rem;
}

.work-tag-add {
  display: inline-flex;
  align-items: center;
  min-height: 1.25rem;
  color: #0b4ad8;
  font-size: 0.74rem;
  font-weight: 800;
}

.work-tag-picker {
  position: relative;
}

.work-tag-picker__surface {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.4rem;
  padding: 0.35rem;
  border: 1px solid #d8e2ef;
  border-radius: 8px;
  background: #fff;
  cursor: text;
}

.work-tag-picker__pills {
  display: contents;
}

.work-tag-picker__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 1.6rem;
  max-width: 100%;
  padding: 0.18rem 0.25rem 0.18rem 0.55rem;
  border: 1px solid #d8e2ef;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}

.work-tag-picker__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  font-size: 0.9rem;
  line-height: 1;
}

.work-tag-picker__remove:hover,
.work-tag-picker__remove:focus {
  background: #e2e8f0;
  color: #334155;
}

.work-tag-picker__input {
  flex: 1 1 9rem;
  min-width: 8rem;
  height: 1.7rem;
  padding: 0 0.3rem;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #1f2937;
  font: inherit;
  font-size: 0.84rem;
  outline: none;
}

.work-tag-picker__input::placeholder {
  color: #8a98ad;
}

.work-tag-picker__suggestions {
  position: absolute;
  top: calc(100% + 0.3rem);
  left: 0;
  z-index: 60;
  width: min(24rem, 100%);
  max-height: 14rem;
  overflow: auto;
  padding: 0.35rem;
  border: 1px solid #d8e2ef;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.14);
}

.work-tag-picker__suggestion {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.45rem 0.55rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #334155;
  cursor: pointer;
  font-size: 0.84rem;
  text-align: left;
}

.work-tag-picker__suggestion:hover,
.work-tag-picker__suggestion.is-active {
  background: #eff6ff;
  color: #1d4ed8;
}

.modal-card {
  font-family: var(--font-sans);
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.56);
}

.modal-card-head {
  padding: 20px;
}

.modal-card-body > form > .field.is-grouped:last-child {
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.15rem;
}

.modal-card-body > form > .field.is-grouped:last-child .button,
.modal-card-body > form > .field.is-grouped:last-child input.button,
.modal-card-body > form > .field.is-grouped:last-child .nt-btn,
.modal-card-body > form > .field.is-grouped:last-child input.nt-btn {
  flex: 0 0 auto;
  height: 2.45rem;
  min-height: 2.45rem;
  padding: 0 1rem;
  width: auto;
}

.modal-card.is-wide {
  width: 900px;
  max-width: 96vw;
}

.modal-card.is-extra-wide {
  width: 1260px;
  max-width: 98vw;
}

@media (max-width: 880px) {
  .modal-card.is-wide {
    width: 100%;
  }
  .modal-card.is-extra-wide {
    width: 100%;
  }
}
@media (max-width: 768px) {
  html.is-clipped,
  body.is-clipped {
    overflow: hidden;
  }
  .modal {
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
  }
  .modal.is-active {
    display: flex;
  }
  .modal-card,
  .modal-card.is-wide,
  .modal-card.is-extra-wide,
  .product-map-request-modal__card,
  .decision-modal-card {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 100dvh;
    width: 100%;
  }
  .modal-card-head {
    align-items: center;
    background: #ffffff;
    border-radius: 0;
    flex: 0 0 auto;
    gap: 0.75rem;
    min-height: 64px;
    padding: 0.9rem 1rem;
    position: sticky;
    top: 0;
    z-index: 3;
  }
  .modal-card-title {
    flex: 1 1 auto;
    font-size: 1.1rem;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .modal-card-head .delete {
    flex: 0 0 auto;
  }
  .modal-card-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1rem;
    -webkit-overflow-scrolling: touch;
  }
  .modal-card-body > .tabs,
  .modal-card-body .workspace-tabs,
  .modal-card-body .platforms-primary-tabs,
  .modal-card-body .platform-detail-tabs {
    background: #ffffff;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: sticky;
    top: -1rem;
    z-index: 2;
  }
  .modal-card-foot,
  .modal-actions,
  .platform-form-actions,
  .project-form-actions,
  .costs-snapshot-modal__actions {
    background: #ffffff;
    bottom: -1rem;
    box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.08);
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.85rem 1rem max(0.85rem, env(safe-area-inset-bottom));
    position: sticky;
    z-index: 2;
  }
  .modal-card-foot {
    border-radius: 0;
    flex: 0 0 auto;
    margin: 0;
  }
  .modal-card .card,
  .modal-card .box,
  .modal-card .panel,
  .modal-card .dashboard-card,
  .modal-card .ui-card {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }
}
/* Two-pane Project form inside the modal */
.project-form {
  /* ensure children can stretch to full height */
  /* slim vertical separator with breathing room */
}
.project-form .field:not(:last-child) {
  margin-bottom: 0.85rem;
}
.project-form .label {
  margin-bottom: 0.35rem;
}
.project-form .help {
  margin-top: 0.2rem;
}
.project-form .project-form-grid {
  align-items: stretch; /* key: lets the separator take full height */
  display: flex; /* Bulma already does this, but explicit is fine */
  gap: 1rem;
  margin: 0;
}
.project-form .project-form-grid > .column {
  flex: 1 1 0;
  padding: 0;
  min-width: 0;
}
.project-form .v-sep {
  flex: 0 0 1px; /* 1px fixed width */
  background: #e5e7eb; /* light grey */
  align-self: stretch; /* make it as tall as the tallest column */
  border-radius: 1px;
}
.project-form .project-form-actions {
  margin-top: 18px;
}
.project-form .project-form-compact-row {
  margin-bottom: 0;
}
.project-form textarea.textarea {
  min-height: 6.5rem;
}
.project-form #project_objective.textarea,
.project-form #project_outcome_targets.textarea,
.project-form #project_dependencies.textarea {
  min-height: 4.8rem;
}
@media (max-width: 768px) {
  .project-form .v-sep {
    display: none;
  }
  .project-form .project-form-grid {
    display: block;
  }
  .project-form .project-form-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .project-form .project-form-actions .button {
    width: 100%;
    margin: 0;
  }
}

.project-page {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 100%;
  min-width: 0;
}

.detail-breadcrumb {
  align-items: center;
  display: flex;
  min-height: 24px;
  margin: 28px 0 22px;
  padding: 0;
}

.decision-page,
.platform-page {
  padding-top: 0;
}

.decision-page > .detail-breadcrumb {
  margin-bottom: 6px;
}

.detail-breadcrumb ul {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
}

.detail-breadcrumb li {
  align-items: center;
  display: inline-flex;
  line-height: 1.2;
}

.detail-breadcrumb li + li::before {
  color: #b8c3d1;
  content: "›";
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  padding: 0 0.55rem;
}

.detail-breadcrumb a,
.detail-breadcrumb span[aria-current=page] {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
  font-size: 0.875rem;
  letter-spacing: 0;
  min-height: 24px;
}

.detail-breadcrumb a {
  color: #66788f;
  font-weight: 500;
  transition: color 0.18s ease;
}

.detail-breadcrumb a:hover {
  color: var(--brand-mid-color);
}

.detail-breadcrumb .icon {
  height: 1rem;
  width: 1rem;
}

.detail-breadcrumb li.is-active span[aria-current=page] {
  color: #23354d;
  font-weight: 600;
}

.project-page__hero {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
  min-width: 0;
  border: 1px solid #e7ecf3;
  border-radius: 20px;
  background: radial-gradient(circle at top right, rgba(14, 116, 144, 0.08), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.05);
}

.project-page__hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
}

.project-page__hero-main,
.project-page__hero-copy,
.project-page__hero-actions {
  min-width: 0;
}

.project-page__eyebrow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.85rem;
}

.initiative-page .project-page__eyebrow > .tag,
.initiative-page .project-page__eyebrow > .status-pill,
.initiative-page .project-page__eyebrow > .project-inline-pill {
  align-items: center;
  display: inline-flex;
  min-height: 2rem;
  padding: 0.36rem 0.78rem;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
}

.project-page__hero-copy {
  max-width: 52rem;
  color: #526072;
}

.project-page__hero-actions {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem;
}

.project-page__hero-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0;
  margin: 0.9rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid #e8eef7;
}

.project-page__hero-metric {
  min-width: 0;
  padding: 0 1rem;
  border-left: 1px solid #e8eef7;
}

.project-page__hero-metric:first-child {
  padding-left: 0;
  border-left: 0;
}

.project-page__hero-label,
.project-health-card__label {
  font-size: var(--font-size-xs);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7786;
  font-weight: 700;
}

.project-page__hero-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: #526b95;
  font-size: 1rem;
  margin-bottom: 0.18rem;
}

.project-page__hero-value,
.project-health-card__value {
  font-size: 0.95rem;
  font-weight: 700;
  color: #16202d;
  margin: 0.28rem 0 0;
  line-height: 1.35;
}

.project-page__hero-meta,
.project-health-card__meta,
.project-item-row__meta {
  color: #617084;
  font-size: 0.9rem;
  margin: 0.2rem 0 0;
}

.project-page__hero-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 1rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid #e8eef7;
}

.project-page__hero-detail {
  min-width: 0;
  padding: 0 1rem;
  border-left: 1px solid #e8eef7;
}

.project-page__hero-detail:first-child {
  padding-left: 0;
  border-left: 0;
}

.project-page__hero-detail-value {
  margin: 0.28rem 0 0;
  color: #334155;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.5;
}

.project-page__hero-detail-heading {
  align-items: center;
  display: flex;
  gap: 0.55rem;
  margin-bottom: 0.25rem;
}

.project-page__hero-detail-heading .project-page__hero-icon {
  margin-right: 0;
}

.project-page__hero-detail-heading .project-page__hero-label {
  margin-right: auto;
}

.project-page__strategy-add-action {
  flex: 0 0 auto;
  margin-left: auto;
}

.project-page__strategy-links {
  display: grid;
  gap: 0.55rem;
}

.project-page__strategy-link-row {
  display: grid;
  gap: 0.35rem;
}

.project-page__strategy-link-row strong,
.project-page__strategy-link-row span {
  display: block;
}

.project-page__strategy-link-row span {
  color: #617084;
  font-size: 0.84rem;
  font-weight: 500;
  margin-top: 0.08rem;
}

.project-page__strategy-link-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.2rem;
  white-space: nowrap;
}

.project-page__strategy-link-actions form {
  display: inline;
  margin: 0;
}

.project-page__inline-action {
  appearance: none;
  background: transparent;
  border: 0;
  color: #1d63f2;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
  padding: 0;
  text-decoration: none;
}

.project-page__inline-action:hover,
.project-page__inline-action:focus-visible {
  color: #164fc2;
  text-decoration: underline;
  text-underline-offset: 0.14em;
}

.project-page__inline-action--danger {
  color: #b42318;
}

.project-page__inline-action--danger:hover,
.project-page__inline-action--danger:focus-visible {
  color: #8a1c14;
}

.latest-update__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.latest-update__title {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
}

.latest-update__text p {
  margin: 0;
  color: #334155;
  line-height: 1.65;
}

.latest-update__text {
  position: relative;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1rem 1.1rem 1rem 2.2rem;
}

.latest-update__text::before {
  content: "“";
  position: absolute;
  left: 0.8rem;
  top: 0.55rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.5rem;
  line-height: 1;
  color: #9ca3af;
  opacity: 0.9;
}

.latest-update__meta {
  color: #64748b;
  font-size: 0.9rem;
}

.latest-update__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.latest-update__action {
  font-size: 0.86rem;
  font-weight: 700;
}

.latest-update__empty-action {
  display: flex;
  justify-content: center;
  margin-top: -0.75rem;
}

.narrative-updates-feed {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.narrative-update-card {
  padding: 1rem 0;
  border-top: 1px solid #e8eef7;
}

.narrative-update-card__meta {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  color: #64748b;
  font-size: 0.9rem;
  margin-bottom: 0.55rem;
}

.narrative-update-card__meta strong {
  color: #374151;
}

.narrative-update-card__body {
  margin-top: 0.35rem;
  max-width: 54rem;
}

.narrative-updates-feed .narrative-update-card:first-child {
  border-top: 0;
  padding-top: 0.4rem;
}

.project-page__grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
  min-width: 0;
}

.initiative-signals-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.initiative-signals-panel {
  display: grid;
  grid-template-columns: minmax(260px, 1.15fr) minmax(0, 2.85fr);
  gap: 1rem;
}

.initiative-signals-panel .project-health-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.initiative-signal-card--featured {
  min-height: 150px;
}

.project-health-card--featured.is-risk {
  background: radial-gradient(circle at 0% 50%, rgba(244, 63, 94, 0.11), transparent 46%), linear-gradient(135deg, #fffafa 0%, #fff7f7 100%);
  border-color: #fecdd3;
}

.project-health-card--featured.is-risk .project-health-card__icon {
  color: #be123c;
  background: #fff1f2;
  border-color: #fecdd3;
}

.project-health-card--featured.is-watch {
  background: radial-gradient(circle at 0% 50%, rgba(251, 191, 36, 0.12), transparent 46%), linear-gradient(135deg, #fffdf8 0%, #f7fbff 100%);
  border-color: #ead8aa;
}

.project-health-card--featured.is-strong {
  background: radial-gradient(circle at 0% 50%, rgba(34, 197, 94, 0.1), transparent 46%), linear-gradient(135deg, #fbfffd 0%, #f7fbff 100%);
  border-color: #bbf7d0;
}

.project-health-card--featured.is-strong .project-health-card__icon {
  color: #047857;
  background: #ecfdf5;
  border-color: #bbf7d0;
}

.initiative-signal-datebar {
  width: 100%;
  height: 0.36rem;
  overflow: hidden;
  border-radius: 999px;
  background: #e8edf5;
  margin-top: 0.45rem;
}

.initiative-signal-datebar span {
  display: block;
  height: 100%;
  min-width: 0.2rem;
  border-radius: inherit;
  background: linear-gradient(90deg, #60a5fa 0%, #4f46e5 100%);
}

.initiative-timeline-card__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid #e8eef7;
  padding-bottom: 0.9rem;
}

.initiative-timeline-card__stats > div {
  min-width: 0;
  padding: 0 1rem;
  border-left: 1px solid #e8eef7;
}

.initiative-timeline-card__stats > div:first-child {
  padding-left: 0;
  border-left: 0;
}

.initiative-timeline-card__stats strong {
  display: block;
  margin-top: 0.25rem;
  color: #16202d;
  font-size: 0.95rem;
}

.initiative-timeline-card__track {
  margin-top: 0.9rem;
}

.initiative-timeline-card__months,
.initiative-timeline-card__dates {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #64748b;
  font-size: 0.82rem;
}

.initiative-timeline-card__bar-wrap {
  position: relative;
  height: 1.45rem;
  margin: 1.05rem 0 0.35rem;
  border-radius: 999px;
  background: #e8edf5;
  overflow: visible;
}

.initiative-timeline-card__bar {
  position: absolute;
  inset: 0.3rem 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%);
  box-shadow: 0 2px 5px rgba(79, 70, 229, 0.22);
  overflow: visible;
}

.initiative-timeline-card__bar::before,
.initiative-timeline-card__bar::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  border: 2px solid #4f46e5;
  background: #fff;
  transform: translateY(-50%);
}

.initiative-timeline-card__bar::before {
  left: 0;
}

.initiative-timeline-card__bar::after {
  right: 0;
}

.initiative-header-mini-timeline {
  display: block;
  margin: 0.45rem 0 0;
  width: min(100%, 13rem);
}

.initiative-header-mini-timeline__bar {
  display: block;
  height: 0.42rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%);
  box-shadow: 0 2px 5px rgba(79, 70, 229, 0.18);
}

.initiative-header-mini-timeline__dates {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 600;
}

.initiative-overdue-note {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0.45rem 0 0;
  color: #be123c;
  font-size: 0.8rem;
  font-weight: 700;
}

.initiative-overdue-note--timeline {
  justify-content: center;
  margin-top: 0.55rem;
}

.initiative-status-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.initiative-status-popover-trigger {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  color: #1d63f2;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 600;
}

.initiative-status-popover-trigger:hover,
.initiative-status-popover-trigger:focus-visible {
  color: #164fc2;
  text-decoration: underline;
  text-underline-offset: 0.14em;
}

.initiative-status-value {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.initiative-status-value .fa-circle-check {
  color: #059669;
}

.initiative-timeline-card__today {
  position: absolute;
  top: -0.5rem;
  bottom: -0.2rem;
  z-index: 3;
  width: 0;
  border-left: 2px solid #2563eb;
  pointer-events: none;
}

.initiative-timeline-card__today span {
  position: absolute;
  top: -0.95rem;
  left: 50%;
  transform: translateX(-50%);
  color: #1d4ed8;
  background: #fff;
  padding: 0 0.2rem;
  font-size: 0.72rem;
  font-weight: 800;
}

.initiative-page .project-page__hero-metrics a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.project-show__shell .platforms-tabs-content {
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  padding: 1rem 0 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.project-show__shell,
.project-show__shell .platforms-tabs-nav,
.project-show__shell .platforms-tabs-content,
.project-show__shell .project-section {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 768px) {
  .project-page__hero-top,
  .project-page__hero-details {
    display: grid;
    grid-template-columns: 1fr;
  }
  .project-page__hero-metrics,
  .project-page__hero-details {
    gap: 0.75rem;
  }
  .project-page__hero-metric,
  .project-page__hero-detail {
    border-left: 0;
    padding: 0;
  }
}
.project-show__shell .platforms-tabs-nav {
  margin-bottom: 0.7rem !important;
}

.project-show__shell .workspace-tabs ul {
  border-bottom-color: #dfe7f1 !important;
}

.project-show__shell .workspace-tabs li a,
.project-show__shell .workspace-tabs.tabs.is-boxed li a {
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 2.65rem;
  padding: 0.65rem 0.9rem;
}

.project-show__shell .workspace-tabs li:not(.is-active) a:hover,
.project-show__shell .workspace-tabs.tabs.is-boxed li:not(.is-active) a:hover {
  background: #f4f7fb !important;
  border-radius: 8px 8px 0 0 !important;
}

.project-show__shell .workspace-tabs li.is-active a,
.project-show__shell .workspace-tabs.tabs.is-boxed li.is-active a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #1d63f2 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1d63f2 !important;
}

.project-history {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.project-history__month + .project-history__month {
  margin-top: 0.85rem;
}

.project-history__month-header {
  padding-left: 0;
}

.project-history__month-title {
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b7786;
  font-weight: 700;
  margin: 0 0 0.75rem;
}

.project-history__days {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.project-history__date {
  font-size: 1rem;
  line-height: 1.35;
  color: #17212e;
  font-weight: 700;
}

.project-history__rail {
  position: relative;
  min-width: 0;
  padding-left: 1.2rem;
}

.project-history__rail::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: #e3ebf5;
  border-radius: 999px;
}

.project-history__marker {
  position: absolute;
  left: -0.5rem;
  top: 0.65rem;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 999px;
  background: #4f6cf7;
  box-shadow: 0 0 0 4px #f5f8fc;
}

.project-history__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.project-history__date-row {
  padding-top: 0.15rem;
}

.project-history__card {
  border: 1px solid #e6edf7;
  border-radius: 16px;
  background: #f8fbff;
  padding: 0.9rem 1rem;
}

.project-history__card--project {
  background: linear-gradient(180deg, #f4fbf7 0%, #eef9f2 100%);
  border-color: #d6ebde;
}

.project-history__card--roadmap {
  background: linear-gradient(180deg, #f7faff 0%, #f1f6fd 100%);
  border-color: #dbe6f4;
}

.project-history__card--decision {
  background: linear-gradient(180deg, #f9f5ff 0%, #f4efff 100%);
  border-color: #e7dcfd;
}

.project-history__card--risk {
  background: linear-gradient(180deg, #fff7f7 0%, #fff1f1 100%);
  border-color: #f3d5d5;
}

.project-history__card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin-bottom: 0.55rem;
}

.project-history__kind {
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f6b7a;
  font-weight: 800;
}

.project-history__actor-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #dde6f0;
  color: #51627d;
  font-size: 0.76rem;
  font-weight: 600;
  white-space: nowrap;
}

.project-history__card-body {
  display: flex;
  gap: 0.8rem;
}

.project-history__icon {
  width: 1.25rem;
  display: inline-flex;
  justify-content: center;
  padding-top: 0.15rem;
  flex-shrink: 0;
}

.project-history__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.project-history__title {
  color: #17212e;
  line-height: 1.45;
  font-weight: 600;
}

.project-history__detail,
.project-history__meta {
  color: #617084;
  font-size: 0.86rem;
  line-height: 1.45;
}

.project-section {
  border: 1px solid #edf2f7;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
  background: #fff;
  padding: 1.1rem 1.25rem;
}

.project-section__header {
  margin-bottom: 0.8rem;
}

.project-section__heading-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.project-section__heading-row .title .icon {
  margin-right: 0.3rem;
  color: #64748b;
}

.project-health-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 0.9rem;
  min-width: 0;
}

.project-health-panel {
  display: grid;
  grid-template-columns: minmax(280px, 1.35fr) minmax(0, 2.65fr);
  gap: 1rem;
  align-items: stretch;
}

.project-health-grid--supporting {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.project-health-card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  padding: 1rem 1.05rem;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e3eaf3;
  box-shadow: 0 10px 22px rgba(15, 27, 61, 0.035);
}

.project-health-card.is-primary {
  background: linear-gradient(180deg, #f5fbff 0%, #ecf7fd 100%);
  border-color: #bddded;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.project-health-card--featured {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  min-height: 190px;
  padding: 1.35rem 1.45rem;
  background: radial-gradient(circle at 0% 50%, rgba(251, 191, 36, 0.12), transparent 46%), linear-gradient(135deg, #fffdf8 0%, #f7fbff 100%);
  border-color: #ead8aa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 12px 26px rgba(15, 27, 61, 0.045);
}

.project-health-card--featured .project-health-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.project-health-card.is-primary .project-health-card__value,
.project-health-card--featured .project-health-card__value {
  font-size: 1.55rem;
}

.project-health-card.is-strong {
  border-color: #bfe4cb;
}

.project-health-card.is-watch {
  border-color: #f0d78b;
}

.project-health-card.is-risk {
  border-color: #f3c2c2;
}

.project-health-card--supporting {
  min-height: 190px;
  justify-content: flex-start;
}

.project-health-card__topline {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.project-health-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  font-size: 0.9rem;
  color: #2563eb;
  background: #eff6ff;
  border: 1px solid #dbeafe;
}

.project-health-card--featured .project-health-card__icon {
  width: 4.4rem;
  height: 4.4rem;
  font-size: 1.65rem;
  color: #d97706;
  background: #fff7e6;
  border: 0.45rem solid #fde9b4;
}

.project-health-card__icon--velocity {
  color: #dc2626;
  background: #fff1f2;
  border-color: #fecdd3;
}

.project-health-card__icon--health {
  color: #059669;
  background: #ecfdf5;
  border-color: #bbf7d0;
}

.project-health-card__icon--risk {
  color: #475569;
  background: #f8fafc;
  border-color: #dbe3ee;
}

.project-health-card.is-risk .project-health-card__value,
.project-health-card.is-risk .project-health-card__icon {
  color: #be123c;
}

.project-health-card.is-watch .project-health-card__value {
  color: #a16207;
}

.project-health-card.is-strong .project-health-card__value {
  color: #047857;
}

.project-health-card__value--compact {
  font-size: 0.98rem;
}

.project-confidence-bar {
  display: flex;
  width: 100%;
  height: 0.42rem;
  overflow: hidden;
  border-radius: 999px;
  background: #eef2f7;
  margin: 0.35rem 0 0.15rem;
}

.project-confidence-bar__segment {
  min-width: 0.25rem;
}

.project-confidence-bar__segment.is-high {
  background: #22c55e;
}

.project-confidence-bar__segment.is-medium {
  background: #facc15;
}

.project-confidence-bar__segment.is-low {
  background: #ef4444;
}

.initiative-timeline {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  --timeline-meta-col: 320px;
  --timeline-action-col: 64px;
  --timeline-gap: 1rem;
}

.initiative-timeline__section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.initiative-timeline__header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}

.initiative-timeline__roadmap-link {
  color: #2563eb;
  font-size: 0.9rem;
  font-weight: 600;
}

.initiative-timeline--scrollable {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.25rem;
  max-width: 100%;
  width: 100%;
  min-width: 0;
  -webkit-overflow-scrolling: touch;
}

.initiative-timeline__canvas {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  width: max-content;
  min-width: 0;
  position: relative;
  flex: 0 0 auto;
}

.initiative-timeline--scrollable .initiative-timeline__canvas {
  width: calc(var(--timeline-meta-col) + var(--timeline-action-col) + var(--timeline-gap) * 2 + var(--timeline-month-count) * 9rem);
  min-width: 100%;
}

.initiative-timeline__canvas::after {
  content: none;
}

.initiative-timeline__canvas.initiative-timeline--with-today::after {
  content: "";
  position: absolute;
  left: calc(var(--timeline-meta-col) + var(--timeline-gap) + (100% - var(--timeline-meta-col) - var(--timeline-action-col) - var(--timeline-gap) * 2) * var(--today-ratio));
  top: 3.7rem;
  bottom: 0.2rem;
  width: 0;
  border-left: 2px solid #c2410c;
  opacity: 0.9;
  pointer-events: none;
  z-index: 3;
}

.initiative-timeline__header,
.initiative-timeline__row {
  display: grid;
  grid-template-columns: minmax(240px, var(--timeline-meta-col)) minmax(0, 1fr) var(--timeline-action-col);
  gap: var(--timeline-gap);
}

.initiative-timeline__header {
  padding-inline: 10px;
}

.initiative-timeline__row {
  position: relative;
  align-items: stretch;
  padding: 10px;
  border-radius: 18px;
  background: #f8fafc;
}

.initiative-timeline__header-meta,
.initiative-timeline__meta {
  position: sticky;
  left: 0;
  z-index: 4;
  background: #f8fafc;
  box-shadow: 10px 0 14px -14px rgba(15, 23, 42, 0.22);
}

.initiative-timeline__header-meta {
  background: #ffffff;
}

.initiative-timeline__header-spacer,
.initiative-timeline__actions {
  position: sticky;
  right: 0;
  z-index: 4;
  background: #f8fafc;
  box-shadow: -10px 0 14px -14px rgba(15, 23, 42, 0.22);
}

.initiative-timeline__header-spacer {
  background: #ffffff;
}

.initiative-timeline__header-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b7786;
  grid-column: 1/2;
}

.initiative-timeline__header-meta {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.initiative-timeline__sort-form {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.initiative-timeline__sort-label {
  font-size: 0.78rem;
  color: #6b7786;
}

.initiative-timeline-table {
  --it-table-left-col: 360px;
  --it-table-row-height: 6.6rem;
  --it-table-sticky-bg: #ffffff;
  width: 100%;
  min-width: 0;
}

.initiative-timeline-table__viewport {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.25rem;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  border: 1px solid #dfe7f1;
  border-radius: 14px;
  background: #fff;
}

.initiative-timeline-table__viewport.is-dragging {
  cursor: grabbing;
}

.initiative-timeline-table__content {
  position: relative;
  display: grid;
  grid-template-columns: var(--it-table-left-col) var(--timeline-content-width);
  min-width: calc(var(--it-table-left-col) + var(--timeline-content-width));
  background: #fff;
  overflow: visible;
}

.initiative-timeline-table__head,
.initiative-timeline-table__row {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: var(--it-table-left-col) var(--timeline-content-width);
}

.initiative-timeline-table__head {
  min-height: 3.2rem;
  border-bottom: 1px solid #dfe7f1;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
}

.initiative-timeline-table__initiative-head {
  display: flex;
  align-items: center;
}

.initiative-timeline-table__initiative-head {
  position: sticky;
  left: 0;
  z-index: 6;
  padding: 0 1rem;
  border-right: 1px solid #dfe7f1;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
  box-shadow: 10px 0 16px -16px rgba(15, 23, 42, 0.34);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #526072;
}

.initiative-timeline-table__months,
.initiative-timeline-table__track {
  position: relative;
  min-width: 0;
}

.initiative-timeline-table__months {
  overflow: hidden;
}

.initiative-timeline-table__month,
.initiative-timeline-table__gridline {
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #dfe7f1;
}

.initiative-timeline-table__month {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10rem;
  transform: translateX(-1px);
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155;
  white-space: nowrap;
}

.initiative-timeline-table__body {
  display: contents;
}

.initiative-timeline-table__row {
  min-height: var(--it-table-row-height);
  border-bottom: 1px solid #e8eef6;
  background: #fff;
  cursor: pointer;
}

.initiative-timeline-table__row:hover,
.initiative-timeline-table__row:focus-visible {
  background: #fbfdff;
  outline: none;
}

.initiative-timeline-table__initiative {
  position: sticky;
  left: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 1rem;
  border-right: 1px solid #dfe7f1;
  background: var(--it-table-sticky-bg);
  box-shadow: 10px 0 16px -16px rgba(15, 23, 42, 0.34);
}

.initiative-timeline-table__identity {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  min-width: 0;
}

.initiative-timeline-table__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 10px;
  font-size: 1rem;
  background: #eef2ff;
  color: #4f46e5;
}

.initiative-timeline-table__icon.is-complete {
  background: #ecfdf5;
  color: #047857;
}

.initiative-timeline-table__icon.is-attention {
  background: #fffbeb;
  color: #b45309;
}

.initiative-timeline-table__identity .team-avatar {
  flex: 0 0 auto;
}

.initiative-timeline-table__copy {
  min-width: 0;
}

.initiative-timeline-table__title {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  color: #111827;
  font-weight: 800;
  line-height: 1.22;
  text-decoration: none;
}

.initiative-timeline-table__title:hover,
.initiative-timeline-table__team-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

.initiative-timeline-table__team,
.initiative-timeline-table__team-link {
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.35;
  text-decoration: none;
}

.initiative-timeline-table__pills {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.45rem;
}

.initiative-timeline-table__pills .status-pill,
.initiative-timeline-table__pills .project-inline-pill {
  padding: 0.22rem 0.58rem;
  font-size: 0.72rem;
}

.initiative-timeline-table__track {
  min-height: var(--it-table-row-height);
  overflow: hidden;
}

.initiative-timeline-table__gridline {
  width: 1px;
  background: transparent;
  opacity: 0.9;
  z-index: 0;
}

.initiative-timeline-table__bar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  min-width: 1rem;
  height: 1.45rem;
  padding: 0 0.75rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  z-index: 2;
  color: #fff;
  background: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%);
  box-shadow: 0 2px 5px rgba(79, 70, 229, 0.22);
}

.initiative-timeline-table__bar-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  font-weight: 700;
}

.initiative-timeline-table__bar.is-planned {
  background: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%);
}

.initiative-timeline-table__bar.is-active {
  background: linear-gradient(90deg, #06b6d4 0%, #0891b2 100%);
}

.initiative-timeline-table__bar.is-risk {
  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

.initiative-timeline-table__bar.is-complete {
  background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.initiative-timeline-table__bar.is-paused {
  background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}

.initiative-timeline-table__bar.is-cancelled {
  background: linear-gradient(90deg, #94a3b8 0%, #64748b 100%);
}

.initiative-timeline-table__content--with-today::after {
  content: "";
  position: absolute;
  top: 3.2rem;
  bottom: 0;
  left: calc(var(--it-table-left-col) + var(--today-ratio) * var(--timeline-content-width));
  width: 0;
  border-left: 2px solid #2563eb;
  opacity: 0.88;
  pointer-events: none;
  z-index: 1;
}

.initiative-timeline-table__today-label {
  position: absolute;
  top: 3.65rem;
  left: calc(var(--it-table-left-col) + var(--today-ratio) * var(--timeline-content-width));
  transform: translate(-50%, -100%);
  z-index: 4;
  color: #1d4ed8;
  font-size: 0.72rem;
  font-weight: 800;
  background: #fff;
  padding: 0 0.2rem;
  pointer-events: none;
}

.initiative-timeline-table__empty {
  border: 1px solid #dfe7f1;
  border-radius: 14px;
  background: #fbfdff;
  padding: 1.25rem;
}

.initiative-timeline__header .initiative-timeline__scale {
  grid-column: 2/3;
  min-width: 0;
}

.initiative-timeline__header-spacer {
  grid-column: 3/4;
}

.initiative-timeline__scale,
.initiative-timeline__track,
.project-item-row__duration-track {
  position: relative;
  min-height: 2.75rem;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfcfd 0%, #f3f6fa 100%);
  border: 1px solid #e2e8f0;
  overflow: hidden;
  isolation: isolate;
}

.initiative-timeline__month,
.initiative-timeline__gridline,
.project-item-row__duration-gridline {
  position: absolute;
  top: 0;
  bottom: 0;
}

.initiative-timeline__month {
  padding-left: 0.5rem;
  border-left: 1px solid #d9e2ec;
  display: flex;
  align-items: center;
  font-size: 0.78rem;
  color: #5b6776;
  white-space: nowrap;
}

.initiative-timeline__gridline,
.project-item-row__duration-gridline {
  width: 1px;
  background: #d9e2ec;
  opacity: 0.8;
  z-index: 0;
}

.initiative-timeline__rows {
  display: flex;
  flex-direction: column;
  gap: 0.575rem;
}

.initiative-timeline__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.45rem;
  padding-block: 0.2rem;
  position: relative;
}

.initiative-timeline__meta::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.75rem;
  width: 0.75rem;
  border-top: 1px solid #e5ecf4;
  opacity: 0.9;
  transform: translateY(-50%);
}

.initiative-timeline__title {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.84rem;
  line-height: 1.25;
  color: #17212e;
}

.initiative-timeline__complete-icon {
  color: #10b981;
  font-size: 0.82rem;
  line-height: 1;
}

.initiative-timeline__submeta {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.initiative-timeline__team-line {
  color: #617084;
  font-size: 0.76rem;
  line-height: 1.2;
}

.initiative-timeline__pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

.initiative-timeline__team-link {
  color: #526072;
  font-weight: 500;
  text-decoration: none;
}

.initiative-timeline__team-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

.initiative-timeline__pill-row .status-pill,
.initiative-timeline__pill-row .project-inline-pill {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  padding: 0.24rem 0.62rem;
  font-size: 0.72rem;
}

.initiative-timeline__pill-row .status-pill {
  font-size: 0.72rem;
}

.initiative-timeline__pill-row .status-pill::before {
  margin-right: 0.35rem;
}

.initiative-timeline__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
}

.initiative-timeline__edit-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  border: 1px solid #d9e2ec;
  background: #f8fafc;
  color: #526072;
  text-decoration: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.initiative-timeline__edit-link:hover,
.initiative-timeline__edit-link:focus-visible {
  background: #eef4ff;
  border-color: #bfd1ff;
  color: #1d4ed8;
}

.initiative-timeline__edit-label {
  display: none;
}

.initiative-timeline__track {
  min-height: 100%;
  border-radius: 18px;
}

.initiative-timeline {
  --timeline-row-gap: 0.575rem;
  --timeline-row-height: 6rem;
}

.initiative-timeline-shell {
  display: grid;
  grid-template-columns: minmax(240px, var(--timeline-meta-col)) minmax(0, 1fr) var(--timeline-action-col);
  column-gap: var(--timeline-gap);
  row-gap: 0.85rem;
  align-items: start;
}

.initiative-timeline-shell__meta-head,
.initiative-timeline-shell__actions-head {
  min-height: 2.75rem;
}

.initiative-timeline-shell__scroll-column {
  grid-column: 2;
  grid-row: 1/span 2;
  min-width: 0;
}

.initiative-timeline-shell__meta-list,
.initiative-timeline-shell__actions-list,
.initiative-timeline__tracks {
  display: flex;
  flex-direction: column;
  gap: var(--timeline-row-gap);
}

.initiative-timeline-shell__meta-list,
.initiative-timeline-shell__actions-list {
  min-width: 0;
}

.initiative-timeline__scroll-viewport {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.25rem;
  -webkit-overflow-scrolling: touch;
}

.initiative-timeline__scroll-inner {
  width: var(--timeline-track-width, 100%);
  min-width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.initiative-timeline__scroll-inner::after {
  content: none;
}

.initiative-timeline__scroll-inner--with-today::after {
  content: "";
  position: absolute;
  left: calc(var(--today-ratio) * 100%);
  top: 0;
  bottom: 0.25rem;
  width: 0;
  border-left: 2px solid #c2410c;
  opacity: 0.9;
  pointer-events: none;
  z-index: 3;
}

.initiative-timeline__scale--wide,
.initiative-timeline__track--wide {
  width: var(--timeline-track-width, 100%);
}

.initiative-timeline__meta-card,
.initiative-timeline__action-row,
.initiative-timeline__track-row {
  min-height: var(--timeline-row-height);
  display: flex;
  align-items: center;
}

.initiative-timeline__meta-card,
.initiative-timeline__action-row {
  padding: 10px;
  border-radius: 18px;
  background: #f8fafc;
}

.initiative-timeline__action-row {
  justify-content: center;
}

.initiative-timeline__bar,
.project-item-row__duration-bar {
  position: absolute;
  top: 50%;
  height: 1rem;
  transform: translateY(-50%);
  min-width: 0.7rem;
  border-radius: 999px;
  z-index: 5;
  opacity: 1 !important;
  visibility: visible !important;
}

.initiative-timeline__bar {
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  padding: 0 0.55rem;
  overflow: hidden;
  background-color: #475569 !important;
  background-image: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.initiative-timeline__bar-label {
  font-size: 0.72rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.initiative-timeline__bar.is-planned,
.project-item-row__duration-bar.is-planned {
  background-color: #4f46e5 !important;
  background-image: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%) !important;
}

.initiative-timeline__bar.is-active,
.project-item-row__duration-bar.is-active {
  background-color: #0891b2 !important;
  background-image: linear-gradient(90deg, #06b6d4 0%, #0891b2 100%) !important;
}

.initiative-timeline__bar.is-risk,
.project-item-row__duration-bar.is-risk {
  background-color: #dc2626 !important;
  background-image: linear-gradient(90deg, #ef4444 0%, #dc2626 100%) !important;
}

.initiative-timeline__bar.is-complete,
.project-item-row__duration-bar.is-complete {
  background-color: #059669 !important;
  background-image: linear-gradient(90deg, #10b981 0%, #059669 100%) !important;
}

.initiative-timeline__bar.is-paused,
.project-item-row__duration-bar.is-paused {
  background-color: #d97706 !important;
  background-image: linear-gradient(90deg, #f59e0b 0%, #d97706 100%) !important;
}

.initiative-timeline__bar.is-cancelled,
.project-item-row__duration-bar.is-cancelled {
  background-color: #64748b !important;
  background-image: linear-gradient(90deg, #94a3b8 0%, #64748b 100%) !important;
}

.initiative-timeline-v2 {
  --itv2-meta-col: 320px;
  --itv2-action-col: 64px;
  --itv2-gap: 1rem;
  --itv2-row-gap: 0.575rem;
  --itv2-row-height: 5.5rem;
  --itv2-month-height: 2.75rem;
  --itv2-header-offset: calc(var(--itv2-month-height) + 0.85rem);
  width: 100%;
  min-width: 0;
}

.initiative-timeline-v2__layout {
  display: grid;
  grid-template-columns: minmax(240px, var(--itv2-meta-col)) minmax(0, 1fr) var(--itv2-action-col);
  column-gap: var(--itv2-gap);
  row-gap: 0.85rem;
  align-items: start;
}

.initiative-timeline-v2__header-spacer {
  min-height: var(--itv2-header-offset);
}

.initiative-timeline-v2__meta-list,
.initiative-timeline-v2__action-list {
  display: flex;
  flex-direction: column;
  gap: var(--itv2-row-gap);
}

.initiative-timeline-v2__meta-card,
.initiative-timeline-v2__action-row {
  box-sizing: border-box;
  height: var(--itv2-row-height);
  padding: 10px;
  border-radius: 18px;
  background: #f8fafc;
}

.initiative-timeline-v2__meta-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
}

.initiative-timeline-v2__title {
  font-size: 0.84rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.initiative-timeline-v2__title-link {
  color: #1e40af;
  text-decoration: none;
  min-width: 0;
}

.initiative-timeline-v2__title-link:hover {
  text-decoration: underline;
}

.initiative-timeline-v2__team {
  color: #617084;
  font-size: 0.76rem;
  line-height: 1.2;
}

.initiative-timeline-v2__team-link {
  color: #526072;
  text-decoration: none;
}

.initiative-timeline-v2__team-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

.initiative-timeline-v2__title-icon,
.initiative-timeline-v2__bar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  flex: 0 0 auto;
}

.initiative-timeline-v2__title-icon {
  width: 1rem;
  height: 1rem;
  font-size: 0.58rem;
}

.initiative-timeline-v2__bar-icon {
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.32rem;
  font-size: 0.54rem;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.initiative-timeline-v2__title-icon.is-complete {
  background: #dcfce7;
  color: #15803d;
}

.initiative-timeline-v2__title-icon.is-attention {
  background: #fef3c7;
  color: #b45309;
}

.initiative-timeline-v2__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

.initiative-timeline-v2__pills .status-pill,
.initiative-timeline-v2__pills .project-inline-pill {
  padding: 0.24rem 0.62rem;
  font-size: 0.72rem;
}

.initiative-timeline-v2__action-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.initiative-timeline-v2__edit-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  border: 1px solid #d9e2ec;
  background: #ffffff;
  color: #526072;
  text-decoration: none;
}

.initiative-timeline-v2__edit-link:hover,
.initiative-timeline-v2__edit-link:focus-visible {
  background: #eef4ff;
  border-color: #bfd1ff;
  color: #1d4ed8;
}

.initiative-timeline-v2__center,
.initiative-timeline-v2__viewport {
  min-width: 0;
}

.initiative-timeline-v2__viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.25rem;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.initiative-timeline-v2__content {
  width: var(--timeline-content-width, 100%);
  min-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  position: relative;
}

.initiative-timeline-v2__content--with-today::after {
  content: "";
  position: absolute;
  left: calc(var(--today-ratio) * 100%);
  top: 0;
  bottom: 0.25rem;
  width: 0;
  border-left: 2px solid #c2410c;
  opacity: 0.9;
  pointer-events: none;
  z-index: 2;
}

.initiative-timeline-v2__viewport.is-dragging {
  cursor: grabbing;
}

.initiative-timeline-v2__months,
.initiative-timeline-v2__track {
  position: relative;
  width: var(--timeline-content-width, 100%);
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfcfd 0%, #f3f6fa 100%);
  border: 1px solid #e2e8f0;
  overflow: hidden;
  isolation: isolate;
}

.initiative-timeline-v2__months {
  min-height: var(--itv2-month-height);
}

.initiative-timeline-v2__track {
  box-sizing: border-box;
  min-height: 0;
  height: 100%;
}

.initiative-timeline-v2__tracks {
  display: flex;
  flex-direction: column;
  gap: var(--itv2-row-gap);
}

.initiative-timeline-v2__track-row {
  box-sizing: border-box;
  height: var(--itv2-row-height);
  display: flex;
  align-items: center;
}

.initiative-timeline-v2__month,
.initiative-timeline-v2__gridline {
  position: absolute;
  top: 0;
  bottom: 0;
}

.initiative-timeline-v2__month {
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  border-left: 1px solid #d9e2ec;
  font-size: 0.78rem;
  color: #5b6776;
  white-space: nowrap;
}

.initiative-timeline-v2__gridline {
  width: 1px;
  background: #d9e2ec;
  opacity: 0.8;
  z-index: 0;
}

.initiative-timeline-v2__bar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  min-width: 0.7rem;
  height: 1.4rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  z-index: 3;
  color: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
}

.initiative-timeline-v2__bar-label {
  display: inline-flex;
  align-items: center;
  font-size: 0.72rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.initiative-timeline-v2__bar.is-planned {
  background: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%);
}

.initiative-timeline-v2__bar.is-active {
  background: linear-gradient(90deg, #06b6d4 0%, #0891b2 100%);
}

.initiative-timeline-v2__bar.is-risk {
  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

.initiative-timeline-v2__bar.is-complete {
  background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.initiative-timeline-v2__bar.is-paused {
  background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}

.initiative-timeline-v2__bar.is-cancelled {
  background: linear-gradient(90deg, #94a3b8 0%, #64748b 100%);
}

.project-items-table {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.project-item-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem 0;
  border-top: 1px solid #edf2f7;
}

.project-item-row:first-child {
  padding-top: 0;
  border-top: 0;
}

.project-item-row__title {
  margin: 0 0 0.25rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: #17212e;
}

.project-item-row__main {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  flex: 1 1 auto;
}

.project-item-row__topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}

.project-item-row__aside {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  align-items: center;
}

.project-inline-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.78rem;
  border: 1px solid #dde6ef;
  background: #f4f7fa;
  color: #425466;
}

.project-inline-pill.is-strong {
  background: #e6f6ee;
  border-color: #bfe4cb;
  color: #115e3b;
}

.project-inline-pill.is-watch {
  background: #fff6dd;
  border-color: #f0d78b;
  color: #8a5b00;
}

.project-inline-pill.is-risk {
  background: #fdecec;
  border-color: #f3c2c2;
  color: #8e1f2d;
}

.project-inline-pill.is-overdue {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #be123c;
}

.project-inline-pill.is-complete {
  align-items: center;
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #047857;
  display: inline-flex;
  gap: 0.35rem;
}

.project-dependencies {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.project-page__lower-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.9rem;
  min-width: 0;
}

.project-section--dependencies {
  grid-column: 1/-1;
}

@media (max-width: 900px) {
  .project-page__hero-top,
  .project-page__lower-grid,
  .initiative-timeline-shell {
    grid-template-columns: 1fr;
  }
  .project-health-panel,
  .initiative-signals-panel,
  .project-health-grid--supporting {
    grid-template-columns: 1fr;
  }
  .initiative-signals-panel .project-health-grid,
  .initiative-timeline-card__stats {
    grid-template-columns: 1fr;
  }
  .initiative-timeline-card__stats {
    gap: 0.75rem;
  }
  .initiative-timeline-card__stats > div {
    border-left: 0;
    border-top: 1px solid #e8eef7;
    padding: 0.75rem 0 0;
  }
  .initiative-timeline-card__stats > div:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .project-health-card--featured,
  .project-health-card--supporting {
    min-height: 0;
  }
  .project-summary__row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
  .project-page__hero-top {
    display: flex;
    flex-direction: column;
  }
  .project-section__heading-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .initiative-timeline__section-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .initiative-timeline__header-actions {
    justify-content: flex-start;
  }
  .project-page__hero-metrics {
    gap: 0.85rem;
  }
  .project-page__hero-metric {
    border-left: 0;
    border-top: 1px solid #e8eef7;
    padding: 0.85rem 0 0 !important;
  }
  .project-page__hero-metric:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .project-page__hero-actions {
    justify-content: flex-start;
  }
  .project-page__hero-details {
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }
  .project-page__hero-detail {
    border-left: 0;
    border-top: 1px solid #e8eef7;
    padding: 0.85rem 0 0 !important;
  }
  .project-page__hero-detail:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .project-item-row {
    flex-direction: column;
  }
  .project-item-row__aside {
    justify-content: flex-start;
  }
  .project-history__day {
    padding-left: 0;
  }
  .project-history__days {
    padding-left: 0.85rem;
  }
  .project-history__month-header {
    padding-left: 0;
  }
  .project-history__card-topline {
    align-items: flex-start;
    flex-direction: column;
  }
  .initiative-timeline__month {
    font-size: 0.72rem;
  }
  .initiative-timeline__sort-form {
    align-self: flex-start;
  }
  .initiative-timeline__action-row {
    justify-content: flex-start;
  }
  .initiative-timeline__section-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .initiative-timeline__meta-card,
  .initiative-timeline__action-row {
    padding: 10px;
  }
  .initiative-timeline__bar-label {
    display: none;
  }
  .initiative-timeline__pill-row .status-pill,
  .initiative-timeline__pill-row .project-inline-pill {
    min-width: 0;
  }
  .initiative-timeline__scroll-inner::after {
    display: none;
  }
}
.strategy-index .workspace-row__right,
.strategy-page .workspace-row__right {
  gap: 0.5rem;
}

.strategy-index {
  overflow: visible;
  padding: 0;
}

.strategy-index + .strategy-index {
  margin-top: 1rem;
}

.strategy-index__section-header {
  border-bottom: 1px solid #edf1f7;
  padding: 1.05rem 1.25rem;
}

.strategy-index__section-header h2 {
  color: #0f172a;
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0;
}

.strategy-index__list {
  display: grid;
}

.strategy-index-row {
  align-items: center;
  display: grid;
  gap: 1.35rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 7rem;
  padding: 1.35rem 1.25rem;
  position: relative;
}

.strategy-index-row + .strategy-index-row {
  border-top: 1px solid #edf1f7;
}

.strategy-index-row__stretched-link {
  border-radius: 10px;
  inset: 0;
  position: absolute;
  z-index: 1;
}

.strategy-index-row:hover .strategy-index-row__title {
  color: #1d63f2;
}

.strategy-index-row__fy-badge {
  align-items: center;
  border-radius: 12px;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1rem;
  font-weight: 800;
  height: 4.35rem;
  justify-content: center;
  letter-spacing: -0.01em;
  width: 4.35rem;
}

.strategy-fy-badge--tone-0 {
  background: #e9f8ef;
  color: #05834f;
}

.strategy-fy-badge--tone-1 {
  background: #edf4ff;
  color: #1d63f2;
}

.strategy-fy-badge--tone-2 {
  background: #f1edff;
  color: #6d4bd8;
}

.strategy-fy-badge--tone-3 {
  background: #eaf7fb;
  color: #0f7c90;
}

.strategy-fy-badge--tone-4 {
  background: #fff4df;
  color: #a15c00;
}

.strategy-fy-badge--archived {
  background: #f1f5f9;
  color: #64748b;
}

.strategy-index-row__content {
  min-width: 0;
}

.strategy-index-row__title {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
}

.strategy-index-row__summary {
  color: #475569;
  font-size: 0.92rem;
  line-height: 1.45;
  margin: 0.45rem 0 0;
  max-width: 48rem;
}

.strategy-index-row__summary--empty {
  color: #7a8aa0;
}

.strategy-index-row__meta {
  align-items: center;
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.84rem;
  gap: 0.4rem 0.7rem;
  line-height: 1.35;
  margin: 0.72rem 0 0;
}

.strategy-index-row__meta span {
  align-items: center;
  display: inline-flex;
  gap: 0.36rem;
}

.strategy-index-row__meta span + span::before {
  color: #94a3b8;
  content: "•";
  margin-right: 0.3rem;
}

.strategy-index-row__side {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-self: end;
  position: relative;
  z-index: 2;
}

.strategy-index-row__badges {
  align-items: center;
  display: inline-flex;
  gap: 0.45rem;
}

.strategy-index-row__badges .tag {
  font-size: 0.72rem;
  height: 1.45rem;
  padding-left: 0.55rem;
  padding-right: 0.55rem;
  white-space: nowrap;
}

.strategy-index-row--archived {
  opacity: 0.78;
}

.strategy-create-source {
  border-top: 1px solid #edf1f7;
  margin-top: 0.95rem;
  padding-top: 0.95rem;
}

.strategy-create-source__choices,
.strategy-create-source__checks {
  display: grid;
  gap: 0.55rem;
}

.strategy-create-source__choice {
  align-items: flex-start;
  border: 1px solid #dfe6f0;
  border-radius: 8px;
  display: flex;
  gap: 0.55rem;
  padding: 0.72rem 0.8rem;
}

.strategy-create-source__choice strong,
.strategy-create-source__choice small {
  display: block;
}

.strategy-create-source__choice small {
  color: #64748b;
  font-size: 0.78rem;
  margin-top: 0.15rem;
}

.strategy-create-source__options {
  background: #f8fbff;
  border: 1px solid #dfe9f8;
  border-radius: 8px;
  margin-top: 0.75rem;
  padding: 0.85rem;
}

.strategy-create-source__options[hidden] {
  display: none;
}

.strategy-create-source__checks .checkbox {
  color: #334155;
  font-size: 0.9rem;
}

.strategy-create-actions {
  gap: 0.75rem;
  margin-top: 1.15rem;
}

.strategy-create-actions .strategy-create-actions__button,
.strategy-create-actions input.strategy-create-actions__button {
  flex: 0 0 auto;
  height: 2.45rem;
  min-height: 2.45rem;
  padding: 0 1rem;
  width: auto;
}

@media (max-width: 768px) {
  .strategy-index-row {
    align-items: flex-start;
    gap: 0.9rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
  }
  .strategy-index-row__fy-badge {
    height: 3.4rem;
    width: 3.4rem;
  }
  .strategy-index-row__side {
    grid-column: 2;
    justify-content: space-between;
    justify-self: stretch;
  }
  .strategy-index-row__meta {
    gap: 0.35rem 0.5rem;
  }
}
.strategy-page {
  background: #f4f3f3;
  display: grid;
  gap: 0.85rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1560px;
  padding-bottom: 2rem;
  width: 100%;
}

.strategy-plan-header {
  display: grid;
  gap: 0.45rem;
}

.strategy-plan-header__top {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  min-height: 2.45rem;
}

.strategy-plan-breadcrumb {
  margin: 0 !important;
  min-height: 2.25rem;
}

.strategy-plan-header__entity-row {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 0.55rem;
  min-height: 2.4rem;
}

.strategy-plan-header__main {
  min-width: 0;
}

.strategy-plan-header__title-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.strategy-plan-header__title-row h1 {
  color: #0f172a;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0;
}

.strategy-plan-header__meta {
  align-items: center;
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.86rem;
  gap: 0.75rem;
  margin: 0;
}

.strategy-plan-header__meta span + span {
  border-left: 1px solid #dbe3ef;
  padding-left: 0.75rem;
}

.strategy-plan-header__actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 0.5rem;
}

.strategy-plan-header__actions .nt-actions-menu {
  align-items: center;
  display: inline-flex;
}

.strategy-mode-toggle.health-survey-enable-switch {
  flex: 0 0 auto;
}

.strategy-page.is-view-mode .strategy-edit-only {
  display: none !important;
}

.strategy-page.is-view-mode .strategy-program-row p {
  display: none;
}

.strategy-page.is-view-mode .strategy-kpi-card:nth-child(n+5) {
  display: none;
}

.strategy-plan-header__actions .button.nt-btn,
.strategy-compact-action {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 0.9rem;
  gap: 0.45rem;
  height: 2.5rem;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0 0.85rem;
}

.strategy-plan-header__actions .nt-actions-menu__trigger {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 0.9rem;
  gap: 0.45rem;
  height: 2.5rem;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0 0.85rem;
}

.strategy-plan-sheet {
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
  display: grid;
  gap: 0;
  overflow: hidden;
}

.strategy-zone-stack.strategy-plan-sheet {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  gap: 0.9rem;
  overflow: visible;
}

.strategy-zone-panel,
.strategy-story-panel {
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.035);
}

.strategy-story-panel {
  background: #f8fbff;
  border-color: #dbeafe;
  display: grid;
  padding: 1.25rem 1.35rem;
}

.strategy-story-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.strategy-story-item {
  display: grid;
  gap: 1rem;
  min-width: 0;
  padding: 0.4rem 1.25rem 0.2rem;
  position: relative;
}

.strategy-story-item + .strategy-story-item {
  border-left: 1px solid rgba(148, 163, 184, 0.28);
}

.strategy-page.is-view-mode .strategy-story-item {
  border-left: 0;
}

.strategy-page.is-view-mode .strategy-story-item--optional-empty,
.strategy-page.is-view-mode .strategy-story-item:not(:has(.strategy-story-item__statement)) {
  display: none;
}

.strategy-page.is-view-mode .strategy-story-panel--optional-empty {
  display: none;
}

.strategy-story-item.has-rationale {
  cursor: pointer;
}

.strategy-story-item__heading {
  align-content: start;
  align-items: start;
  display: grid;
  gap: 0.75rem;
  grid-template-rows: 2.35rem auto;
}

.strategy-story-item__icon {
  align-items: center;
  background: #eef2ff;
  border: 1px solid #dbe4ff;
  border-radius: 999px;
  color: #4f46e5;
  display: inline-flex;
  height: 2.35rem;
  justify-content: center;
  line-height: 1;
  width: 2.35rem;
}

.strategy-story-item__heading > div {
  display: grid;
  gap: 0.25rem;
}

.strategy-story-item__heading h3 {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.2;
  margin: 0;
}

.strategy-story-item__heading p {
  color: #64748b;
  font-size: 0.8rem;
  line-height: 1.25;
  margin: 0;
}

.strategy-story-item__body {
  min-width: 0;
}

.strategy-story-item__statement {
  color: #0f172a;
  font-size: 0.96rem;
  font-weight: 650;
  line-height: 1.55;
  margin: 0;
}

.strategy-story-item__statement::before {
  background: #4f46e5;
  border-radius: 999px;
  content: "";
  display: block;
  height: 2px;
  margin-bottom: 1rem;
  width: 1.4rem;
}

.strategy-story-item__edit {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  color: #64748b;
  display: inline-flex;
  height: 1.55rem;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 0.55rem;
  top: 0.2rem;
  transition: opacity 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  width: 1.55rem;
}

.strategy-page.is-edit-mode .strategy-story-item:hover .strategy-story-item__edit,
.strategy-page.is-edit-mode .strategy-story-item:focus-within .strategy-story-item__edit {
  opacity: 1;
}

.strategy-zone-panel {
  display: grid;
  gap: 0.85rem;
  padding: 1.05rem 1.2rem;
}

.strategy-zone-panel--pillars {
  padding-bottom: 1.25rem;
}

.strategy-supporting-grid {
  align-items: start;
  display: grid;
  gap: 0.9rem;
  grid-template-columns: 1fr;
}

.strategy-linked-context {
  display: grid;
  gap: 0.9rem;
}

.strategy-section {
  display: grid;
  gap: 0.65rem;
  padding: 1rem 1.1rem;
}

.strategy-section + .strategy-section,
.strategy-narrative + .strategy-section {
  border-top: 1px solid #edf2f7;
}

.strategy-page.is-view-mode .strategy-section--optional-empty {
  display: none;
}

.strategy-section-header {
  align-items: flex-end;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.strategy-section-header h2 {
  color: #111827;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}

.strategy-section-header__label {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}

.strategy-section-header__icon {
  align-items: center;
  background: #f1f5ff;
  border: 1px solid #e1e8ff;
  border-radius: 999px;
  color: #4f46e5;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.82rem;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.strategy-section-header p {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.25;
  margin: 0.25rem 0 0;
}

.strategy-narrative {
  display: grid;
  gap: 0;
}

.strategy-narrative__block {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #edf2f7;
  border-radius: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(220px, 0.24fr) 1fr;
  min-height: 4rem;
  padding: 0.85rem 1.1rem;
}

.strategy-page.is-view-mode .strategy-narrative__block--optional-empty {
  display: none;
}

.strategy-narrative__block.has-rationale {
  cursor: pointer;
}

.strategy-narrative__block.has-rationale:hover,
.strategy-narrative__block.has-rationale:focus {
  background: #fbfdff;
}

.strategy-narrative__block.has-rationale:focus {
  outline: 2px solid rgba(47, 115, 239, 0.16);
  outline-offset: 2px;
}

.strategy-narrative__block.has-rationale.is-expanded {
  align-items: flex-start;
}

.strategy-narrative__label {
  align-items: center;
  display: flex;
  gap: 0.8rem;
  min-width: 0;
}

.strategy-narrative__label h2 {
  color: #111827;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}

.strategy-narrative__label h2 span {
  display: none;
}

.strategy-narrative__label p {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.25;
  margin: 0.25rem 0 0;
}

.strategy-narrative__icon {
  align-items: center;
  background: #f1f5ff;
  border: 1px solid #e1e8ff;
  border-radius: 999px;
  color: #4f46e5;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.strategy-narrative__content {
  align-items: center;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
}

.strategy-narrative__content-main {
  min-width: 0;
}

.strategy-narrative__statement {
  color: #1f2937;
  font-size: 1.08rem;
  font-weight: 650;
  line-height: 1.45;
  margin: 0;
}

.strategy-narrative__block:nth-child(1) .strategy-narrative__statement,
.strategy-narrative__block:nth-child(2) .strategy-narrative__statement {
  font-size: 1.13rem;
  line-height: 1.48;
}

.strategy-narrative__rationale-panel {
  border-top: 1px solid #edf2f7;
  color: #64748b;
  font-size: 0.8rem;
  margin-top: 0.45rem;
  padding-top: 0.45rem;
}

.strategy-narrative__rationale-panel p {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.4;
  margin: 0;
}

.strategy-narrative__edit-icon {
  align-items: center;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  color: #64748b;
  display: inline-flex;
  height: 1.85rem;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s ease, border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
  width: 1.85rem;
}

.strategy-narrative__block:hover .strategy-narrative__edit-icon,
.strategy-narrative__block:focus-within .strategy-narrative__edit-icon {
  opacity: 1;
}

.strategy-narrative__edit-icon:hover,
.strategy-narrative__edit-icon:focus {
  background: #f8fbff;
  border-color: #b9c8de;
  color: #2563eb;
}

.strategy-empty-inline,
.strategy-muted,
.strategy-program-row p,
.strategy-alignment-row p {
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.35;
  margin: 0;
}

.strategy-pillar-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 0.1rem;
}

.strategy-empty-panel {
  align-items: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 2rem 1fr auto;
  min-height: 3.6rem;
  padding: 0.65rem 0.85rem;
}

.strategy-empty-panel__icon {
  align-items: center;
  background: #f1f5ff;
  border: 1px solid #e1e8ff;
  border-radius: 999px;
  color: #4f46e5;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.strategy-empty-panel strong {
  color: #1f2937;
  display: block;
  font-size: 0.9rem;
  line-height: 1.2;
}

.strategy-empty-panel p {
  color: #64748b;
  font-size: 0.8rem;
  line-height: 1.25;
  margin: 0.1rem 0 0;
}

.strategy-principle-grid {
  display: grid;
  gap: 0 1.2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.strategy-principle-card {
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 0.45rem 1fr auto;
  min-height: 0;
  padding: 0.45rem 1.1rem 0.45rem 0;
  position: relative;
}

.strategy-principle-card + .strategy-principle-card {
  border-left: 1px solid #edf2f7;
  padding-left: 1.1rem;
}

.strategy-principle-card__dot {
  background: #4f46e5;
  border-radius: 999px;
  height: 0.38rem;
  margin-top: 0.42rem;
  width: 0.38rem;
}

.strategy-principle-card h3 {
  color: #1f2937;
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.25;
  margin: 0;
}

.strategy-principle-card p {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.35;
  margin: 0.18rem 0 0;
}

.strategy-principle-form__intro {
  align-items: center;
  background: #f8fbff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.9rem;
  padding: 0.75rem 0.85rem;
}

.strategy-principle-form__intro p {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.35;
  margin: 0;
}

.strategy-principle-form__icon {
  align-items: center;
  background: #eff6ff;
  border: 1px solid #dbe7ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.strategy-pillar-card {
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: 0.7rem;
  min-width: 220px;
  min-height: 0;
  max-width: none;
  padding: 0.95rem;
  position: relative;
  width: 100%;
}

.strategy-pillar-card__icon {
  align-items: center;
  background: #f1f5ff;
  border: 1px solid #e1e8ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.92rem;
  height: 2.1rem;
  justify-content: center;
  width: 2.1rem;
}

.strategy-pillar-grid:has(.strategy-pillar-card:nth-child(1):last-child) .strategy-pillar-card,
.strategy-pillar-grid:has(.strategy-pillar-card:nth-child(2):last-child) .strategy-pillar-card {
  flex: 0 1 380px;
  max-width: 380px;
}

.strategy-pillar-card.strategy-sortable-chosen,
.strategy-pillar-card.strategy-sortable-ghost,
.strategy-program-row.strategy-sortable-chosen,
.strategy-program-row.strategy-sortable-ghost,
.strategy-kpi-card.strategy-sortable-chosen,
.strategy-kpi-card.strategy-sortable-ghost {
  opacity: 0.72;
}

.strategy-pillar-edit-action {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  height: 1.55rem;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s ease, border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
  width: 1.55rem;
}

.strategy-pillar-edit-action {
  position: absolute;
  right: 0.55rem;
  top: 0.55rem;
}

.strategy-page.is-edit-mode .strategy-pillar-card:hover .strategy-pillar-edit-action,
.strategy-page.is-edit-mode .strategy-pillar-card:focus-within .strategy-pillar-edit-action,
.strategy-page.is-edit-mode .strategy-pillar-card:hover .strategy-inline-icon-action,
.strategy-page.is-edit-mode .strategy-pillar-card:focus-within .strategy-inline-icon-action,
.strategy-page.is-edit-mode .strategy-kpi-card:hover .strategy-inline-icon-action,
.strategy-page.is-edit-mode .strategy-kpi-card:focus-within .strategy-inline-icon-action {
  opacity: 1;
}

.strategy-pillar-edit-action:hover,
.strategy-pillar-edit-action:focus {
  background: #f8fbff;
  border-color: #b9c8de;
  color: #2563eb;
}

.strategy-pillar-card__head {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

.strategy-pillar-card__head h3 {
  color: #1f2937;
  font-size: 1.02rem;
  font-weight: 760;
  line-height: 1.2;
  margin: 0 0 0.35rem;
}

.strategy-pillar-card__head p {
  color: #475569;
  font-size: 0.88rem;
  line-height: 1.38;
  margin: 0;
}

.strategy-meta-line {
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.74rem;
  gap: 0.35rem;
  margin: 0;
}

.strategy-owner-line {
  align-items: center;
  color: #64748b;
  display: inline-flex;
  font-size: 0.78rem;
  gap: 0.35rem;
  margin: 0;
}

.strategy-meta-line span + span::before {
  color: #94a3b8;
  content: "·";
  margin-right: 0.35rem;
}

.strategy-program-list {
  border-top: 1px solid #edf2f7;
  display: grid;
  gap: 0.35rem;
  margin-top: 0.15rem;
  padding-top: 0.55rem;
}

.strategy-program-list__head {
  align-items: center;
  color: #475569;
  display: flex;
  font-size: 0.78rem;
  justify-content: space-between;
  text-transform: none;
}

.strategy-inline-icon-action {
  align-items: center;
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  color: #64748b;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1.55rem;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s ease, border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
  width: 1.55rem;
}

.strategy-inline-icon-action:hover,
.strategy-inline-icon-action:focus {
  background: #f8fbff;
  border-color: #b9c8de;
  color: #2563eb;
}

.strategy-program-dropzone {
  display: grid;
  gap: 0.2rem;
  min-height: 1.4rem;
}

.strategy-program-row {
  align-items: flex-start;
  display: grid;
  gap: 0.45rem;
  grid-template-columns: 0.5rem minmax(0, 1fr) auto;
  padding: 0.22rem 0;
}

.strategy-page.is-edit-mode .strategy-pillar-card,
.strategy-page.is-edit-mode .strategy-program-row,
.strategy-page.is-edit-mode .strategy-kpi-card {
  cursor: grab;
}

.strategy-page.is-edit-mode .strategy-pillar-card:active,
.strategy-page.is-edit-mode .strategy-program-row:active,
.strategy-page.is-edit-mode .strategy-kpi-card:active {
  cursor: grabbing;
}

.strategy-program-dot {
  background: #2f73ef;
  border-radius: 999px;
  height: 0.42rem;
  margin-top: 0.38rem;
  width: 0.42rem;
}

.strategy-program-row strong {
  color: #1f2937;
  display: block;
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.25;
}

.strategy-program-row small {
  color: #94a3b8;
  display: block;
  font-size: 0.74rem;
  margin-top: 0.08rem;
}

.strategy-program-row__actions {
  align-items: flex-end;
  display: flex;
  gap: 0.35rem;
}

.strategy-narrative-modal__intro {
  align-items: center;
  background: #f8fbff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.9rem;
  padding: 0.75rem 0.85rem;
}

.strategy-narrative-modal__intro p {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.35;
  margin: 0;
}

.strategy-narrative-modal__icon {
  align-items: center;
  background: #eef4ff;
  border: 1px solid #dbe7ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.strategy-narrative-modal__primary-field .label,
.strategy-narrative-modal__secondary-field .label {
  color: #1f2937;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}

.strategy-narrative-modal__primary-field .textarea {
  font-size: 0.98rem;
  line-height: 1.45;
}

.strategy-narrative-modal__secondary-field {
  margin-top: 0.85rem;
}

.strategy-narrative-modal__secondary-field .label {
  color: #475569;
}

.strategy-narrative-modal__help {
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.35;
  margin-bottom: 0.4rem;
}

.strategy-kpi-form__intro {
  align-items: center;
  background: #f8fbff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.9rem;
  padding: 0.75rem 0.85rem;
}

.strategy-kpi-form__intro p {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.35;
  margin: 0;
}

.strategy-kpi-form__icon {
  align-items: center;
  background: #eff6ff;
  border: 1px solid #dbe7ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.strategy-kpi-form__attachment {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: grid;
  gap: 0.75rem;
  margin: 0.9rem 0;
  padding: 0.85rem;
}

.strategy-kpi-form__attachment-header strong {
  color: #1f2937;
  display: block;
  font-size: 0.9rem;
}

.strategy-kpi-form__attachment-header p {
  color: #64748b;
  font-size: 0.8rem;
  margin: 0.1rem 0 0;
}

.strategy-kpi-form__level-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.strategy-kpi-form__level-option {
  cursor: pointer;
}

.strategy-kpi-form__level-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.strategy-kpi-form__level-option span {
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 650;
  min-height: 2rem;
  padding: 0.35rem 0.75rem;
}

.strategy-kpi-form__level-option input:checked + span {
  background: #eff6ff;
  border-color: #bcd4ff;
  color: #1d63f2;
}

.strategy-work-link-form {
  display: grid;
  gap: 1rem;
}

.strategy-work-link-form__help {
  color: #64748b;
  font-size: 0.8rem;
  margin: 0.15rem 0 0.45rem;
}

.strategy-work-link-form__section {
  border-top: 1px solid #e2e8f0;
  display: grid;
  gap: 0.9rem;
  padding-top: 1rem;
}

.strategy-work-link-form__selected-work {
  align-items: center;
  background: #f8fbff;
  border: 1px solid #dbe7fb;
  border-radius: 8px;
  display: flex;
  gap: 0.65rem;
  min-height: 2.7rem;
  padding: 0.55rem 0.65rem;
}

.strategy-work-link-form__selected-work-icon {
  align-items: center;
  background: #eef5ff;
  border-radius: 8px;
  color: #2563eb;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.strategy-work-link-form__selected-work strong {
  color: #1f2937;
  display: block;
  font-size: 0.9rem;
  line-height: 1.25;
}

.strategy-work-link-form__selected-work span:not(.strategy-work-link-form__selected-work-icon) {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
  line-height: 1.35;
}

.strategy-work-link-form__section-header h3,
.strategy-work-link-form__program-header h4 {
  color: #0f172a;
  font-size: 0.98rem;
  font-weight: 750;
  line-height: 1.2;
  margin: 0;
}

.strategy-work-link-form__section-header p,
.strategy-work-link-form__program-header p {
  color: #64748b;
  font-size: 0.84rem;
  margin: 0.25rem 0 0;
}

.strategy-work-link-form__pillar-grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
}

.strategy-work-link-form__pillar-card {
  cursor: pointer;
  display: flex;
  min-height: 100%;
  min-width: 0;
}

.strategy-work-link-form__pillar-card input,
.strategy-work-link-form__operational-card input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.strategy-work-link-form__pillar-card-body {
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 10px;
  display: grid;
  gap: 0.55rem;
  height: 100%;
  min-height: 9.5rem;
  padding: 0.85rem;
  position: relative;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
  width: 100%;
}

.strategy-work-link-form__pillar-card:hover .strategy-work-link-form__pillar-card-body,
.strategy-work-link-form__operational-card:hover .strategy-work-link-form__operational-card-body {
  border-color: #bcd4ff;
  box-shadow: 0 10px 24px rgba(29, 99, 242, 0.08);
}

.strategy-work-link-form__pillar-card input:checked + .strategy-work-link-form__pillar-card-body,
.strategy-work-link-form__operational-card input:checked + .strategy-work-link-form__operational-card-body {
  background: #f8fbff;
  border-color: #1d63f2;
  box-shadow: 0 0 0 1px rgba(29, 99, 242, 0.18);
}

.strategy-work-link-form__pillar-card-check {
  align-items: center;
  background: #1d63f2;
  border-radius: 999px;
  color: #fff;
  display: none;
  font-size: 0.68rem;
  height: 1.35rem;
  justify-content: center;
  position: absolute;
  right: 0.65rem;
  top: 0.65rem;
  width: 1.35rem;
}

.strategy-work-link-form__pillar-card input:checked + .strategy-work-link-form__pillar-card-body .strategy-work-link-form__pillar-card-check,
.strategy-work-link-form__operational-card input:checked + .strategy-work-link-form__operational-card-body .strategy-work-link-form__pillar-card-check {
  display: inline-flex;
}

.strategy-work-link-form__pillar-icon,
.strategy-work-link-form__operational-icon {
  align-items: center;
  background: #eef2ff;
  border: 1px solid #dbe4ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.strategy-work-link-form__pillar-card-body strong {
  color: #1f2937;
  font-size: 0.9rem;
  line-height: 1.25;
}

.strategy-work-link-form__pillar-card-body span:not(.strategy-work-link-form__pillar-card-check):not(.strategy-work-link-form__pillar-icon) {
  color: #64748b;
  font-size: 0.8rem;
  line-height: 1.45;
}

.strategy-work-link-form__operational-card {
  cursor: pointer;
  display: block;
  margin-top: 0.85rem;
}

.strategy-work-link-form__operational-card-body {
  align-items: flex-start;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 10px;
  display: flex;
  gap: 0.75rem;
  padding: 0.85rem;
  position: relative;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.strategy-work-link-form__operational-card-body > span:last-child {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
  padding-right: 2rem;
}

.strategy-work-link-form__operational-card-body strong {
  color: #1f2937;
  font-size: 0.9rem;
  line-height: 1.25;
}

.strategy-work-link-form__operational-card-body small {
  color: #64748b;
  font-size: 0.8rem;
  line-height: 1.45;
}

.strategy-work-link-form__program-group {
  display: grid;
  gap: 0.6rem;
  margin-top: 1.1rem;
}

.strategy-work-link-form__program-group[hidden] {
  display: none;
}

.strategy-work-link-form__program-header h4 span {
  color: #64748b;
  font-weight: 500;
}

.strategy-work-link-form__program-list {
  border: 1px solid #dfe6f0;
  border-radius: 10px;
  overflow: hidden;
}

.strategy-work-link-form__program-row {
  align-items: flex-start;
  background: #fff;
  cursor: pointer;
  display: flex;
  gap: 0.7rem;
  margin: 0;
  padding: 0.75rem 0.85rem;
}

.strategy-work-link-form__program-row + .strategy-work-link-form__program-row {
  border-top: 1px solid #edf2f7;
}

.strategy-work-link-form__program-row:has(input:checked) {
  background: #f8fbff;
}

.strategy-work-link-form__program-row input {
  margin-top: 0.18rem;
}

.strategy-work-link-form__program-row span {
  display: grid;
  gap: 0.15rem;
}

.strategy-work-link-form__program-row strong {
  color: #1f2937;
  font-size: 0.88rem;
  line-height: 1.25;
}

.strategy-work-link-form__program-row small {
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.35;
}

.strategy-work-link-form__button {
  align-items: center;
  display: inline-flex;
  gap: 0.45rem;
  min-height: 2.5rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}

.strategy-work-link-form__actions {
  margin-top: 1rem;
}

.strategy-link-action {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
}

.strategy-icon-picker-disclosure {
  margin-top: 0.45rem;
}

.strategy-icon-picker-disclosure summary {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  list-style: none;
  min-height: 2.7rem;
  padding: 0.45rem 0.65rem;
}

.strategy-icon-picker-disclosure summary::-webkit-details-marker {
  display: none;
}

.strategy-icon-picker-disclosure__selected {
  align-items: center;
  color: #1f2937;
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 650;
  gap: 0.55rem;
}

.strategy-icon-picker-disclosure__selected i {
  align-items: center;
  background: #f1f5ff;
  border: 1px solid #e1e8ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  height: 1.9rem;
  justify-content: center;
  width: 1.9rem;
}

.strategy-icon-picker-disclosure__selected.is-empty {
  color: #64748b;
  font-weight: 500;
}

.strategy-icon-picker-disclosure__action {
  color: #2563eb;
  font-size: 0.8rem;
  font-weight: 650;
}

.strategy-icon-picker {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(5.7rem, 1fr));
  margin-top: 0.45rem;
  max-height: 18rem;
  overflow-y: auto;
  padding-right: 0.15rem;
}

.strategy-icon-picker__option {
  cursor: pointer;
  margin: 0;
  min-width: 0;
}

.strategy-icon-picker__option input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.strategy-icon-picker__option span {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  color: #475569;
  display: grid;
  gap: 0.3rem;
  justify-items: center;
  min-height: 4.4rem;
  padding: 0.55rem 0.45rem;
  text-align: center;
}

.strategy-icon-picker__option i {
  align-items: center;
  background: #f1f5ff;
  border: 1px solid #e1e8ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  height: 1.9rem;
  justify-content: center;
  width: 1.9rem;
}

.strategy-icon-picker__option small {
  color: #64748b;
  font-size: 0.7rem;
  line-height: 1.15;
}

.strategy-icon-picker__option input:checked + span {
  background: #eff6ff;
  border-color: #9fc0ff;
  box-shadow: inset 0 0 0 1px #9fc0ff;
}

.strategy-icon-picker__option input:focus-visible + span {
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}

.strategy-kpi-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.6rem;
  overflow-x: auto;
  padding-bottom: 0.1rem;
}

.strategy-kpi-card {
  align-items: flex-start;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: minmax(0, 1fr) auto;
  flex: 1 1 0;
  min-height: 4.7rem;
  min-width: 220px;
  max-width: none;
  padding: 0.75rem;
  position: relative;
  width: 100%;
}

.strategy-kpi-grid:has(.strategy-kpi-card:nth-child(1):last-child) .strategy-kpi-card,
.strategy-kpi-grid:has(.strategy-kpi-card:nth-child(2):last-child) .strategy-kpi-card {
  flex: 0 1 380px;
  max-width: 380px;
}

.strategy-kpi-card__icon {
  display: none;
}

.strategy-kpi-card__body p,
.strategy-kpi-card__body span,
.strategy-kpi-card__body small {
  margin: 0;
}

.strategy-kpi-card__body p {
  color: #475569;
  font-size: 0.82rem;
  font-weight: 650;
}

.strategy-kpi-card__body strong {
  color: #0f172a;
  display: block;
  font-size: 1.35rem;
  line-height: 1.2;
  margin-top: 0.15rem;
}

.strategy-kpi-card__body span,
.strategy-kpi-card__body small {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
}

.strategy-kpi-card__status {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.strategy-section-link {
  color: #64748b;
  font-size: 0.84rem;
}

.strategy-section-link:hover,
.strategy-section-link:focus {
  color: #2563eb;
}

.strategy-section--alignment {
  margin-bottom: 0.5rem;
}

.strategy-alignment-review {
  display: grid;
  gap: 0.65rem;
}

.strategy-summary-grid {
  align-items: stretch;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}

.strategy-summary-grid > button {
  align-items: center;
  appearance: none;
  background: #fff;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 0.25rem;
  grid-template-columns: 1fr;
  height: 100%;
  margin: 0;
  min-height: 3.7rem;
  min-width: 0;
  padding: 0.7rem 0.65rem;
  text-align: center;
}

.strategy-summary-grid > button + button {
  border-left: 1px solid #e2e8f0;
}

.strategy-summary-grid > button:hover,
.strategy-summary-grid > button:focus-visible,
.strategy-summary-grid > button.is-active {
  background: #f8fbff;
}

.strategy-summary-grid > button:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: -2px;
}

.strategy-summary-grid strong {
  color: #0f172a;
  display: block;
  font-size: 1.25rem;
  grid-column: auto;
  line-height: 1.1;
}

.strategy-summary-grid span {
  color: #475569;
  font-size: 0.82rem;
}

.strategy-summary-grid > button > span:last-child {
  grid-column: auto;
}

.strategy-summary-grid__icon {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  display: inline-flex;
  grid-row: auto;
  height: 2rem;
  justify-content: center;
  justify-self: center;
  width: 2rem;
}

.strategy-summary-grid__icon.is-mapped {
  color: #16a34a;
}

.strategy-summary-grid__icon.is-review {
  color: #f59e0b;
}

.strategy-summary-grid__icon.is-operational {
  color: #2563eb;
}

.strategy-summary-grid__icon.is-unmapped {
  color: #64748b;
}

.strategy-alignment-list {
  display: grid;
  gap: 0.45rem;
}

.strategy-alignment-list[hidden] {
  display: none;
}

.strategy-alignment-list__title {
  color: #1f2937;
  font-size: 0.88rem;
  font-weight: 750;
  margin: 0.25rem 0 0.1rem;
}

.strategy-alignment-row {
  align-items: center;
  background: #fff;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 0.55rem 0.75rem;
}

.strategy-alignment-row--project {
  align-items: center;
  flex-wrap: nowrap;
}

.strategy-alignment-row__main {
  flex: 1 1 18rem;
  min-width: 0;
}

.strategy-alignment-row__action {
  flex: 0 0 auto;
  margin-left: auto;
}

.strategy-alignment-row form {
  display: inline;
  margin: 0;
}

.strategy-link-action--danger {
  color: #b42318;
}

.strategy-link-action--danger:hover,
.strategy-link-action--danger:focus-visible {
  color: #8a1c14;
}

.strategy-alignment-row__details {
  flex: 1 0 100%;
  margin-top: 0.25rem;
}

.strategy-alignment-row__details summary,
.strategy-standalone-work summary {
  color: #2563eb;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 700;
}

.strategy-alignment-row__details ul {
  color: #64748b;
  display: grid;
  gap: 0.25rem;
  font-size: 0.8rem;
  margin: 0.4rem 0 0;
  padding-left: 1rem;
}

.strategy-alignment-row strong {
  color: #1f2937;
  font-size: 0.88rem;
}

.strategy-standalone-work {
  background: #fff;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  padding: 0.6rem 0.75rem;
}

.strategy-standalone-work summary {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.strategy-standalone-work__list {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.6rem;
}

.strategic-alignment-panel {
  margin-bottom: 1rem;
}

@media screen and (max-width: 900px) {
  .strategy-supporting-grid,
  .strategy-story-grid {
    grid-template-columns: 1fr;
  }
  .strategy-story-item,
  .strategy-story-item:first-child {
    padding-left: 0;
    padding-right: 0;
  }
  .strategy-story-item + .strategy-story-item {
    border-left: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.28);
    padding-top: 1rem;
  }
  .strategy-plan-header__entity-row,
  .strategy-section-header,
  .strategy-pillar-card__head,
  .strategy-alignment-row {
    display: grid;
  }
  .strategy-plan-header__actions {
    justify-content: flex-start;
  }
  .strategy-narrative__block {
    grid-template-columns: 1fr;
  }
  .strategy-principle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .strategy-principle-card,
  .strategy-principle-card + .strategy-principle-card {
    border-left: 0;
    padding-left: 0;
  }
  .strategy-principle-card {
    border-bottom: 1px solid #edf2f7;
  }
  .strategy-narrative__edit-icon,
  .strategy-inline-icon-action,
  .strategy-pillar-edit-action {
    opacity: 1;
  }
  .strategy-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .strategy-summary-grid > button + button {
    border-left: 0;
  }
  .strategy-summary-grid > button:nth-child(even) {
    border-left: 1px solid #e2e8f0;
  }
  .strategy-summary-grid > button:nth-child(n+3) {
    border-top: 1px solid #e2e8f0;
  }
}
@media screen and (max-width: 560px) {
  .strategy-plan-header__meta span + span {
    border-left: 0;
    padding-left: 0;
  }
  .strategy-kpi-card {
    grid-template-columns: 2rem 1fr;
  }
  .strategy-principle-grid {
    grid-template-columns: 1fr;
  }
  .strategy-kpi-card__status {
    align-items: flex-start;
    grid-column: 2;
  }
  .strategy-summary-grid {
    grid-template-columns: 1fr;
  }
  .strategy-summary-grid > button,
  .strategy-summary-grid > button:nth-child(even) {
    border-left: 0;
  }
  .strategy-summary-grid > button + button {
    border-top: 1px solid #e2e8f0;
  }
}
.strategy-presentation-layout {
  background: #f5f7fb;
  color: #0f172a;
  min-height: 100vh;
}

.strategy-presentation {
  margin: 0 auto;
  max-width: 1440px;
  padding: clamp(1.5rem, 3vw, 3rem);
}

.strategy-presentation__canvas {
  display: grid;
  gap: 1.25rem;
}

.strategy-presentation__hero {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.strategy-presentation__eyebrow {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0 0 0.35rem;
  text-transform: uppercase;
}

.strategy-presentation__title-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.strategy-presentation__title-row h1 {
  color: #0f172a;
  font-size: clamp(2.25rem, 4vw, 4rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 0;
}

.strategy-presentation__period {
  align-items: center;
  color: #475569;
  display: flex;
  gap: 0.45rem;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  margin: 0.65rem 0 0;
}

.strategy-presentation__back {
  background: #fff;
  border: 1px solid #dbe4f0;
  border-radius: 999px;
  color: #475569;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.45rem 0.8rem;
  white-space: nowrap;
}

.strategy-presentation__back:hover {
  border-color: #b9c8dc;
  color: #1d63f2;
}

.strategy-presentation__story {
  background: #f3f8ff;
  border: 1px solid #cfe3ff;
  border-radius: 22px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  overflow: hidden;
}

.strategy-presentation-story-card {
  display: grid;
  gap: 1.4rem;
  min-height: 19rem;
  padding: clamp(1.4rem, 2.2vw, 2.4rem);
}

.strategy-presentation-story-card + .strategy-presentation-story-card {
  border-left: 1px solid rgba(148, 163, 184, 0.24);
}

.strategy-presentation-icon,
.strategy-presentation-pillar__icon {
  align-items: center;
  background: #eef4ff;
  border: 1px solid #dbe6ff;
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.65rem;
  justify-content: center;
  width: 2.65rem;
}

.strategy-presentation-story-card__label,
.strategy-presentation-section__header h2 {
  color: #0f172a;
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  text-transform: none;
}

.strategy-presentation-story-card h2,
.strategy-presentation-section__header p {
  color: #64748b;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 0.25rem 0 0;
}

.strategy-presentation-story-card h2::after {
  background: #4f46e5;
  border-radius: 999px;
  content: "";
  display: block;
  height: 3px;
  margin-top: 1rem;
  width: 2rem;
}

.strategy-presentation-story-card p:last-child {
  color: #0f172a;
  font-size: clamp(1.12rem, 1.6vw, 1.35rem);
  font-weight: 750;
  line-height: 1.55;
  margin: 1.35rem 0 0;
}

.strategy-presentation-section {
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.04);
  padding: clamp(1.25rem, 2vw, 1.8rem);
}

.strategy-presentation-section__header {
  align-items: center;
  display: flex;
  gap: 0.85rem;
  margin-bottom: 1.25rem;
}

.strategy-presentation-principles {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.strategy-presentation-principles article {
  border-left: 1px solid #e2e8f0;
  display: grid;
  gap: 0.55rem;
  grid-template-columns: auto 1fr;
  padding: 0.15rem 1.1rem;
}

.strategy-presentation-principles article:first-child {
  border-left: 0;
  padding-left: 0;
}

.strategy-presentation-principles article > span {
  background: #4f46e5;
  border-radius: 999px;
  height: 0.42rem;
  margin-top: 0.58rem;
  width: 0.42rem;
}

.strategy-presentation-principles h3 {
  color: #172033;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
  margin: 0;
}

.strategy-presentation-principles p {
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.45;
  margin: 0.3rem 0 0;
}

.strategy-presentation-pillars {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.strategy-presentation-pillar {
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 19rem;
  padding: 1rem;
}

.strategy-presentation-pillar h3,
.strategy-presentation-measures h3 {
  color: #172033;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
}

.strategy-presentation-pillar > p {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
}

.strategy-presentation-programs {
  border-top: 1px solid #edf2f7;
  margin-top: auto;
  padding-top: 0.75rem;
}

.strategy-presentation-programs h4 {
  color: #172033;
  font-size: 0.78rem;
  font-weight: 800;
  margin: 0 0 0.45rem;
  text-transform: uppercase;
}

.strategy-presentation-programs ul {
  display: grid;
  gap: 0.55rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.strategy-presentation-programs li {
  color: #172033;
  display: grid;
  gap: 0.12rem;
  grid-template-columns: auto 1fr;
  line-height: 1.35;
}

.strategy-presentation-programs li::before {
  background: #2563eb;
  border-radius: 999px;
  content: "";
  height: 0.4rem;
  margin-top: 0.5rem;
  width: 0.4rem;
}

.strategy-presentation-programs span,
.strategy-presentation-programs small {
  color: #64748b;
  font-size: 0.84rem;
  grid-column: 2;
  line-height: 1.4;
}

.strategy-presentation-measures {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.strategy-presentation-measures article {
  border: 1px solid #dfe7f2;
  border-radius: 12px;
  display: grid;
  gap: 0.3rem;
  padding: 0.9rem;
}

.strategy-presentation-measures strong {
  color: #0f172a;
  font-size: clamp(1.7rem, 2.4vw, 2.3rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
}

.strategy-presentation-measures p,
.strategy-presentation-measures small {
  color: #64748b;
  font-size: 0.86rem;
  line-height: 1.35;
  margin: 0;
}

@media screen and (min-width: 1200px) {
  .strategy-presentation-pillars {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 900px) {
  .strategy-presentation__hero {
    display: grid;
  }
  .strategy-presentation-story-card + .strategy-presentation-story-card,
  .strategy-presentation-principles article {
    border-left: 0;
  }
  .strategy-presentation-story-card {
    min-height: auto;
  }
  .strategy-presentation-principles {
    gap: 0.85rem;
    grid-template-columns: 1fr;
  }
  .strategy-presentation-principles article {
    padding: 0;
  }
}
.nt-entity-page {
  --nt-blue: #1d63f2;
  --nt-ink: #0f1b3d;
  --nt-muted: #66758f;
  --nt-border: #dfe6f0;
  --nt-bg-soft: #f5f8fd;
}

.nt-btn,
.button.nt-btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 0.88rem;
  font-weight: 600;
  gap: 0.42rem;
  min-height: 2.45rem;
  padding: 0.56rem 0.88rem;
  text-decoration: none;
}

.nt-btn--primary,
.button.nt-btn--primary {
  background: var(--nt-blue, #1d63f2);
  border-color: var(--nt-blue, #1d63f2);
  box-shadow: 0 8px 18px rgba(29, 99, 242, 0.18);
  color: #fff;
}

.nt-btn--primary:hover,
.nt-btn--primary:focus-visible,
.button.nt-btn--primary:hover,
.button.nt-btn--primary:focus-visible {
  background: #1557dc;
  border-color: #1557dc;
  color: #fff;
}

.nt-btn--secondary,
.button.nt-btn--secondary {
  background: #fff;
  border-color: #dce5f1;
  box-shadow: 0 1px 2px rgba(15, 27, 61, 0.04);
  color: #21304b;
}

.nt-btn--secondary:hover,
.nt-btn--secondary:focus-visible,
.button.nt-btn--secondary:hover,
.button.nt-btn--secondary:focus-visible {
  background: #f8fafc;
  border-color: #c7d3e4;
  color: #0f1b3d;
}

.nt-text-link {
  color: var(--nt-blue, #1d63f2);
  font-weight: 700;
  text-decoration: none;
}

.nt-text-link:hover,
.nt-text-link:focus-visible {
  color: #1557dc;
  text-decoration: underline;
}

.nt-icon-action {
  align-items: center;
  background: #fff;
  border: 1px solid #dce5f1;
  border-radius: 8px;
  color: #526277;
  cursor: pointer;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  padding: 0;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
  width: 2rem;
}

.nt-icon-action:hover,
.nt-icon-action:focus-visible {
  background: #f2f5fa;
  border-color: #c7d3e4;
  color: #1f2a44;
  outline: none;
}

.nt-icon-action i {
  font-size: 0.9rem;
}

.nt-section-actions {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}

.nt-section-actions .nt-text-link,
.decision-snippet__actions .nt-text-link {
  align-items: center;
  display: inline-flex;
  min-height: 2.45rem;
}

.nt-breadcrumb {
  margin-bottom: 1rem;
}

.nt-breadcrumb a,
.nt-breadcrumb span {
  font-size: 0.86rem;
}

.nt-entity-hero {
  border: 1px solid var(--nt-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(15, 27, 61, 0.06) !important;
  background: #fff !important;
}

.nt-entity-hero .card-content,
.nt-entity-hero.box {
  padding: 1.35rem 1.5rem !important;
}

.nt-entity-kicker {
  color: #6d7d97;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

.nt-entity-hero__icon,
.platform-show__hero-logo,
.agreement-show__hero-logo {
  border: 1px solid #e3ebf6;
  border-radius: 12px;
  background: #f7faff;
  box-shadow: none;
}

.nt-entity-hero__actions,
.project-page__hero-actions.nt-entity-hero__actions,
.agreement-show__hero-actions.nt-entity-hero__actions {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: flex-end;
}

.nt-entity-hero__actions .button.is-link,
.nt-entity-hero__actions .nt-btn--primary {
  background: var(--nt-blue, #1d63f2);
  border-color: var(--nt-blue, #1d63f2);
  box-shadow: 0 8px 18px rgba(29, 99, 242, 0.18);
  font-weight: 700;
}

.nt-definition-row,
.risk-show__summary-grid.nt-definition-row,
.project-page__hero-metrics.nt-definition-row {
  border-top: 1px solid var(--nt-border);
  display: grid;
  gap: 0;
  margin-top: 1.2rem;
  padding-top: 1.1rem;
}

.nt-definition-row > div,
.risk-show__summary-grid.nt-definition-row > div,
.project-page__hero-metrics.nt-definition-row > div {
  border-right: 1px solid var(--nt-border);
  padding: 0 1.2rem;
}

.nt-definition-row > div:first-child,
.risk-show__summary-grid.nt-definition-row > div:first-child,
.project-page__hero-metrics.nt-definition-row > div:first-child {
  padding-left: 0;
}

.nt-definition-row > div:last-child,
.risk-show__summary-grid.nt-definition-row > div:last-child,
.project-page__hero-metrics.nt-definition-row > div:last-child {
  border-right: 0;
  padding-right: 0;
}

.nt-metric-row {
  gap: 1rem !important;
}

.nt-metric-card,
.agreement-show__stat.nt-metric-card {
  border: 1px solid var(--nt-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(15, 27, 61, 0.04) !important;
  padding: 1rem 1.1rem !important;
}

.nt-section-card,
.project-section.box.nt-section-card,
.risk-show__section.nt-section-card,
.decisions-toolbar.nt-section-card,
.decisions-feed.nt-section-card {
  border: 1px solid var(--nt-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(15, 27, 61, 0.045) !important;
  background: #fff !important;
}

.nt-section-card .card-content {
  padding: 1.15rem 1.25rem;
}

.nt-soft-panel,
.risk-show__narrative-card.nt-soft-panel {
  background: #fff;
  border: 1px solid var(--nt-border);
  border-radius: 10px;
  box-shadow: none;
}

.nt-actions-menu {
  display: inline-flex;
  position: relative;
}

.nt-actions-menu__trigger {
  white-space: nowrap;
}

.nt-actions-menu__trigger--icon-only {
  align-items: center;
  display: inline-flex;
  gap: 0;
  height: 2.2rem;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  width: 2.2rem;
}

.button.nt-actions-menu__trigger--icon-only .icon,
.button.nt-actions-menu__trigger--icon-only .icon:first-child,
.button.nt-actions-menu__trigger--icon-only .icon:last-child,
.button.nt-actions-menu__trigger--icon-only .icon:first-child:last-child {
  margin: 0;
}

.button.nt-actions-menu__trigger--icon-only .icon {
  align-items: center;
  display: inline-flex;
  height: 1rem;
  justify-content: center;
  line-height: 1;
  width: 1rem;
}

.nt-actions-menu__item,
.popover-menu .nt-actions-menu__item,
.popover-menu button.nt-actions-menu__item {
  align-items: center;
  background: transparent;
  border: 0;
  color: #111827;
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: var(--font-size-body);
  font-weight: 500;
  gap: 0.55rem;
  justify-content: flex-start;
  line-height: 1.2;
  padding: 0.55rem 0.9rem;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.popover-menu .button_to {
  padding: 0;
}

.nt-actions-menu__item:hover,
.nt-actions-menu__item:focus-visible {
  background: #f3f4ff;
  color: #111827;
}

.nt-actions-menu__item--danger {
  color: #b91c1c !important;
}

.nt-empty-state {
  align-items: center;
  color: var(--nt-muted);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 8rem;
  padding: 1.5rem;
  text-align: center;
}

.nt-empty-state__icon {
  align-items: center;
  background: #f0f5fb;
  border: 1px solid #e4ebf5;
  border-radius: 999px;
  color: #62738f;
  display: inline-flex;
  height: 3rem;
  justify-content: center;
  margin-bottom: 0.8rem;
  width: 3rem;
}

.nt-empty-state__title {
  color: var(--nt-ink);
  font-size: 0.96rem;
  margin-bottom: 0.25rem;
}

.nt-empty-state__body {
  font-size: 0.88rem;
  margin: 0;
  max-width: 32rem;
}

.nt-empty-state__action {
  margin-top: 0.8rem;
}

.nt-decisions-feed .decision-day__header {
  color: #6d7d97;
}

.nt-decisions-feed .decision-day__dot {
  background: #d9e4f2;
  box-shadow: 0 0 0 4px #f5f8fd;
}

.nt-risk-hero-side {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.risk-show__posture-matrix-link {
  display: block;
}

@media (max-width: 900px) {
  .nt-definition-row,
  .risk-show__summary-grid.nt-definition-row,
  .project-page__hero-metrics.nt-definition-row {
    grid-template-columns: 1fr 1fr !important;
    row-gap: 1rem;
  }
  .nt-definition-row > div,
  .risk-show__summary-grid.nt-definition-row > div,
  .project-page__hero-metrics.nt-definition-row > div {
    border-right: 0;
    padding: 0;
  }
  .nt-entity-hero__actions,
  .project-page__hero-actions.nt-entity-hero__actions,
  .agreement-show__hero-actions.nt-entity-hero__actions {
    justify-content: flex-start;
  }
}
@media (max-width: 620px) {
  .nt-definition-row,
  .risk-show__summary-grid.nt-definition-row,
  .project-page__hero-metrics.nt-definition-row {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   Scenario Index (Roadmaps#index, Boards#index)
   ========================================================= */
.workspace-section {
  padding: 1.25rem 0 1.75rem;
  border-radius: 14px;
}

.workspace-container {
  width: min(1040px, 100% - 2rem);
  margin: 0 auto;
}

.workspace-box {
  border: 1px solid #e6ebf5;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
  padding: 1.1rem 1.25rem;
}

.workspace-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 1rem;
}

.workspace-header--section {
  margin-top: 1rem;
}

.workspace-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
}

.workspace-action {
  border-color: #d7e3f8;
}

.workspace-panel {
  border: 1px solid #e6ebf5;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 0.85rem;
}

.workspace-panel--primary {
  border-left: 4px solid #4c6fff;
  background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
}

.workspace-panel__link {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 0.9rem 1rem;
}

.workspace-panel__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.workspace-panel__title {
  margin: 0 0 0.35rem;
  font-weight: 700;
  font-size: 1.02rem;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.workspace-list {
  border-top: 1px solid #edf1f7;
}

.workspace-row {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #edf1f7;
  background: transparent;
}

.workspace-row__icon {
  width: 2rem;
  min-width: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0.7rem 0 0.7rem 0.25rem;
  border: 1px solid #e6edf9;
  border-radius: 7px;
  color: #546384;
  text-decoration: none;
  background: #fff;
  position: relative;
  z-index: 2;
}
.workspace-row__icon:hover {
  background: #f2f6ff;
  border-color: #cfe0ff;
  color: #33508e;
}

.workspace-row__main,
.workspace-row--link {
  flex: 1;
  display: block;
  color: inherit;
  text-decoration: none;
}

.workspace-row__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.8rem 1rem;
}

.workspace-row__content {
  min-width: 0;
}

.workspace-row__title {
  margin: 0;
  font-weight: 600;
  color: #0f172a;
}

.workspace-row__description {
  margin: 0.15rem 0 0;
  color: #5f6e87;
  font-size: 0.93rem;
}

.workspace-row__meta {
  margin: 0.35rem 0 0;
  color: #72809a;
  font-size: 0.83rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.38rem;
}

.workspace-row__dot::before {
  content: "•";
  color: #b8c2d3;
}

.workspace-row__right {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: #7b889d;
  white-space: nowrap;
}

.workspace-row__chevron {
  opacity: 0.65;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.workspace-row:hover {
  background: #f8faff;
}

.workspace-row:hover .workspace-row__icon {
  background: #f8faff;
}

.workspace-row:hover .workspace-row__chevron,
.workspace-panel__link:hover .workspace-row__chevron {
  opacity: 1;
  transform: translateX(2px);
}

.workspace-empty {
  border: 1px solid #e8edf6;
  border-radius: 10px;
  background: #fbfcff;
  padding: 1.25rem;
}

.workspace-empty--compact {
  padding: 1rem 1.25rem;
}

.workspace-empty__title {
  margin: 0 0 0.35rem;
  font-weight: 700;
}

.workspace-empty__copy {
  margin: 0 0 0.75rem;
  color: #63728b;
}

@media (max-width: 768px) {
  .workspace-section {
    padding: 0.9rem 0 1.2rem;
  }
  .workspace-container {
    width: calc(100% - 1rem);
  }
  .workspace-box {
    padding: 0.9rem;
  }
  .workspace-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .workspace-panel__content,
  .workspace-row__body {
    align-items: flex-start;
    flex-direction: column;
  }
  .workspace-row__right {
    white-space: normal;
  }
}
/* Generic UI card */
.ui-card {
  display: block;
  border: 1px solid #dce8ff;
  border-radius: 12px;
  background: #fff;
  padding: 1rem 1.1rem;
  text-decoration: none;
  color: #111827;
  transition: transform 0.06s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.ui-card:hover {
  transform: translateY(-1px);
  border-color: #c5d9ff;
  box-shadow: 0 4px 16px rgba(24, 40, 80, 0.06);
}
.ui-card .ui-card__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.ui-card .ui-card__heading strong {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.ui-card .ui-card__sub {
  color: #6b7280;
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
}
.ui-card .ui-card__meta {
  display: flex;
  align-items: center;
  gap: 0.35rem 0.5rem;
  flex-wrap: wrap;
  color: #6b7280;
  font-size: 0.85rem;
}
.ui-card .dot::before {
  content: "•";
  color: #cbd5e1;
  margin: 0 0.25rem;
}

/* Icon button */
.ui-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #e6eefc;
  background: #fff;
  color: #3b4d8a;
  transition: background 0.15s, border-color 0.15s, transform 0.06s;
}
.ui-icon-button i {
  font-size: 0.9rem;
}
.ui-icon-button:hover {
  background: #f5f8ff;
  border-color: #cfe0ff;
}
.ui-icon-button:active {
  transform: translateY(1px);
}

/* Chevrons in cards */
.ui-card-wrapper {
  position: relative;
}

.ui-card-wrapper > .ui-card {
  position: relative;
  z-index: 1;
}

.ui-card-wrapper .ui-icon-button {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 3;
  opacity: 1;
  pointer-events: auto;
}

.ui-card {
  position: relative;
  padding-left: 3rem;
  padding-right: 3rem;
}

.ui-card__chevron {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.45;
  color: #94a3b8;
  transition: opacity 0.15s ease, transform 0.15s ease;
  pointer-events: none;
}
.ui-card__chevron i {
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1;
}

.ui-card:hover .ui-card__chevron {
  opacity: 0.7;
  transform: translateY(-50%) translateX(3px);
}

.ui-card-wrapper .ui-card-edit {
  display: none !important;
}

/* =========================================================
   Scenario Designer - Compare Panel
   ========================================================= */
.compare-panel {
  max-width: 1100px;
  margin: 0 auto 1rem;
}

.compare-row {
  margin-bottom: 0.85rem;
}

/* Row 0: centered compare header */
.compare-subheader {
  text-align: center;
  margin-bottom: 1rem;
}
.compare-subheader .eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.compare-subheader .pair {
  font-weight: 700;
  font-size: 1.15rem;
  color: #111827;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
}
.compare-subheader .pair .arrow {
  opacity: 0.5;
  font-weight: 500;
}

/* Row 1: headline KPI cards */
.headline-row .ui-card.compare-headline {
  position: relative;
  padding: 0.9rem 1.1rem;
  border: 1px solid #e6ebf5;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.compare-headline {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.compare-headline .icon {
  color: #3259db;
  background: #f2f6ff;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}
.compare-headline .icon i {
  font-size: var(--font-size-body);
  line-height: 1;
}
.compare-headline .label {
  font-weight: 600;
  color: #334155;
}
.compare-headline .from-to {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.compare-headline .from-to .arrow {
  opacity: 0.5;
}
.compare-headline .delta {
  margin-top: 0.25rem;
}

/* Row 2: insight card */
.compare-insight .heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
}
.compare-insight .copy {
  color: #374151;
  margin: 0;
}

/* =========================================================
   Row 3: Breakdown — single-row metric with inline delta
   ========================================================= */
.compare-breakdown .group-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.compare-breakdown .group-title .icon-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
.compare-breakdown .group-title .icon-chip i {
  font-size: 0.95rem;
  line-height: 1;
}
.compare-breakdown .metric {
  padding: 0.4rem 0;
  border-top: 1px solid #f0f3f9;
}
.compare-breakdown .metric:first-of-type {
  border-top: 0;
}
.compare-breakdown .metric .metric-main {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-variant-numeric: tabular-nums;
  gap: 0.25rem;
  /* Fixed % widths per spec: label 50, value 10, arrow 10, value 10, delta 10 */
}
.compare-breakdown .metric .metric-main .label {
  flex: 0 0 40%;
  color: #475569;
  font-weight: 500;
  text-align: left;
}
.compare-breakdown .metric .metric-main .value {
  flex: 0 0 12%;
  text-align: left;
}
.compare-breakdown .metric .metric-main .arrow {
  flex: 0 0 12%;
  text-align: center;
  opacity: 0.45;
  font-size: 0.9rem;
}
.compare-breakdown .metric .metric-main .delta-inline {
  flex: 0 0 14%;
  text-align: left;
}

/* Delta badges */
.delta-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  min-height: 30px;
  padding: 0 9px;
  border-radius: 7px;
  background: #eef2ff;
  color: #334155;
}

.delta-badge i {
  font-size: 13px;
}

.delta-badge.is-good {
  background: #e8fbef;
  color: #166534;
}

.delta-badge.is-warn {
  background: #fff6e5;
  color: #9a6100;
}

.delta-badge.is-bad {
  background: #ffecec;
  color: #991b1b;
}

.delta-badge.is-neutral {
  background: #f1f5f9;
  color: #475569;
}

/* Responsive */
@media (max-width: 1024px) {
  .compare-breakdown .metric-main {
    flex-wrap: wrap;
  }
  .compare-breakdown .metric-main .label, .compare-breakdown .metric-main .value, .compare-breakdown .metric-main .arrow, .compare-breakdown .metric-main .delta-inline {
    flex: 1 1 100%;
    text-align: left;
  }
  .compare-breakdown .metric-main .arrow {
    display: inline;
    width: auto;
  }
}
.compare-breakdown .metric-main.is-self .label {
  flex: 0 0 60%;
  text-align: left;
}
.compare-breakdown .metric-main.is-self .value {
  flex: 0 0 40%;
  text-align: left;
}
.compare-breakdown .metric-main.is-self .arrow,
.compare-breakdown .metric-main.is-self .baseline,
.compare-breakdown .metric-main.is-self .delta-inline {
  display: none;
}

/* Headline cards: hide compare bits in self mode */
.compare-panel.is-self .compare-headline .from-to .arrow {
  display: none;
}

.compare-panel.is-self .compare-headline .delta {
  display: none;
}

/* ===== Insights toolbar (Scenario Designer) ===== */
/* ===== Insights toolbar (Scenario Designer) ===== */
.insights-toolbar {
  margin: 0.25rem 0 1rem;
  border: 1px solid #e6ebf5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
  overflow: hidden; /* avoids the seam */
}

.insights-trigger {
  appearance: none;
  background: transparent;
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 0.55rem 0.9rem;
  margin: 0; /* 2) kill any default button margins */
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.1;
}

.insights-trigger:hover {
  background: transparent;
}

.insights-trigger .icon {
  color: #3259db;
}

.insights-trigger .label {
  margin: 0;
  padding: 0;
  line-height: 1.1;
}

.insights-trigger .chevron {
  margin-left: auto;
  color: #94a3b8;
  transition: transform 0.15s ease;
}

/* When OPEN, keep header crisp (no hover tint) and add a divider only then */
.insights-toolbar.is-open .insights-trigger {
  border-bottom: 1px solid #eef2f7;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Body is visually part of the same block */
.insights-body {
  margin-top: 0;
  padding: 0.8rem 0.9rem 1rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Top bar inside the body */
.insights-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0.5rem 0;
}

.insights-bar .muted {
  color: #6b7280;
  font-size: 0.9rem;
  margin-left: 0.4rem;
}

.compare-select-form {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.is-hidden-mobile {
  display: none;
}

@media (min-width: 769px) {
  .is-hidden-mobile {
    display: inline;
  }
}
/* Keep the panel subordinate to the header */
.compare-panel {
  margin-top: 0.25rem;
}

/* 3) Ensure breathing room below, especially when OPEN */
.insights-toolbar.is-open {
  margin-bottom: 1.25rem;
}

/* Extra breathing room by default, and a touch more when open */
.insights-toolbar {
  margin: 0.25rem 0 1.25rem;
} /* was 1rem */
.insights-toolbar.is-open {
  margin-bottom: 1.5rem;
} /* was 1.25rem */
/* Counter Bulma's negative top margin on the teams grid that follows the toolbar */
.insights-toolbar + .columns { /* covers <div id="board" class="columns org-designer"> */
  margin-top: 0; /* neutralise Bulma's negative margin */
  padding-top: 0.75rem; /* creates the visible gap */
}

/* If the grid is wrapped or reflowed, keep the same treatment */
.insights-toolbar ~ .org-designer {
  padding-top: 0.75rem;
}

/* app/assets/stylesheets/forms.scss */
.form-errors {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
}
.form-errors .form-errors__title {
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.form-errors ul {
  margin: 0;
  padding-left: 1.1rem;
}
.form-errors ul li {
  margin-bottom: 0.1rem;
}

/* Field-level error state */
.field.has-error .label {
  color: #b91c1c;
}

.field.has-error .input,
.field.has-error select.input,
.field.has-error textarea {
  border-color: #f97373;
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.3);
}

/* Bulma-style help text for errors */
.help.is-danger {
  color: #b91c1c;
  font-size: var(--font-size-sm);
  margin-top: 0.25rem;
}

/* Rails' default field wrapper, just in case */
.field_with_errors .input,
.field_with_errors select,
.field_with_errors textarea {
  border-color: #f97373;
}

/* app/assets/stylesheets/forms.scss */
/* Generic 2-column form grid used in modals etc. */
.two-column-form-grid {
  display: flex;
  gap: 2.5rem;
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  .two-column-form-grid { /* stack on tablet & down */
    flex-direction: column;
  }
}

.three-column-form-grid {
  display: flex;
  gap: 1.75rem;
  align-items: flex-start;
}
@media screen and (max-width: 1200px) {
  .three-column-form-grid {
    flex-direction: column;
  }
}

.two-column-form-grid__col {
  flex: 1 1 0;
}

/* Optional vertical separator between columns */
.two-column-form-grid__sep {
  width: 1px;
  align-self: stretch;
  background: var(--bulma-border-weak, #e5e7eb);
}
@media screen and (max-width: 1023px) {
  .two-column-form-grid__sep {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .three-column-form-grid .two-column-form-grid__sep {
    display: none;
  }
}

.error-layout {
  background: #07112c;
  min-height: 100vh;
}

.error-layout__header {
  align-items: center;
  background: #030b22;
  display: flex;
  min-height: 72px;
  padding: 0 28px;
}

.error-layout__brand {
  align-items: center;
  color: #ffffff;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 750;
  gap: 0.65rem;
  letter-spacing: 0;
  text-decoration: none;
}

.error-layout__brand:hover,
.error-layout__brand:focus-visible {
  color: #ffffff;
  text-decoration: none;
}

.error-layout__brand-mark {
  color: #46abfa;
  height: 2rem;
  width: 2rem;
}

.error-stage {
  --error-navy: #07112c;
  --error-navy-2: #0b1f55;
  --error-blue: #1d63f2;
  --error-sky: #46abfa;
  --error-text: #0f1f46;
  --error-muted: #38517f;
  --error-border: #d8e3f4;
  --error-panel: #f4f8ff;
  background: radial-gradient(circle at 18% 54%, rgba(29, 99, 242, 0.42), transparent 19rem), radial-gradient(circle at 82% 46%, rgba(70, 171, 250, 0.24), transparent 22rem), radial-gradient(circle at 50% 0%, rgba(76, 103, 230, 0.2), transparent 30rem), linear-gradient(135deg, var(--error-navy) 0%, var(--error-navy-2) 52%, #081733 100%);
  color: var(--error-text);
  display: flex;
  isolation: isolate;
  justify-content: center;
  margin: 0;
  min-height: calc(100vh - 72px);
  overflow: hidden;
  padding: clamp(2.5rem, 7vw, 6rem) 1.5rem;
  position: relative;
}

.error-stage::before {
  background-image: radial-gradient(circle, rgba(70, 171, 250, 0.34) 1px, transparent 1px);
  background-size: 18px 18px;
  content: "";
  inset: 0;
  opacity: 0.34;
  position: absolute;
  z-index: -3;
}

.error-stage::after {
  background: linear-gradient(180deg, rgba(7, 17, 44, 0.12), rgba(7, 17, 44, 0.42));
  content: "";
  inset: 0;
  position: absolute;
  z-index: -2;
}

.error-stage__glow {
  border-radius: 999px;
  filter: blur(2px);
  position: absolute;
  z-index: -1;
}

.error-stage__glow--left {
  background: rgba(29, 99, 242, 0.48);
  height: 16rem;
  left: 7%;
  top: 34%;
  width: 16rem;
}

.error-stage__glow--right {
  background: rgba(70, 171, 250, 0.22);
  height: 20rem;
  right: 8%;
  top: 28%;
  width: 20rem;
}

.error-stage__signal {
  border: 1px solid rgba(70, 171, 250, 0.22);
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}

.error-stage__signal--left {
  height: 24rem;
  left: -10rem;
  top: 8rem;
  width: 24rem;
}

.error-stage__signal--right {
  height: 28rem;
  right: -9rem;
  top: 6rem;
  width: 28rem;
}

.error-card {
  align-self: flex-start;
  background: radial-gradient(circle at 74% 34%, rgba(29, 99, 242, 0.08), transparent 13rem), linear-gradient(135deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid rgba(216, 227, 244, 0.92);
  border-radius: 18px;
  box-shadow: 0 28px 80px rgba(3, 10, 28, 0.34), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
  display: grid;
  gap: clamp(1.25rem, 4vw, 3rem);
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1.08fr);
  max-width: 1120px;
  overflow: hidden;
  padding: clamp(2rem, 4.8vw, 3.4rem);
  position: relative;
  width: min(100%, 1120px);
}

.error-card::after {
  background-image: radial-gradient(circle, rgba(29, 99, 242, 0.14) 1px, transparent 1px);
  background-size: 17px 17px;
  content: "";
  inset: 0;
  opacity: 0.58;
  pointer-events: none;
  position: absolute;
}

.error-card__copy,
.error-card__art {
  position: relative;
  z-index: 1;
}

.error-card__copy {
  align-self: center;
  max-width: 31rem;
}

.error-card__eyebrow {
  color: #38548a;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.12em;
  margin: 0 0 1rem;
  text-transform: uppercase;
}

.error-card__title {
  color: var(--error-text);
  font-size: clamp(2.35rem, 5vw, 3.35rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.02;
  margin: 0 0 1.1rem;
}

.error-card__body {
  color: #132755;
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 0;
  max-width: 29rem;
}

.error-card__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.6rem;
}

.error-button {
  border-radius: 8px;
  font-weight: 750;
  gap: 0.35rem;
  min-height: 2.85rem;
  padding-inline: 1.05rem;
}

.error-button--primary {
  background: var(--error-blue);
  border-color: var(--error-blue);
  box-shadow: 0 12px 24px rgba(29, 99, 242, 0.22);
  color: #ffffff;
}

.error-button--primary:hover,
.error-button--primary:focus-visible {
  background: #174fd0;
  border-color: #174fd0;
  color: #ffffff;
}

.error-button--secondary {
  background: #ffffff;
  border-color: #c8d5ea;
  color: #102653;
}

.error-button--secondary:hover,
.error-button--secondary:focus-visible {
  background: #f8fbff;
  border-color: #9fb4d5;
  color: #102653;
}

.error-card__helper {
  align-items: flex-start;
  background: rgba(244, 248, 255, 0.9);
  border: 1px solid #e4ecf8;
  border-radius: 10px;
  color: var(--error-muted);
  display: flex;
  gap: 0.85rem;
  line-height: 1.5;
  margin-top: 1.45rem;
  padding: 0.9rem 1rem;
}

.error-card__helper p {
  margin: 0;
}

.error-card__helper-icon {
  align-items: center;
  border: 1px solid #8aa5d0;
  border-radius: 999px;
  color: #173a7f;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.82rem;
  font-weight: 800;
  height: 1.35rem;
  justify-content: center;
  margin-top: 0.1rem;
  width: 1.35rem;
}

.error-card__art {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 17rem;
}

.error-network {
  color: #1d63f2;
  height: auto;
  max-width: 100%;
  width: min(100%, 460px);
}

.error-network__path {
  fill: none;
  stroke: #cdd9eb;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.error-network__path--faint {
  opacity: 0.62;
}

.error-network__path--active {
  stroke: currentColor;
  stroke-width: 2.6;
}

.error-network__path--dash {
  stroke-dasharray: 8 8;
}

.error-network__path--danger {
  stroke: #ef4444;
  stroke-dasharray: 8 8;
  stroke-width: 2.4;
}

.error-network__path--gap {
  opacity: 0.34;
  stroke-dasharray: 1 14;
}

.error-network__ring {
  fill: none;
  stroke: #cfe0f8;
  stroke-width: 1.2;
}

.error-network__ring--faint {
  opacity: 0.58;
}

.error-network__node {
  fill: #f8fbff;
  stroke: #c7d5eb;
  stroke-width: 2;
}

.error-network__node--active {
  fill: #1d63f2;
  stroke: #ffffff;
  stroke-width: 3;
}

.error-network__node--danger {
  fill: #ef4444;
  stroke: #ffffff;
  stroke-width: 3;
}

.error-network__node--ghost {
  fill: #f9fbff;
  opacity: 0.48;
  stroke: #bdcbe0;
}

@media screen and (max-width: 960px) {
  .error-card {
    grid-template-columns: 1fr;
  }
  .error-card__copy {
    max-width: none;
  }
  .error-card__art {
    min-height: 13rem;
    opacity: 0.95;
  }
}
@media screen and (max-width: 768px) {
  .error-stage {
    min-height: calc(100vh - 64px);
    padding: 1.5rem 1rem;
  }
  .error-card {
    border-radius: 14px;
    padding: 1.4rem;
  }
  .error-card__title {
    font-size: clamp(2rem, 10vw, 2.65rem);
  }
  .error-card__actions {
    align-items: stretch;
    flex-direction: column;
  }
  .error-card__actions .button {
    width: 100%;
  }
  .error-card__art {
    min-height: 10rem;
  }
}
/* --------------------------------------------------
   Toggleable side strip (drag members / roles)
   -------------------------------------------------- */
.toggleable-side-strip {
  position: fixed;
  top: 4.5rem;
  right: 0;
  height: calc(100vh - 4.5rem);
  width: 5px;
  min-width: 5px;
  max-width: 300px;
  background: transparent;
  border-radius: 3px 0 0 3px;
  z-index: 110;
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  margin: 0;
  min-width: 0;
  /* The drawer edge itself */
  /* Toggle button */
  /* Main drawer panel */
  /* --------------------------------------------------
     Open state
     -------------------------------------------------- */
  /* --------------------------------------------------
   Shared styling for helper notes in the side strip
   -------------------------------------------------- */
  /* --------------------------------------------------
     Tighter spacing for people list (no tall stretching)
     -------------------------------------------------- */
  /* Make available-member cards fill the sidebar width */
}
.toggleable-side-strip::before {
  content: "";
  position: fixed;
  top: 4.5rem;
  right: 0;
  width: 5px;
  height: calc(100vh - 4.5rem);
  background: #d8e5f7;
  border-radius: 3px 0 0 3px;
  z-index: 100;
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  display: block;
}
.toggleable-side-strip .toggleable-side-strip-toggle {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 102;
  width: 32px;
  height: 64px;
  background: #ffffff;
  color: #4b5563;
  border: 1px solid #dbe4f0;
  border-radius: 6px 0 0 6px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1em;
  box-shadow: -2px 0 8px rgba(60, 80, 120, 0.08);
  transition: background 0.2s, right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0;
}
.toggleable-side-strip .toggleable-side-strip-toggle:hover {
  background: #f5f8fd;
  color: #1d63f2;
}
.toggleable-side-strip .toggleable-side-strip-toggle i {
  color: inherit;
}
.toggleable-side-strip .side-strip-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-left: 1px solid #dce4ef;
  border-radius: 12px 0 0 12px;
  box-shadow: -12px 0 34px rgba(15, 23, 42, 0.12);
  z-index: 104;
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  padding: 0.9rem 0.9rem 0.75rem;
  color: #1f2937;
  flex: 1 1 auto;
  overflow: hidden;
  /* --------------------------------------------------
  Header toggle (Add Members / New Role)
  -------------------------------------------------- */
  /* --------------------------------------------------
     Scrollable content area (people / roles)
     -------------------------------------------------- */
}
.toggleable-side-strip .side-strip-tabs .available-members-title {
  width: 100%;
  padding: 0;
}
.toggleable-side-strip .side-strip-tabs .available-members-title ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #dce4ef;
  background: transparent;
}
.toggleable-side-strip .side-strip-tabs .available-members-title li {
  flex: 1 1 0;
  text-align: center;
}
.toggleable-side-strip .side-strip-tabs .available-members-title a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.5rem;
  padding: 0 0.9rem 0.65rem;
  font-weight: 600;
  font-size: var(--font-size-body);
  line-height: 1;
  text-decoration: none;
  border: 0;
  border-bottom: 2px solid transparent;
  transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.toggleable-side-strip .side-strip-tabs .available-members-title li.is-active a {
  background: transparent;
  border-bottom-color: #1d63f2;
  color: #1d63f2;
  box-shadow: none;
}
.toggleable-side-strip .side-strip-tabs .available-members-title li:not(.is-active) a {
  background: transparent;
  color: #111827;
}
.toggleable-side-strip .side-strip-tabs .available-members-title li + li a {
  border-left: 0;
}
.toggleable-side-strip .side-strip-tabs .available-members-title li:not(.is-active) a:hover {
  background: #f8fbff;
  color: #1d63f2;
}
.toggleable-side-strip .side-strip-tabs .available-members-container,
.toggleable-side-strip .side-strip-tabs .new-roles-container {
  flex: 1 1 auto;
  overflow-y: auto;
  padding-bottom: 0.6rem;
  margin-top: 0.8rem;
}
.toggleable-side-strip .side-strip-tabs .available-members .member {
  margin: 0;
}
.toggleable-side-strip .side-strip-tabs .available-members .member .member-card {
  border: 1px solid #dce4ef;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  padding: 0.9rem 2.35rem 0.9rem 0.95rem;
  position: relative;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}
.toggleable-side-strip .side-strip-tabs .available-members .member .member-card::after {
  color: #667085;
  content: "\f58e";
  font-family: "Font Awesome 6 Free";
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  right: 0.95rem;
  top: 50%;
  transform: translateY(-50%);
}
.toggleable-side-strip .side-strip-tabs .available-members .member .member-card:hover {
  border-color: #b8c8df;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}
.toggleable-side-strip .side-strip-tabs .available-members .member .member-card .title {
  margin: 0 0 0.1rem 0;
  font-size: var(--font-size-body);
  line-height: 1.25;
  font-weight: 600;
  color: #111827;
}
.toggleable-side-strip .side-strip-tabs .available-members .member .member-card .subtitle,
.toggleable-side-strip .side-strip-tabs .available-members .member .member-card .meta {
  margin: 0;
  font-size: var(--font-size-body);
  line-height: 1.35;
  color: #667085;
}
.toggleable-side-strip .side-strip-tabs .role-templates-note {
  font-size: var(--font-size-sm);
  color: #16428b;
  margin: 0.1rem 0 0.6rem;
  line-height: 1.4;
}
.toggleable-side-strip .side-strip-tabs .role-template {
  background: #ffffff;
  border: 1px solid #dce4ef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  margin: 0;
  padding: 0.9rem 2.35rem 0.9rem 0.95rem;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
  width: 100%;
}
.toggleable-side-strip .side-strip-tabs .role-template:hover {
  border-color: #b8c8df;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}
.toggleable-side-strip.is-active {
  width: 300px;
  min-width: 300px;
  box-shadow: -12px 0 34px rgba(15, 23, 42, 0.12);
}
.toggleable-side-strip.is-active::before {
  width: 300px;
  border-radius: 12px 0 0 12px;
}
.toggleable-side-strip.is-active .side-strip-tabs {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0.35s;
}
.toggleable-side-strip.is-active .available-members {
  display: block;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0.35s;
}
.toggleable-side-strip.is-active .toggleable-side-strip-toggle {
  right: 300px;
}
.toggleable-side-strip .side-strip-note, .toggleable-side-strip .role-templates-note, .toggleable-side-strip .available-members-note {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.75rem 0.85rem;
  margin: 0.6rem 0 0.85rem;
  background: #f4f8ff;
  border: 1px solid #cfe0fb;
  border-radius: 10px;
  box-shadow: none;
  font-size: var(--font-size-sm);
  line-height: 1.35;
  color: #16428b;
  font-weight: 500;
}
.toggleable-side-strip .side-strip-note i, .toggleable-side-strip .role-templates-note i, .toggleable-side-strip .available-members-note i {
  margin-top: 0.1rem;
  font-size: var(--font-size-body);
  color: #1d63f2;
}
.toggleable-side-strip .side-strip-billing-cta {
  margin-top: 0.25rem;
}
.toggleable-side-strip .side-strip-billing-cta__message {
  margin: 0.55rem 0 0;
  font-size: var(--font-size-sm);
  line-height: 1.4;
  color: #667085;
  text-align: center;
}
.toggleable-side-strip .available-members .field {
  margin-bottom: 0.85rem;
}
.toggleable-side-strip .available-members .control {
  position: relative;
}
.toggleable-side-strip .available-members .control::before {
  color: #7a8699;
  content: "\f002";
  font-family: "Font Awesome 6 Free";
  font-size: var(--font-size-body);
  font-weight: 900;
  left: 0.85rem;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.toggleable-side-strip .available-members .input {
  background: #ffffff;
  border: 1px solid #d6deeb;
  border-radius: 10px;
  box-shadow: none;
  color: #1f2937;
  min-height: 2.65rem;
  padding-left: 2.45rem;
}
.toggleable-side-strip .available-members .input:focus {
  border-color: #8fb6f3;
  box-shadow: 0 0 0 3px rgba(29, 99, 242, 0.12);
}
.toggleable-side-strip .available-members .members {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0;
  margin: 0.25rem 0 0.85rem;
  list-style: none;
  justify-content: flex-start !important;
}
.toggleable-side-strip .role-templates {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  list-style: none;
  margin: 0.25rem 0 0;
  padding: 0;
}
.toggleable-side-strip .available-members .members > li.member {
  margin: 0 !important;
  flex: 0 0 auto;
}
.toggleable-side-strip .available-members .members > li.member .member-card {
  height: auto;
}
.toggleable-side-strip .available-members .members > li.member {
  width: 100%;
}
.toggleable-side-strip .available-members .members > li.member .member-card {
  width: 100%;
  box-sizing: border-box;
}

/* =========================================================
   Reusable Filter Bar (from .pl-bar, refactored)
   ========================================================= */
.filter-bar {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(2, 6, 23, 0.04);
  padding: 8px 10px;
  margin-bottom: 1.25rem;
}

/* Remove Bulma buttons group spacing inside filter bar */
.filter-bar .buttons {
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------
   Layout
   --------------------------------------------------------- */
.filter-bar__row {
  display: flex;
  align-items: center; /* center all controls vertically */
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

/* Left section (optional text or count) */
.filter-bar__left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px; /* consistent row height */
}
.filter-bar__left .filter-muted {
  font-size: 0.85rem;
  color: #64748b;
}

/* Hide empty left section */
.filter-bar__left:empty {
  display: none;
}

/* Right section: all filter controls */
.filter-bar__right {
  position: relative; /* anchor for popover positioning */
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto; /* stick controls to right */
}

/* ---------------------------------------------------------
   Normalize control heights (buttons, inputs, selects)
   Apply to BOTH left and right so everything matches
   --------------------------------------------------------- */
.filter-bar .button,
.filter-bar .select,
.filter-bar .select select,
.filter-bar .input {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  display: inline-flex;
  align-items: center; /* centers content inside the control */
}

/* Center Bulma’s dropdown caret for 36px height */
.filter-bar .select:not(.is-multiple):not(.is-loading)::after {
  top: calc(50% - 2px);
}

/* Make sure select padding looks consistent */
.filter-bar .select select {
  padding-right: 2rem;
}

/* Badge inside the Status button sits perfectly centered */
.filter-bar .button .tag {
  align-self: center;
}

/* ---------------------------------------------------------
   Search Input with Icon
   --------------------------------------------------------- */
.filter-search {
  position: relative;
}

.filter-search .input {
  padding-left: 2rem !important; /* ensure space for icon */
}

.filter-search .icon-left {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: 0.65;
  font-size: var(--font-size-body);
  z-index: 2; /* sit above the input */
}

/* ---------------------------------------------------------
   Status Button + Badge
   --------------------------------------------------------- */
.filter-status-badge.tag {
  margin-left: 6px;
  height: 20px;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
}

/* ---------------------------------------------------------
   Status Popover
   --------------------------------------------------------- */
.filter-bar .picker-panel {
  position: absolute; /* positioned dynamically by Stimulus controller */
  z-index: 40;
  min-width: 260px;
  background: #fff;
  border: 1px solid rgba(16, 24, 40, 0.08);
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.14), 0 2px 6px rgba(16, 24, 40, 0.06);
  border-radius: 10px;
  padding: 12px;
}

/* ---------------------------------------------------------
   Responsive Tweaks
   --------------------------------------------------------- */
@media (max-width: 768px) {
  .filter-bar__row {
    gap: 10px;
  }
  .filter-bar__right {
    justify-content: flex-start;
    width: 100%;
  }
}
.decision-form__relation-results,
.risk-form__relation-results,
.mention-linker__results {
  display: grid;
  gap: 0;
}

.decision-form__relation-result-group,
.risk-form__relation-result-group {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 0.55rem 0.7rem 0.45rem;
  text-transform: uppercase;
}

.decision-form__relation-results .decision-form__relation-result,
.risk-form__relation-results .risk-form__relation-result,
.mention-linker__results .mention-linker__result {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 0;
  color: #102a43;
  cursor: pointer;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  min-height: 4.5rem;
  margin: 0;
  padding: 0.75rem 0.7rem;
  text-align: left;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
  align-items: start;
  width: 100%;
}

.decision-form__relation-results .decision-form__relation-result:first-child,
.risk-form__relation-results .risk-form__relation-result:first-child,
.mention-linker__results .mention-linker__result:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.decision-form__relation-results .decision-form__relation-result:last-child,
.risk-form__relation-results .risk-form__relation-result:last-child,
.mention-linker__results .mention-linker__result:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.decision-form__relation-result:hover,
.decision-form__relation-result:focus-visible,
.decision-form__relation-result.is-active,
.risk-form__relation-result:hover,
.risk-form__relation-result:focus-visible,
.risk-form__relation-result.is-active,
.mention-linker__result:hover,
.mention-linker__result:focus-visible,
.mention-linker__result.is-active {
  background: #f5f8ff;
  border-color: #cddbf8;
  outline: none;
  transform: translateY(-1px);
}

.decision-form__relation-result-icon,
.risk-form__relation-result-icon,
.mention-linker__result-icon {
  align-items: center;
  color: #6b7b8f;
  display: inline-flex;
  font-size: 0.95rem;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem;
}

.decision-form__relation-result-content,
.risk-form__relation-result-content,
.mention-linker__result-content {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.decision-form__relation-result-kind,
.risk-form__relation-result-kind,
.mention-linker__result-kind {
  color: #5b6f88;
  font-size: 0.69rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.decision-form__relation-result-label,
.risk-form__relation-result-label,
.mention-linker__result-label {
  color: #102a43;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.decision-form__relation-result-meta,
.risk-form__relation-result-meta,
.mention-linker__result-meta {
  color: #6b7b8f;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  margin: 0;
}

.decision-form__relation-empty,
.risk-form__relation-empty,
.mention-linker__empty {
  color: #64748b;
  font-size: var(--font-size-body);
  margin: 0;
  padding: 0.65rem 0.8rem;
}

.mention-linker__menu {
  background: #fff;
  border: 1px solid #d8e3f2;
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
  max-height: 18rem;
  overflow-y: auto;
  padding: 0.4rem;
  position: fixed;
  z-index: 2100;
}

.RenewalsOverview {
  margin-bottom: 1.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
  padding: 0.8rem 0.9rem;
}

.RenewalsOverview__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.RenewalsOverview__copy {
  min-width: 0;
}

.RenewalsOverview__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
}

.RenewalsOverview__tag {
  cursor: pointer;
  font-weight: 500;
  transition: filter 0.12s ease;
}

.RenewalsOverview__tag:hover {
  filter: brightness(0.98);
}

.RenewalsOverview__tag.is-active {
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.2);
  filter: brightness(0.95);
  transform: translateY(-1px);
}

.RenewalsOverview__tag--expired {
  background-color: #ffe5e8;
  color: #7b1020;
}

.RenewalsOverview__tag--notice-window {
  background-color: #ffeccb;
  color: #8a5900;
}

.RenewalsOverview__tag--expiring {
  background-color: #ffe9d6;
  color: #8a4a1a;
}

.RenewalsOverview__tag--watch {
  background-color: #e5f2ff;
  color: #045285;
}

.RenewalsOverview__total {
  margin-left: auto;
  background: #0f766e;
  color: #ffffff;
}

.RenewalsOverview__total strong {
  color: #ffffff;
}

.RenewalsOverview__active-filter {
  margin-top: 0.25rem;
  color: #334155;
}

.RenewalsOverview__clear-link {
  color: #1d4ed8;
  font-weight: 600;
}

.RenewalsOverview__clear-link:hover {
  color: #1e40af;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .RenewalsOverview__tags {
    width: 100%;
    justify-content: flex-start;
  }
  .RenewalsOverview__total {
    margin-left: 0;
  }
}
.internal-shell {
  display: grid;
  gap: 1.5rem;
}

.internal-detail-card {
  border: 1px solid #dbe4f0;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
}

.internal-detail-card__body {
  padding: 1.25rem;
}

.internal-detail-list,
.internal-audit-list {
  display: grid;
  gap: 0.75rem;
}

.internal-detail-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1.5rem;
}

.internal-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.75rem;
}

.internal-stat {
  background: #f8fbff;
  border: 1px solid #d7e4f4;
  border-radius: 14px;
  padding: 0.9rem 1rem;
}

.internal-stat__label {
  color: #64748b;
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.internal-stat__value {
  color: #0f172a;
  display: block;
  font-size: 1.35rem;
  font-weight: 700;
  margin-top: 0.25rem;
}

.internal-detail-list__row,
.internal-audit-entry {
  border-bottom: 1px solid #edf2f7;
  padding-bottom: 0.75rem;
}

.internal-detail-list__row:last-child,
.internal-audit-entry:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.internal-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 700;
  padding: 0.3rem 0.65rem;
}

.internal-pill--success {
  background: #e9f9ef;
  color: #166534;
}

.internal-pill--warning {
  background: #fff7e8;
  color: #a16207;
}

.internal-pill--danger {
  background: #fef2f2;
  color: #b91c1c;
}

.internal-pill--neutral {
  background: #eef2f7;
  color: #334155;
}

.internal-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.internal-menu-link {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dbe4f0;
  border-radius: 8px;
  color: #0f172a;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 0.85rem 1rem;
}

.internal-menu-link:hover {
  border-color: #9bb8d8;
  color: #0f172a;
}

.internal-menu-link small {
  color: #64748b;
  display: block;
  font-size: var(--font-size-xs);
  margin-top: 0.15rem;
}

.internal-detail-actions {
  display: grid;
  gap: 1rem;
}

@media (max-width: 960px) {
  .internal-detail-grid {
    grid-template-columns: 1fr;
  }
}
.product-map-layout {
  background: #f7f9fb;
  min-height: 100vh;
}

.product-map-header {
  background: #07112c;
  color: #ffffff;
}

.product-map-header__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 4.5rem;
}

.product-map-brand,
.product-map-brand:visited {
  align-items: center;
  color: #ffffff;
  display: inline-flex;
  font-weight: 700;
  gap: 0.75rem;
}

.product-map-brand__logo {
  display: block;
  height: 34px;
  object-fit: contain;
  width: auto;
}

.product-map-nav {
  display: flex;
  gap: 1rem;
}

.product-map-nav a,
.product-map-nav a:visited {
  color: rgba(255, 255, 255, 0.86);
}

.product-map-hero {
  background: radial-gradient(circle at 8% 12%, rgba(70, 171, 250, 0.12), transparent 32rem), #ffffff;
  border-bottom: 1px solid #e6ebf2;
  padding: 4.5rem 1.5rem 3rem;
}

.product-map-hero--compact {
  padding-bottom: 2.75rem;
}

.product-map-hero__inner {
  align-items: center;
  display: grid;
  gap: 2rem;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
}

.product-map-hero__copy {
  max-width: 780px;
}

.product-map-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.4rem;
}

.product-map-hero-overview {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #dfe7f2;
  border-radius: 12px;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
  padding: 1.4rem;
}

.product-map-hero-overview__icon,
.product-map-catalogue-section__icon,
.product-map-request-cta__icon {
  align-items: center;
  background: #eef5ff;
  border: 1px solid #d8e7ff;
  border-radius: 10px;
  color: #1d63f2;
  display: inline-flex;
  height: 2.4rem;
  justify-content: center;
  width: 2.4rem;
}

.product-map-hero-overview p {
  color: #475569;
  line-height: 1.55;
}

.product-map-hero-overview__areas {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 1.2rem;
}

.product-map-hero-overview__areas span {
  align-items: center;
  color: #334155;
  display: flex;
  flex-direction: column;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.45rem;
  line-height: 1.25;
  text-align: center;
}

.product-map-hero-overview__areas i {
  align-items: center;
  background: #f7fbff;
  border: 1px solid #dfe7f2;
  border-radius: 9px;
  color: #1d63f2;
  display: inline-flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.product-map-eyebrow {
  color: #1f7a8c;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.product-map-section {
  background: #f7f9fb;
}

.product-map-view-toggle {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0;
}

.product-map-view-toggle > span,
.product-map-filter-chips > span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 700;
}

.product-map-area {
  margin-bottom: 3rem;
}

.product-map-area__header,
.product-map-detail-heading {
  align-items: flex-start;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
}

.product-map-controls {
  background: #ffffff;
  border: 1px solid #e0e7ef;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
}

.product-map-area-chip-panel {
  background: transparent;
  margin-bottom: 1.7rem;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding-bottom: 0.35rem;
  scrollbar-color: #cbd5e1 #eef2f7;
  scrollbar-width: thin;
}

.product-map-area-chip-panel::-webkit-scrollbar {
  height: 0.45rem;
}

.product-map-area-chip-panel::-webkit-scrollbar-track {
  background: #eef2f7;
  border-radius: 999px;
}

.product-map-area-chip-panel::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

.product-map-controls__row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  justify-content: space-between;
}

.product-map-filter-chips {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.product-map-area-chips {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.55rem;
  min-width: max-content;
  width: max-content;
}

.product-map-filter-chip,
.product-map-area-chip {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  color: #334155;
  display: inline-flex;
  font-size: 0.84rem;
  font-weight: 700;
  gap: 0.45rem;
  min-height: 2.25rem;
  padding: 0.48rem 0.75rem;
}

.product-map-filter-chip.is-active,
.product-map-filter-chip:hover,
.product-map-filter-chip:focus-visible,
.product-map-area-chip:hover,
.product-map-area-chip:focus-visible {
  background: #eef5ff;
  border-color: #bcd4ff;
  color: #0b329c;
}

.product-map-filter-chip--released {
  background: #edf8f1;
  border-color: #d7efdf;
  color: #25613f;
}

.product-map-filter-chip--building {
  background: #fff4e8;
  border-color: #fde1bf;
  color: #b45309;
}

.product-map-filter-chip--planned {
  background: #eef2ff;
  border-color: #dbe3ff;
  color: #4f46e5;
}

.product-map-filter-chip--recent {
  background: #edf7ff;
  border-color: #d5eaff;
  color: #1d63f2;
}

.product-map-area-chip .icon {
  height: 1rem;
  width: 1rem;
}

.product-map-area-chip {
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
  flex: 0 0 auto;
  justify-content: center;
  min-height: 3.75rem;
  min-width: 10.5rem;
  padding: 0.8rem 1rem;
  white-space: nowrap;
}

.product-map-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.product-map-card,
.product-map-action-panel,
.product-map-detail {
  background: #ffffff;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
  padding: 1.25rem;
}

.product-map-card__meta {
  margin-bottom: 0.75rem;
}

.product-map-card--request {
  align-items: center;
  border-color: #9fb3d9;
  border-style: dashed;
  color: #334155;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 180px;
  text-align: center;
}

.product-map-card--request:hover,
.product-map-card--request:focus-visible {
  border-color: #46abfa;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  color: #334155;
}

.product-map-card__request-icon {
  align-items: center;
  background: #eef3ff;
  border: 1px dashed #9fb3d9;
  border-radius: 999px;
  color: #0b329c;
  display: inline-flex;
  font-size: 1.05rem;
  font-weight: 800;
  height: 2.25rem;
  justify-content: center;
  margin-bottom: 0.65rem;
  width: 2.25rem;
}

.product-map-card__request-title {
  color: #0b329c;
  display: block;
  font-weight: 800;
  margin-bottom: 0.35rem;
}

.product-map-card__request-copy {
  color: #64748b;
  display: block;
  font-size: 0.9rem;
  line-height: 1.35;
}

.product-map-card__meta .tag,
.product-map-detail-heading .tag,
.product-map-detail-facts .tag {
  align-items: center;
  display: inline-flex;
  gap: 0.4rem;
}

.product-map-status-icon {
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1;
}

.product-map-action-panel {
  box-shadow: none;
}

.product-map-catalogue-section {
  background: #ffffff;
  border: 1px solid #e0e7ef;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: 1.25rem;
  scroll-margin-top: 1rem;
}

.product-map-catalogue-section .product-map-area__header {
  align-items: flex-start;
  margin-bottom: 1rem;
}

.product-map-catalogue-section__heading {
  display: grid;
  gap: 0.35rem 0.75rem;
  grid-template-columns: auto minmax(0, 1fr);
}

.product-map-catalogue-section__heading .title {
  margin-bottom: 0;
}

.product-map-catalogue-section__heading p {
  grid-column: 2;
  margin: 0;
  max-width: 56rem;
}

.product-map-view-area-link {
  align-items: center;
  color: #1d63f2;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.84rem;
  font-weight: 800;
  gap: 0.45rem;
  min-height: 2.25rem;
}

.product-map-feature-rail {
  display: grid;
  gap: 0.8rem;
  grid-auto-columns: minmax(220px, 240px);
  grid-auto-flow: column;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 0.1rem 0 0.8rem;
  scroll-snap-type: x proximity;
  scrollbar-color: #cbd5e1 #eef2f7;
  scrollbar-width: thin;
}

.product-map-rail-card {
  background: #ffffff;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  min-height: 178px;
  overflow: hidden;
  padding: 0.9rem;
  position: relative;
  scroll-snap-align: start;
}

.product-map-rail-card h3 {
  color: #0b329c;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 0.45rem;
}

.product-map-rail-card h3 a {
  color: inherit;
}

.product-map-rail-card p {
  color: #475569;
  font-size: 0.82rem;
  line-height: 1.35;
  margin: 0;
}

.product-map-rail-card__meta {
  align-items: center;
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.74rem;
  gap: 0.35rem 0.45rem;
  margin-top: auto;
  padding-top: 0.8rem;
}

.product-map-rail-card__meta .tag {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
}

.product-map-request-cta {
  align-items: center;
  background: linear-gradient(135deg, #164ddd 0%, #2563eb 100%);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(29, 99, 242, 0.2);
  color: #ffffff;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  margin-top: 1.75rem;
  padding: 1.3rem 1.5rem;
}

.product-map-request-cta .title,
.product-map-request-cta p {
  color: #ffffff;
  margin-bottom: 0;
}

.product-map-request-cta p {
  color: rgba(255, 255, 255, 0.82);
  margin-top: 0.35rem;
  max-width: 52rem;
}

.product-map-request-cta__icon {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
  float: left;
  margin-right: 1rem;
}

.product-map-support-links {
  display: grid;
  gap: 1rem;
  margin-top: 1.5rem;
}

.product-map-footer-links {
  margin-top: 2rem;
}

.product-map-footer-links--grid {
  display: grid;
  gap: 1rem;
}

.product-map-support-links .product-map-action-panel,
.product-map-support-links .product-map-playbook-link {
  margin-bottom: 0;
  min-width: 0;
}

.product-map-marketing-link,
.product-map-playbook-link {
  padding: 1rem;
}

.product-map-marketing-link .title,
.product-map-playbook-link .title {
  margin-bottom: 0.75rem;
}

.product-map-marketing-link .has-text-grey,
.product-map-playbook-link .has-text-grey {
  margin-bottom: 0;
}

.product-map-playbook-link {
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
  display: grid;
  gap: 1rem;
}

.product-map-playbook-link__content {
  min-width: 0;
}

.product-map-playbook-link__eyebrow {
  align-items: center;
  display: inline-flex;
  gap: 0.45rem;
}

.product-map-playbook-link__icon {
  align-items: center;
  background: #edf7f9;
  border: 1px solid #cce7ed;
  border-radius: 8px;
  color: #1f7a8c;
  display: inline-flex;
  height: 1.75rem;
  justify-content: center;
  width: 1.75rem;
}

.product-map-playbook-link__icon i {
  font-size: 0.78rem;
}

.product-map-playbook-link__actions {
  display: grid;
  gap: 0.5rem;
}

.product-map-support-link-row {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  color: #0b329c;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  line-height: 1.25;
  min-height: 2.5rem;
  padding: 0.65rem 0.75rem;
  text-align: left;
  width: 100%;
}

.product-map-marketing-link .product-map-support-link-row,
.product-map-playbook-link .product-map-support-link-row {
  margin-top: 1rem;
}

.product-map-playbook-link__actions .product-map-support-link-row {
  margin-top: 0;
}

.product-map-support-link-row:hover,
.product-map-support-link-row:focus-visible {
  background: #ffffff;
  border-color: #46abfa;
  color: #07112c;
}

.product-map-support-link-row .icon {
  flex: 0 0 auto;
  margin-left: 0.75rem;
}

.product-map-detail-layout {
  display: grid;
  gap: 2rem;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
}

.product-map-detail-layout__main,
.product-map-detail-layout__aside {
  display: grid;
  gap: 1.5rem;
  align-content: start;
}

.product-map-detail-layout__aside .product-map-playbook-link {
  margin-bottom: 0;
}

.product-map-detail-layout__aside .product-map-playbook-link__actions {
  display: grid;
}

.product-map-detail--content {
  padding: 1.5rem;
}

.product-map-detail__eyebrow {
  color: #1f7a8c;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.product-map-detail__description {
  color: #374151;
  font-size: 1rem;
  line-height: 1.65;
}

.product-map-detail-note,
.product-map-detail-facts,
.product-map-related {
  background: #ffffff;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
  padding: 1.25rem;
}

.product-map-detail-note {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
}

.product-map-detail-note__icon {
  align-items: center;
  background: #effaf3;
  border: 1px solid #d8f0df;
  border-radius: 8px;
  color: #257942;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.product-map-detail-facts dl {
  display: grid;
  gap: 1rem;
  margin: 0;
}

.product-map-detail-facts dl > div {
  border-top: 1px solid #eef2f7;
  display: grid;
  gap: 0.35rem;
  padding-top: 1rem;
}

.product-map-detail-facts dt {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-map-detail-facts dd {
  color: #1f2937;
  margin: 0;
}

.product-map-detail-suggestion {
  padding: 1.25rem;
}

.product-map-related ul {
  display: grid;
  gap: 0.65rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-map-related a {
  align-items: center;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  color: #0b329c;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 0.7rem 0.8rem;
}

.product-map-related a:hover,
.product-map-related a:focus-visible {
  border-color: #cbe6fb;
  color: #07112c;
}

.product-map-form-container {
  max-width: 680px;
}

.product-map-request-button {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
}

.product-map-request-modal__card {
  border-radius: 8px;
  max-width: 720px;
  overflow: hidden;
  width: calc(100vw - 2rem);
}

.product-map-request-modal__head {
  align-items: center;
  background: #ffffff;
  border-bottom-color: #e0e7ef;
  display: flex;
  justify-content: space-between;
}

.product-map-request-modal__title {
  align-items: center;
  display: flex;
  gap: 1rem;
  min-width: 0;
}

.product-map-request-modal__head .delete {
  flex: 0 0 auto;
  margin-left: 1rem;
}

.product-map-request-modal__icon,
.product-map-request-modal__thanks-icon {
  align-items: center;
  background: #eaf5ff;
  border: 1px solid #cbe6fb;
  border-radius: 8px;
  color: #0b329c;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.75rem;
  justify-content: center;
  width: 2.75rem;
}

.product-map-request-modal__icon i,
.product-map-request-modal__thanks-icon i {
  font-size: 1.1rem;
}

.product-map-request-modal__subtitle,
.product-map-request-modal__intro,
.product-map-request-modal__thanks p {
  color: #64748b;
}

.product-map-request-modal__subtitle {
  font-size: 0.9rem;
  margin-top: 0.15rem;
}

.product-map-request-modal__intro {
  border-bottom: 1px solid #eef2f7;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
}

.product-map-request-modal__thanks {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
}

.product-map-request-modal__idea {
  min-height: 9rem;
}

.product-map-request-modal__thanks-icon {
  background: #effaf3;
  border-color: #d8f0df;
  color: #257942;
}

.product-capability-map-shell {
  margin-inline: calc((100vw - min(100vw, 1344px)) / -2);
}

.product-capability-map {
  cursor: grab;
  overflow-x: auto;
  overflow-y: clip;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  padding: 0.5rem max(1rem, (100vw - 1280px) / 2) 1.25rem;
  scrollbar-color: #94a3b8 #e2e8f0;
  scrollbar-width: thin;
  touch-action: pan-y;
  user-select: none;
}

.product-capability-map.is-dragging {
  cursor: grabbing;
}

.product-capability-map__canvas {
  min-width: max-content;
  padding-bottom: 0.25rem;
}

.product-capability-map__root {
  display: flex;
  justify-content: center;
  margin-bottom: 2.25rem;
  position: relative;
}

.product-capability-map__root::after {
  background: #cbd5e1;
  bottom: -2.25rem;
  content: "";
  height: 2.25rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 2px;
}

.product-capability-map__root-node {
  align-items: center;
  background: #07112c;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16);
  color: #ffffff;
  display: inline-flex;
  flex-direction: column;
  min-width: 220px;
  padding: 1rem 1.25rem;
  text-align: center;
}

.product-capability-map__root-node .product-map-eyebrow {
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: 0.25rem;
}

.product-capability-map__areas {
  display: grid;
  column-gap: 2rem;
  row-gap: 1.25rem;
  grid-template-columns: repeat(var(--capability-area-count, 1), 340px);
  padding-top: 0;
  position: relative;
}

.product-capability-map__areas::before {
  background: #cbd5e1;
  content: "";
  height: 2px;
  left: 170px;
  position: absolute;
  right: 170px;
  top: 0;
}

.product-capability-map__area {
  padding-top: 2.25rem;
  position: relative;
}

.product-capability-map__area-connector {
  background: #cbd5e1;
  content: "";
  display: block;
  height: 2.25rem;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 2px;
}

.product-capability-map__children {
  display: grid;
  gap: 1rem;
  margin-left: 0;
  margin-top: 1rem;
  padding-left: 0;
}

.product-capability-map__child {
  display: block;
  position: relative;
}

.product-capability-map__child::before {
  background: #dbe3ee;
  content: "";
  height: 1rem;
  left: 50%;
  position: absolute;
  top: -1rem;
  transform: translateX(-50%);
  width: 2px;
  z-index: 0;
}

.product-capability-map__child-connector {
  display: none;
}

.product-capability-node {
  background: #ffffff;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  color: #1f2937;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 1.05rem 1.15rem;
  position: relative;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
  width: 100%;
  z-index: 1;
}

a.product-capability-node:hover,
a.product-capability-node:focus-visible {
  border-color: #46abfa;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  color: #111827;
  transform: translateY(-1px);
}

.product-capability-node--area {
  background: #f9fbfd;
  border-color: #b8d8ea;
  border-top: 3px solid #46abfa;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
  height: 128px;
  justify-content: center;
}

.product-capability-node--feature {
  min-height: 132px;
  justify-content: space-between;
  overflow: hidden;
}

.product-capability-node--new {
  border-color: #f4c86a;
  box-shadow: 0 10px 24px rgba(180, 112, 10, 0.1);
}

.product-capability-node--planned,
.product-capability-node--request {
  border-color: #9fb3d9;
  border-style: dashed;
}

.product-capability-node--request {
  align-items: center;
  color: #334155;
  text-align: center;
}

.product-capability-node--request .product-capability-node__label {
  color: #0b329c;
}

.product-capability-node__request-icon {
  align-items: center;
  background: #eef3ff;
  border: 1px dashed #9fb3d9;
  border-radius: 999px;
  color: #0b329c;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.05rem;
  font-weight: 800;
  height: 2rem;
  justify-content: center;
  margin-bottom: 0.35rem;
  width: 2rem;
}

.product-capability-node--empty {
  color: #64748b;
  font-size: 0.9rem;
  height: 104px;
  justify-content: center;
}

.product-capability-node__topline {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

.product-map-new-ribbon {
  background: #fff4d6;
  box-shadow: 0 1px 5px rgba(138, 75, 0, 0.18);
  color: #8a4b00;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 0.32rem 1.55rem;
  position: absolute;
  right: -1.6rem;
  text-align: center;
  text-transform: uppercase;
  top: 0.75rem;
  transform: rotate(45deg);
  transform-origin: center;
  z-index: 2;
}

.product-capability-node__label {
  color: #0b329c;
  display: block;
  font-weight: 700;
  line-height: 1.25;
}

.product-capability-node--area .product-capability-node__label {
  color: #07112c;
  font-size: 1.05rem;
}

.product-capability-node__area-heading {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}

.product-capability-node__area-icon {
  align-items: center;
  background: #eaf5ff;
  border: 1px solid #cbe6fb;
  border-radius: 8px;
  color: #0b329c;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.product-capability-node__area-icon .icon {
  height: 1rem;
  width: 1rem;
}

.product-capability-node__area-icon i {
  font-size: 0.95rem;
}

.product-capability-node__summary {
  color: #64748b;
  display: block;
  font-size: 0.88rem;
  line-height: 1.35;
  margin-top: 0.4rem;
}

.product-capability-node__date {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.3;
}

.product-capability-node__meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  margin-top: 0.75rem;
}

.product-capability-node__badges {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-end;
  padding-right: 0.2rem;
}

.product-capability-node__badges .tag {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
  white-space: nowrap;
}

.product-capability-node__status-icon {
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1;
}

@media screen and (min-width: 769px) {
  .product-map-support-links,
  .product-map-footer-links--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .product-map-header__inner,
  .product-map-area__header,
  .product-map-detail-heading {
    align-items: stretch;
    flex-direction: column;
  }
  .product-map-nav {
    flex-wrap: wrap;
  }
  .product-map-hero__inner {
    grid-template-columns: 1fr;
  }
  .product-map-hero-overview__areas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .product-map-controls__row,
  .product-map-request-cta {
    align-items: stretch;
    flex-direction: column;
  }
  .product-map-view-toggle {
    justify-content: flex-start;
  }
  .product-map-catalogue-section__heading {
    grid-template-columns: 1fr;
  }
  .product-map-catalogue-section__heading p {
    grid-column: auto;
  }
  .product-map-view-area-link {
    align-self: flex-start;
  }
  .product-map-feature-rail {
    grid-auto-columns: minmax(220px, 82vw);
  }
  .product-map-detail-layout {
    grid-template-columns: 1fr;
  }
  .product-capability-map {
    padding-inline: 1rem;
  }
  .product-capability-map__root::after,
  .product-capability-map__areas::before {
    display: block;
  }
  .product-capability-map__areas {
    column-gap: 1.25rem;
    grid-template-columns: repeat(var(--capability-area-count, 1), 300px);
  }
  .product-capability-map__areas::before {
    left: 150px;
    right: 150px;
  }
}
.workspace-tabs-shell,
.platforms-tabs-shell,
.team-tabs-shell {
  --workspace-sheet-bg: #ffffff;
  --workspace-border: #d9e2ef;
  --workspace-muted: #44546a;
  --workspace-active: #1d63f2;
  --workspace-hover-bg: #f3f6fb;
  margin-top: 0.1rem;
}

.workspace-tabs-nav,
.platforms-tabs-nav,
.team-tabs-nav {
  margin-bottom: 0 !important;
}

.workspace-tabs {
  margin-bottom: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.workspace-tabs ul,
.workspace-tabs__list {
  align-items: flex-end;
  border-bottom: 1px solid var(--workspace-border) !important;
  display: flex;
  flex-wrap: nowrap !important;
  gap: 0.15rem;
  min-width: max-content;
  width: 100%;
}

.workspace-tabs__item,
.workspace-tabs li {
  flex: 0 0 auto;
  margin-bottom: -1px !important;
  position: relative;
}

.workspace-tabs__item.workspace-tab--active,
.workspace-tabs li.is-active {
  background: transparent !important;
  z-index: 2;
}

.workspace-tab,
.workspace-tabs li a,
.workspace-tabs.tabs.is-boxed li a {
  align-items: center;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
  color: var(--workspace-muted);
  display: inline-flex;
  gap: 0.4rem;
  min-height: 3rem;
  padding: 0.72rem 1rem;
  white-space: nowrap;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.workspace-tab .icon,
.workspace-tab__icon,
.workspace-tabs li a .icon {
  color: inherit;
}

.workspace-tab:hover,
.workspace-tabs li:not(.is-active) a:hover,
.workspace-tabs.tabs.is-boxed li:not(.is-active) a:hover {
  background: var(--workspace-hover-bg) !important;
  border-color: transparent !important;
  color: #24415f;
}

.workspace-tabs__item.workspace-tab--active > .workspace-tab,
.workspace-tabs li.is-active > a,
.workspace-tabs.tabs.is-boxed li.is-active > a {
  background: var(--workspace-sheet-bg) !important;
  border-color: var(--workspace-border) !important;
  border-bottom-color: var(--workspace-sheet-bg) !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-bottom-width: 1px !important;
  box-shadow: 0 1px 0 var(--workspace-sheet-bg) !important;
  color: var(--workspace-active) !important;
  font-weight: 650;
  position: relative;
  z-index: 2;
}

.workspace-sheet,
.platforms-tabs-content,
.team-tabs-content {
  background: var(--workspace-sheet-bg) !important;
  border: 1px solid var(--workspace-border);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 1rem;
}

.platform-detail-tabs .platforms-tabs-content,
.risk-show__shell .platforms-tabs-content,
.project-show__shell .platforms-tabs-content,
.roadmap-tabs-shell .platforms-tabs-content,
.costs-tabs-shell .platforms-tabs-content {
  background: var(--workspace-sheet-bg) !important;
  border: 1px solid var(--workspace-border) !important;
  border-top: 0 !important;
  border-radius: 0 0 10px 10px !important;
  padding: 1rem !important;
}

.risk-show__shell .platforms-tabs-nav,
.project-show__shell .platforms-tabs-nav,
.team-tabs-shell .team-tabs-nav {
  margin-bottom: 0 !important;
}

.platform-detail-tabs .workspace-tabs ul,
.risk-show__shell .workspace-tabs ul,
.project-show__shell .workspace-tabs ul,
.roadmap-tabs-shell .workspace-tabs ul {
  border-bottom: 1px solid var(--workspace-border) !important;
}

.platform-detail-tabs .workspace-tabs li:not(.is-active) a,
.platform-detail-tabs .workspace-tabs.tabs.is-boxed li:not(.is-active) a,
.risk-show__shell .workspace-tabs li:not(.is-active) a,
.risk-show__shell .workspace-tabs.tabs.is-boxed li:not(.is-active) a,
.project-show__shell .workspace-tabs li:not(.is-active) a,
.project-show__shell .workspace-tabs.tabs.is-boxed li:not(.is-active) a {
  border: 1px solid transparent !important;
  border-radius: 8px 8px 0 0 !important;
}

.platform-detail-tabs .workspace-tabs li.is-active a,
.platform-detail-tabs .workspace-tabs.tabs.is-boxed li.is-active a,
.risk-show__shell .workspace-tabs li.is-active a,
.risk-show__shell .workspace-tabs.tabs.is-boxed li.is-active a,
.project-show__shell .workspace-tabs li.is-active a,
.project-show__shell .workspace-tabs.tabs.is-boxed li.is-active a {
  background: var(--workspace-sheet-bg) !important;
  border-top: 1px solid var(--workspace-border) !important;
  border-right: 1px solid var(--workspace-border) !important;
  border-bottom: 1px solid var(--workspace-sheet-bg) !important;
  border-left: 1px solid var(--workspace-border) !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: 0 1px 0 var(--workspace-sheet-bg) !important;
}

.workspace-sheet > *:first-child,
.platforms-tabs-content > *:first-child,
.team-tabs-content > *:first-child {
  margin-top: 0 !important;
}

.project-show__shell .platforms-tabs-nav {
  margin-bottom: 0.7rem !important;
}

.project-show__shell .platforms-tabs-content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 1rem 0 0 !important;
}

.project-show__shell .workspace-tabs ul {
  border-bottom-color: #dfe7f1 !important;
}

.project-show__shell .workspace-tabs li a,
.project-show__shell .workspace-tabs.tabs.is-boxed li a {
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 2.65rem;
  padding: 0.65rem 0.9rem;
}

.project-show__shell .workspace-tabs li:not(.is-active) a:hover,
.project-show__shell .workspace-tabs.tabs.is-boxed li:not(.is-active) a:hover {
  background: #f4f7fb !important;
  border-radius: 8px 8px 0 0 !important;
}

.project-show__shell .workspace-tabs li.is-active a,
.project-show__shell .workspace-tabs.tabs.is-boxed li.is-active a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #1d63f2 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1d63f2 !important;
}

@media (max-width: 760px) {
  .workspace-tab,
  .workspace-tabs li a,
  .workspace-tabs.tabs.is-boxed li a {
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
  }
}
:root {
  color-scheme: light;
  --gl-star-empty: url(/assets/star-empty-9f71cb685f428ba07cbc47e50fd1f16f1c3a88d2494378a36cd7d16dee573389.svg);
  --gl-star-full: url(/assets/star-full-8a4d34d5eaf74d449013dcb0cfe3819b73734de3bd8b7c284b7576a07b7b7b91.svg);
  --gl-star-size: 3em;
  --brand-nav-bg: #07112c;
  --brand-active-bg: #46abfa;
  --brand-mid-color: #0b329c;
  --bulma-link-text: var(--brand-mid-color);
}

.brand-name {
  display: inline-flex;
  letter-spacing: 0.01em;
}

.navbar-item img.brand-logo {
  display: block;
  height: 65px;
  width: auto;
  max-height: none;
}

.hero-navbar-container {
  max-width: 100% !important;
  padding-left: 1rem;
  padding-right: 1rem;
}

.hero .hero-head .navbar {
  background-color: var(--brand-nav-bg);
}

.menu-list a.is-active,
.menu-list a.is-selected,
.menu-list button.is-active,
.menu-list button.is-selected,
.menu-list .menu-item.is-active,
.menu-list .menu-item.is-selected {
  background-color: var(--brand-active-bg);
}

.brand-part--left {
  color: #111827;
}

.brand-part--right {
  color: #1f7a8c;
}

body {
  background-color: #f4f3f3;
}

.main-content.section {
  padding: 0;
}

.page-shell {
  width: 100%;
  padding: 24px 32px 48px;
}

.page-shell--workspace {
  max-width: none;
}

.page-shell--detail {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.page-shell--narrow {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .page-shell {
    padding: 16px 16px 32px;
  }
}
.app-layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.app-body {
  background-color: #f4f3f3;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.main-layout-columns {
  align-items: stretch;
  background-color: #f4f3f3;
  display: flex;
  flex: 1 0 auto;
}

.main-layout-columns > .column {
  display: flex;
  flex-direction: column;
}

.main-layout-columns > .column:not(.is-narrow),
.main-content {
  min-width: 0;
}

.main-content {
  background-color: #f4f3f3;
  flex: 1 0 auto;
  width: 100%;
}

.mobile-app-header,
.mobile-nav-backdrop,
.mobile-nav-drawer {
  display: none;
}

.footer {
  background: var(--brand-nav-bg);
  color: #ffffff;
}
.footer a,
.footer a:visited {
  color: inherit;
}

.navbar-item {
  color: white !important;
}
.navbar-item * {
  color: inherit !important;
}
.navbar-item:hover {
  color: white !important;
  background-color: transparent !important;
  font-weight: 700;
  cursor: pointer;
}
.navbar-item:hover * {
  color: inherit !important;
}

.navbar-item.account-dropdown-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-item.account-dropdown-item:hover {
  font-weight: 400;
}

.account-dropdown {
  position: relative;
}

.account-chip {
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  gap: 0.5rem;
  min-height: 2.2rem;
  padding: 0.25rem 0.5rem 0.25rem 0.3rem;
}

.account-chip:hover,
.account-chip:focus-visible {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.35);
  outline: none;
}

.account-avatar {
  align-items: center;
  background: rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  display: inline-flex;
  font-size: var(--font-size-xs);
  font-weight: 700;
  height: 30px;
  justify-content: center;
  letter-spacing: 0.02em;
  width: 30px;
}

.account-chip-text {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.15;
  text-align: left;
}

.account-name {
  font-size: var(--font-size-body);
  font-weight: 600;
}

.account-org {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.68rem;
}

.account-caret {
  opacity: 0.9;
}

.account-survey-badge {
  font-size: 0.68rem !important;
  min-width: 1.2rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  position: absolute;
  right: -0.35rem;
  top: -0.3rem;
  z-index: 2;
}

.account-survey-badge--stacked {
  min-width: 0.95rem;
  width: 0.95rem;
  height: 0.95rem;
  padding: 0;
  right: 0.35rem;
  top: -0.08rem;
  opacity: 0.98;
  z-index: 1;
}

.account-alert-badge {
  font-size: 0.68rem !important;
  min-width: 1.2rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  position: absolute;
  right: -0.35rem;
  top: -0.3rem;
  z-index: 3;
}

.account-alert-badge--attention {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
  padding: 0;
}

.floating-popover.account-floating-popover {
  min-width: 15rem;
  padding: 0.25rem 0;
}

.floating-popover.account-floating-popover .popover-item {
  color: #2f3640 !important;
  padding-bottom: 0.7rem;
  padding-top: 0.7rem;
}

.floating-popover.account-floating-popover .popover-item:hover {
  color: #1f2937 !important;
}

.floating-popover.account-floating-popover .account-warning-icon {
  margin-left: auto;
}

.floating-popover.account-floating-popover .account-warning-icon i {
  color: #d97706;
}

.floating-popover.account-floating-popover .account-alert-icon i {
  color: #dc2626;
}

.floating-popover.account-floating-popover .account-alert-preview {
  align-items: flex-start;
}

.floating-popover.account-floating-popover .account-alert-preview .popover-item__icon {
  font-size: 0.55rem;
  margin-top: 0.35rem;
}

.billing-callout {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 0.95rem 1rem;
  border-radius: 14px;
  border: 1px solid #dce6f5;
  background: #f8fbff;
}

.billing-callout--warning {
  border-color: #dce6f5;
  background: #f8fbff;
}

.billing-callout--danger {
  border-color: #efc7c7;
  background: #fff5f5;
}

.billing-callout--success {
  border-color: #bfe3cf;
  background: #f4fbf7;
}

.billing-callout--celebration {
  border-color: #b7e0ca;
  background: linear-gradient(135deg, #f7fcf8 0%, #eefbf3 100%);
}

.billing-callout__icon {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #e9f1ff;
  color: var(--brand-mid-color);
}

.billing-callout--warning .billing-callout__icon {
  background: #e9f1ff;
  color: var(--brand-mid-color);
}

.billing-callout--danger .billing-callout__icon {
  background: rgba(220, 38, 38, 0.1);
  color: #b91c1c;
}

.billing-callout--success .billing-callout__icon {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
}

.billing-callout__body {
  min-width: 0;
}

.billing-callout__title {
  margin: 0 0 0.25rem;
  color: #1f2937;
  font-size: var(--font-size-body);
  font-weight: 700;
}

.billing-callout__message {
  margin: 0;
  color: #4b5563;
  font-size: var(--font-size-body);
  line-height: 1.5;
}

.billing-callout__highlights {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.85rem;
}

.billing-callout__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.95rem;
}

.billing-callout__highlight {
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: #335f47;
  font-size: var(--font-size-body);
  line-height: 1.45;
}

.billing-callout__highlight i {
  color: #047857;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  html.mobile-nav-is-open,
  body.mobile-nav-is-open {
    overflow: hidden;
  }
  .app-layout .hero.has-background-link {
    display: none;
  }
  .mobile-app-header {
    align-items: center;
    background: var(--brand-nav-bg);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    justify-content: space-between;
    min-height: 64px;
    padding: 0.55rem 1rem;
    position: sticky;
    top: 0;
    z-index: 40;
  }
  .mobile-app-header__brand {
    align-items: center;
    display: inline-flex;
    min-width: 0;
  }
  .mobile-app-header__logo {
    display: block;
    height: 42px;
    max-width: min(220px, 64vw);
    object-fit: contain;
    width: auto;
  }
  .mobile-app-header__menu-button,
  .mobile-nav-drawer__close {
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    padding: 0;
    width: 2.5rem;
  }
  .mobile-app-header__menu-button:focus-visible,
  .mobile-nav-drawer__close:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
  }
  .mobile-nav-backdrop {
    background: rgba(7, 17, 44, 0.48);
    display: block;
    inset: 0;
    opacity: 0;
    position: fixed;
    transition: opacity 160ms ease;
    z-index: 60;
  }
  .mobile-nav-backdrop[hidden] {
    display: none;
  }
  .mobile-nav-backdrop.is-open {
    opacity: 1;
  }
  .mobile-nav-drawer {
    background: #ffffff;
    box-shadow: -20px 0 45px rgba(15, 23, 42, 0.18);
    display: flex;
    flex-direction: column;
    height: 100dvh;
    max-width: 88vw;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(102%);
    transition: transform 180ms ease;
    width: 320px;
    z-index: 70;
  }
  .mobile-nav-drawer.is-open {
    transform: translateX(0);
  }
  .mobile-nav-drawer__header {
    align-items: center;
    background: var(--brand-nav-bg);
    color: #ffffff;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 72px;
    padding: 0.9rem 1rem;
  }
  .mobile-nav-drawer__workspace {
    display: grid;
    line-height: 1.15;
    min-width: 0;
  }
  .mobile-nav-drawer__workspace strong {
    overflow-wrap: anywhere;
  }
  .mobile-nav-drawer__label {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .mobile-nav-drawer__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
  }
  .main-layout-columns,
  .main-layout-columns.columns {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .main-layout-columns > .column:not(.desktop-sidebar-column) {
    display: block;
    width: 100%;
  }
  .main-content.section {
    padding: 0;
  }
  .page-shell {
    max-width: none;
    min-width: 0;
    padding: 16px 16px 32px;
    width: 100%;
  }
  .page-header__top,
  .page-header__identity,
  .page-header__actions,
  .buttons,
  .field.is-grouped {
    align-items: flex-start;
    flex-wrap: wrap;
    min-width: 0;
  }
  .page-header__top {
    gap: 0.85rem;
  }
  .page-header__actions {
    width: 100%;
  }
  .page-title,
  .title.is-1,
  .title.is-2 {
    font-size: clamp(1.75rem, 9vw, 2.125rem);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }
  .title.is-3,
  .title.is-4 {
    font-size: clamp(1.45rem, 7vw, 1.8rem);
    line-height: 1.18;
    overflow-wrap: anywhere;
  }
  .page-subtitle,
  .subtitle,
  .hero-subtitle {
    font-size: clamp(1.05rem, 5vw, 1.25rem);
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
  .box,
  .card,
  .panel,
  .notification,
  .content,
  .column,
  .columns,
  [class*=card],
  [class*=panel],
  [class*=grid],
  [class*=summary],
  [class*=metric],
  [class*=toolbar],
  [class*=hero] {
    min-width: 0;
  }
  .box,
  .card,
  .panel,
  .notification {
    max-width: 100%;
    width: 100%;
  }
  .columns:not(.is-mobile) {
    display: block;
  }
  .columns:not(.is-mobile) > .column {
    width: 100%;
  }
  .button,
  .buttons .button {
    max-width: 100%;
    white-space: normal;
  }
  .table-container,
  .nt-scroll-x,
  [class*=timeline],
  [class*=matrix],
  [class*=table-wrap],
  [class*=table-container] {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  table,
  .table {
    min-width: max-content;
  }
  .grid,
  .dashboard-operations-grid,
  .dashboard-secondary-grid,
  .dashboard-summary-grid,
  .dashboard-metric-grid,
  .alerts-summary__grid,
  .risk-show__summary-grid,
  .risk-show__form-grid,
  .risks-summary-cards,
  .risks-overview,
  .teams-grid,
  .team-summary-grid,
  .team-metrics-grid,
  .costs-summary-grid,
  .costs-metrics-grid,
  .platform-form-grid,
  .two-column-form-grid,
  .my-account-summary-grid,
  .product-map-grid,
  .empty-state-card,
  .admin-billing-overview-grid,
  .admin-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
.admin-billing-page {
  display: grid;
  gap: 1.75rem;
  max-width: 1480px;
  margin: 0 auto 2rem;
}

.admin-billing-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: stretch;
}

.admin-billing-overview-grid--trial {
  align-items: start;
}

.admin-billing-page .admin-form-box {
  max-width: none;
  margin: 0;
}

.admin-billing-main {
  display: grid;
  gap: 1.5rem;
}

.admin-billing-summary,
.admin-billing-limits,
.admin-billing-plans {
  border: 1px solid #e5e7eb;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.admin-billing-summary,
.admin-billing-limits {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.admin-billing-summary__header {
  margin-bottom: 1rem;
}

.admin-billing-summary__title-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-billing-summary__subtitle {
  margin: 0.55rem 0 0;
  color: #667085;
  font-size: var(--font-size-body);
  line-height: 1.5;
}

.admin-billing-section-label {
  color: #344054;
  font-size: var(--font-size-body);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.billing-status-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.4rem 0.85rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.billing-status-pill--trial {
  background: #eef2ff;
  color: #3144b7;
}

.billing-status-pill--success {
  background: #ecfdf3;
  color: #027a48;
}

.billing-status-pill--warning {
  background: #fff7ed;
  color: #c2410c;
}

.billing-status-pill--danger {
  background: #fff1f2;
  color: #be123c;
}

.billing-status-pill--neutral {
  background: #f3f4f6;
  color: #374151;
}

.admin-billing-fact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.admin-billing-fact-card {
  border: 1px solid #e9edf2;
  border-radius: 14px;
  background: #fbfcfd;
  padding: 0.95rem 1rem;
}

.admin-billing-fact-card__label {
  margin: 0 0 0.35rem;
  color: #667085;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-billing-fact-card__value {
  margin: 0;
  color: #1f2937;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.35;
}

.admin-billing-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.admin-billing-section-head--compact {
  margin-bottom: 1rem;
}

.admin-billing-section-head__actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.billing-helper-note {
  margin-top: 1rem;
  color: #64748b;
  font-size: var(--font-size-sm);
  line-height: 1.45;
}

.admin-billing-section-note {
  max-width: 42rem;
}

.admin-billing-limit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 1rem;
}

.admin-billing-limits--trial .admin-billing-limit-grid {
  margin-top: 1rem;
}

.admin-billing-limit-card {
  border-radius: 14px;
  border: 1px solid #e9edf2;
  background: #fbfcfd;
  padding: 0.95rem 1rem;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.admin-billing-limit-card--link {
  color: inherit;
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.admin-billing-limit-card--link:hover,
.admin-billing-limit-card--link:focus-visible {
  color: inherit;
  text-decoration: none;
  border-color: #cfd8f6;
  box-shadow: 0 10px 22px rgba(49, 68, 183, 0.08);
  transform: translateY(-1px);
}

.admin-billing-limit-card__label {
  margin: 0 0 0.55rem;
  color: #667085;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.admin-billing-limit-card__value {
  margin: 0 0 0.45rem;
  color: #111827;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.05;
}

.admin-billing-limit-card__detail {
  margin: 0;
  color: #667085;
  font-size: var(--font-size-sm);
  line-height: 1.35;
}

.admin-billing-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.billing-plan-card {
  height: 100%;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  padding: 1.35rem;
  border-radius: 18px;
}

.billing-plan-card--featured {
  border-color: #dbe4ff;
  box-shadow: 0 14px 30px rgba(49, 68, 183, 0.08);
}

.billing-plan-card--current {
  border-color: #9db0ff;
  background: #fbfdff;
  box-shadow: 0 0 0 2px rgba(49, 68, 183, 0.12), 0 16px 32px rgba(49, 68, 183, 0.08);
}

.billing-plan-card--enterprise {
  background: linear-gradient(180deg, #fcfdff 0%, #f8fbff 100%);
}

.billing-plan-card__header {
  margin-bottom: 1rem;
}

.billing-plan-card__title-row {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.billing-plan-card__badge {
  background: #eef2ff !important;
  color: #3144b7 !important;
  border-radius: 999px;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.billing-plan-card__badge--current {
  background: #ecfdf3 !important;
  color: #027a48 !important;
}

.billing-plan-card__badge--scheduled {
  background: #fff7ed !important;
  color: #c2410c !important;
}

.billing-plan-card__section-label {
  margin: 0 0 0.7rem;
  color: #667085;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.billing-plan-card__inclusions {
  margin-bottom: 1.1rem;
}

.billing-plan-card__pricing {
  margin-bottom: 1.2rem;
}

.billing-plan-card__prices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: start;
}

.billing-plan-card__offer {
  display: grid;
  grid-template-rows: minmax(9.5rem, auto) 3.6rem minmax(2.8rem, auto);
  gap: 0.55rem;
  align-content: start;
  min-width: 0;
}

.billing-plan-card__price-block {
  border-radius: 12px;
  border: 1px solid #edf1f5;
  background: #f8fafc;
  padding: 0.8rem 0.85rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.billing-plan-card__price {
  margin: 0;
  color: #1f2937;
  font-size: var(--font-size-body);
  font-weight: 700;
}

.billing-plan-card__price-label {
  margin: 0.2rem 0 0;
  color: #667085;
  font-size: var(--font-size-sm);
}

.billing-plan-card__price-note {
  margin: 0.4rem 0 0;
  color: #667085;
  font-size: var(--font-size-xs);
  line-height: 1.4;
}

.billing-plan-card__price-savings {
  margin: 0.35rem 0 0;
  color: #027a48;
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1.4;
}

.billing-plan-card__enterprise-copy {
  border-radius: 12px;
  border: 1px solid #edf1f5;
  background: #f8fafc;
  padding: 0.95rem 1rem;
  min-height: 9.5rem;
}

.billing-plan-card__enterprise-title {
  margin: 0 0 0.4rem;
  color: #111827;
  font-size: var(--font-size-body);
  font-weight: 700;
}

.billing-plan-card__enterprise-text {
  margin: 0;
  color: #667085;
  font-size: var(--font-size-body);
  line-height: 1.5;
}

.billing-plan-card__limits {
  display: grid;
  gap: 0.55rem;
  color: #64748b;
  font-size: var(--font-size-body);
  margin-bottom: 0;
}

.billing-plan-card__limits p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.billing-plan-card__limits i {
  width: 0.95rem;
  color: #3144b7;
  font-size: var(--font-size-sm);
  flex-shrink: 0;
}

.billing-plan-card__limits span {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
}

.billing-plan-card__action {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.billing-plan-card__action .button_to,
.billing-plan-card__action form {
  display: block;
  width: 100%;
  margin: 0;
}

.billing-plan-card__action-detail {
  margin: 0;
  color: #667085;
  font-size: var(--font-size-sm);
  line-height: 1.4;
  text-align: center;
  min-height: 2.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.billing-plan-card__button--current[disabled] {
  opacity: 1;
  border-color: #b8c7fb;
  color: #3144b7;
  background: #eef2ff;
  box-shadow: inset 0 0 0 1px rgba(49, 68, 183, 0.06);
}

.billing-plan-card__status-tile {
  min-height: 3.6rem;
  height: 3.6rem;
  border-radius: 12px;
  border: 1px solid #e6e9ef;
  background: #f8fafc;
  color: #475467;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1rem;
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
  gap: 0.45rem;
}

.billing-plan-card__status-tile--current {
  border-color: #b7ebc8;
  background: #ecfdf3;
  color: #027a48;
}

.billing-plan-card__status-tile--scheduled {
  border-color: #f2c791;
  background: #fff7ed;
  color: #9a3412;
}

.billing-plan-card__status-tile i {
  font-size: var(--font-size-body);
  flex-shrink: 0;
}

.billing-plan-card__button--scheduled {
  border: 1px solid #f2c791;
  color: #9a3412;
  background: #fff7ed;
  opacity: 1;
}

.billing-plan-card__button--disabled[disabled] {
  opacity: 1;
  border: 1px solid #d7dee8;
  color: #98a2b3;
  background: #f8fafc;
  box-shadow: none;
}

.billing-plan-card__button--primary {
  box-shadow: 0 10px 22px rgba(49, 68, 183, 0.18);
  min-height: 3.6rem;
  height: 3.6rem;
  font-weight: 700;
  white-space: normal;
  line-height: 1.25;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

.billing-plan-card__button--secondary {
  border: 1px solid #cfd8f6;
  color: #3144b7;
  background: #eef2ff;
  min-height: 3.6rem;
  height: 3.6rem;
  font-weight: 700;
  white-space: normal;
  line-height: 1.25;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

.billing-plan-card__button--secondary:hover,
.billing-plan-card__button--secondary:focus {
  border-color: #b9c7f5;
  color: #24369f;
  background: #e8edff;
}

@media (max-width: 1080px) {
  .admin-billing-overview-grid,
  .admin-billing-plan-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .admin-billing-fact-grid,
  .admin-billing-overview-grid,
  .admin-billing-plan-grid {
    grid-template-columns: 1fr;
  }
  .admin-billing-limit-grid {
    grid-template-columns: 1fr;
  }
  .billing-plan-card__prices {
    grid-template-columns: 1fr;
  }
  .admin-billing-section-head {
    flex-direction: column;
  }
}
.account-billing-notice {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0.35rem 0.5rem 0.55rem;
  padding: 0.85rem 0.95rem;
  border-radius: 14px;
  border: 1px solid #dce6f5;
  background: #f8fbff;
  color: #2f3d57 !important;
  text-decoration: none;
}

.account-billing-notice:hover {
  color: #243247 !important;
  text-decoration: none;
}

.account-billing-notice--danger {
  border-color: #f3c2c2;
  background: #fff5f5;
  color: #642a2a !important;
}

.account-billing-notice__icon {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #e9f1ff;
  color: var(--brand-mid-color);
}

.account-billing-notice--danger .account-billing-notice__icon {
  background: rgba(220, 38, 38, 0.1);
  color: #b91c1c;
}

.account-billing-notice__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.account-billing-notice__title {
  margin: 0 0 0.18rem;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.account-billing-notice__message {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.45;
}

.account-billing-notice__cta {
  align-items: center;
  align-self: center;
  background: rgba(49, 68, 183, 0.1);
  border-radius: 999px;
  color: inherit;
  display: inline-flex;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1;
  padding: 0.5rem 0.8rem;
  white-space: nowrap;
}

.account-alert-preview__text {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.account-alert-preview__title {
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.account-alert-preview__body {
  color: #64748b;
  font-size: var(--font-size-xs);
  line-height: 1.45;
}

.account-onboarding-progress {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0.35rem 0.5rem 0.55rem;
  padding: 0.85rem 0.95rem;
  border-radius: 14px;
  border: 1px solid #dce6f5;
  background: #f8fbff;
  color: #2f3d57 !important;
  text-decoration: none;
}

.account-onboarding-progress:hover {
  color: #243247 !important;
  text-decoration: none;
  border-color: #cbd9f0;
  background: #f4f8ff;
}

.account-onboarding-progress__icon {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #e9f1ff;
  color: var(--brand-mid-color);
}

.account-onboarding-progress__content {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
  width: 100%;
}

.account-onboarding-progress__title {
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.account-onboarding-progress__meta {
  font-size: var(--font-size-sm);
  line-height: 1.3;
}

.account-onboarding-progress__bar {
  width: 100%;
  height: 0.35rem;
  border-radius: 999px;
  background: #e4ebf5;
  overflow: hidden;
}

.account-onboarding-progress__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #4a9df5;
}

.account-onboarding-progress__hint {
  color: #64748b;
  font-size: var(--font-size-xs);
  line-height: 1.35;
}

.main-content {
  padding: 1em;
}

.page-header {
  background: #fff;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
}
.page-header .page-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  min-height: 3.25rem;
}
.page-header .page-header__identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.page-header .page-header__icon {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  border-radius: 0.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  color: #1d4ed8;
}
.page-header .page-header__icon .icon {
  width: 1rem;
  height: 1rem;
  color: inherit;
}
.page-header .page-header__icon i {
  font-size: 0.95rem;
}
.page-header .page-header__copy {
  min-width: 0;
}
.page-header .page-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  align-self: center;
  gap: 0.5rem;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.page-header .page-header__actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  height: 2.35rem;
  border-radius: 0.55rem;
  font-size: var(--font-size-sm);
  font-weight: 650;
  padding: 0 0.85rem;
  line-height: 1;
}
.page-header .page-title {
  font-size: 1.02rem;
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: 0;
  margin: 0;
  color: #0f172a;
}
.page-header .page-subtitle {
  max-width: 56rem;
  font-size: var(--font-size-xs);
  line-height: 1.35;
  color: #64748b;
  margin-top: 0.18rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-actions-menu {
  position: relative;
}

.page-actions-menu summary {
  list-style: none;
}

.page-actions-menu summary::-webkit-details-marker {
  display: none;
}

.page-actions-menu__trigger {
  appearance: none;
  border: 1px solid #cfd8e3;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  color: #0f172a;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  min-width: 2.35rem;
  border-radius: 0.55rem;
  padding: 0;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.page-actions-menu__trigger:hover {
  border-color: #9fb1cc;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.1);
  transform: translateY(-1px);
}

.page-actions-menu__kebab {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.23rem;
}

.page-actions-menu__action-icon .fas,
.page-actions-menu__action-icon .fa-solid {
  font-size: 0.78rem;
}

.page-actions-menu__kebab span {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 999px;
  background: #334155;
}

.page-actions-menu[open] .page-actions-menu__trigger {
  border-color: #8fa7c6;
  box-shadow: 0 0 0 3px rgba(63, 94, 251, 0.14), 0 10px 28px rgba(15, 23, 42, 0.14);
}

.page-actions-menu__dropdown {
  position: absolute;
  top: calc(100% + 0.45rem);
  right: 0;
  width: clamp(320px, 26vw, 390px);
  max-width: calc(100vw - 1.5rem);
  background: #fff;
  border: 1px solid #dde5f0;
  border-radius: 14px;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.18);
  padding: 0.85rem;
  z-index: 30;
  display: grid;
  gap: 0.85rem;
}

.page-actions-menu__menu-label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
}

.page-actions-menu__action {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.7rem 0.75rem;
  border-radius: 10px;
  text-decoration: none;
  color: #0f172a;
  border: 1px solid #dde5f0;
  background: linear-gradient(180deg, #f8fbff 0%, #f2f6ff 100%);
}

.page-actions-menu__action:hover {
  border-color: #c8d5e8;
  background: linear-gradient(180deg, #f0f6ff 0%, #eaf1ff 100%);
}

.page-actions-menu__action-icon {
  width: 1.35rem;
  height: 1.35rem;
  min-width: 1.35rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3f5efb;
  color: #fff;
  font-weight: 700;
  font-size: var(--font-size-body);
  line-height: 1;
}

.page-actions-menu__action-copy {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}

.page-actions-menu__action-title {
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1.2;
}

.page-actions-menu__action-subtitle {
  font-size: var(--font-size-xs);
  color: #64748b;
  line-height: 1.2;
}

.page-actions-menu__section {
  display: grid;
  gap: 0.5rem;
  padding-top: 0.1rem;
}

.page-actions-menu__section-label {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
}

.page-actions-menu__scope-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #d7e0ec;
  border-radius: 999px;
  padding: 0.2rem;
  background: #f5f8fc;
  gap: 0.2rem;
  overflow: hidden;
}

.page-actions-menu__scope-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  border-radius: 999px;
  color: #405067;
  font-weight: 600;
  font-size: 0.81rem;
  line-height: 1;
  white-space: nowrap;
  min-height: 2rem;
  padding: 0.38rem 0.55rem;
}

.page-actions-menu__scope-option:hover {
  color: #1e293b;
  background: rgba(255, 255, 255, 0.95);
}

.page-actions-menu__scope-option.is-active {
  background: #3f5efb;
  color: #fff;
  box-shadow: 0 4px 10px rgba(63, 94, 251, 0.28);
}

.page-actions-menu__scope-hint {
  margin: 0;
  font-size: var(--font-size-xs);
  color: #64748b;
}

@media (max-width: 768px) {
  .page-header .page-header__top {
    flex-direction: column;
    align-items: stretch;
  }
  .page-header .page-header__actions {
    width: 100%;
    justify-content: flex-start;
  }
  .page-actions-menu {
    align-self: flex-start;
  }
  .page-actions-menu__dropdown {
    left: auto;
    right: 0;
    width: min(390px, 100vw - 1.5rem);
  }
}
@media (max-width: 560px) {
  .page-actions-menu__scope-toggle {
    grid-template-columns: 1fr;
    border-radius: 12px;
  }
  .page-actions-menu__scope-option {
    border-radius: 9px;
    white-space: normal;
    line-height: 1.2;
    min-height: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .app-layout .main-layout-columns,
  .app-layout .main-layout-columns.columns {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .app-layout .desktop-sidebar-column {
    display: none !important;
  }
  .app-layout .page-shell {
    max-width: none;
    min-width: 0;
    padding: 16px 16px 32px;
    width: 100%;
  }
  .app-layout .main-content {
    padding: 0;
  }
  .app-layout .page-header__copy,
  .app-layout .page-title,
  .app-layout .page-subtitle {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .app-layout .grid,
  .app-layout .dashboard-operations-grid,
  .app-layout .dashboard-secondary-grid,
  .app-layout .dashboard-summary-grid,
  .app-layout .dashboard-metric-grid,
  .app-layout .alerts-summary__grid,
  .app-layout .risk-show__summary-grid,
  .app-layout .risk-show__form-grid,
  .app-layout .risks-summary-cards,
  .app-layout .risks-overview,
  .app-layout .teams-grid,
  .app-layout .team-summary-grid,
  .app-layout .team-metrics-grid,
  .app-layout .costs-summary-grid,
  .app-layout .costs-metrics-grid,
  .app-layout .platform-form-grid,
  .app-layout .two-column-form-grid,
  .app-layout .my-account-summary-grid,
  .app-layout .product-map-grid,
  .app-layout .empty-state-card,
  .app-layout .admin-billing-overview-grid,
  .app-layout .admin-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .app-layout .table-container,
  .app-layout .nt-scroll-x,
  .app-layout [class*=timeline],
  .app-layout [class*=matrix],
  .app-layout [class*=table-wrap],
  .app-layout [class*=table-container] {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}