body {
  font-family: "Open Sans", system-ui, sans-serif !important;
}
body *:focus, body *:focus-visible{
    outline: 2px solid #0D5F86 !important;
    outline-offset: 2px
}
html.dark body *:focus, html.dark body *:focus-visible{
    outline: 2px solid #6DB4DF !important;
}
body:focus, body:focus-visible{border: none !important;}
html[data-theme="light"] body {
  color: #0A1111 !important;      /* --palette-neutral-950 */
  background: #FFF !important; /* --palette-surface-100 */
}}

html[data-theme="dark"] body, html.dark body, html.dark main {
  color: #fff !important;      /* --palette-neutral-50 */
  background: #0A1111 !important; /* --palette-surface-950 */
}
ul[data-component-name="Dropdown/DropdownMenu"] a, [data-component-name="Menu/MenuContainer"] a, [data-component-name="Menu/MenuContainer"] a.visited{
    color:#0A1111!important
}
html.dark body ul[data-component-name="Dropdown/DropdownMenu"] a,html.dark aside a, html.dark aside a.visited{
    color:#FFF!important
}
body nav[data-component-name="Navbar/Navbar"]>div {border:none !important; box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
html.dark nav[data-component-name="Navbar/Navbar"]>div {box-shadow: 0 2px 8px rgba(0,0,0,0.4);}
html.dark nav[data-component-name="Navbar/Navbar"]>div,html.dark aside{ background-color: #0A1111!important;}

article a:not([role="button"]),article a:not([role="button"]):visited {
  color: #03948C !important;
  text-decoration: underline solid #03948C 2px!important;  
  text-underline-offset: 1px!important;        /* accent-500 */
}
article a:not([role="button"]):hover,article a:not([role="button"]):focus {
  color: #006660 !important;   
  text-decoration: underline solid #006660 1px!important; 
  text-underline-offset: 4px!important;     /* accent-700 */
}
button,
[role="button"],
a[class*="button"],
a[class*="Button"],
[class*="btn"],
[class*="Btn"], a[href="#content"]{
  height: 40px !important;
  font-size: 16px !important;
  padding-inline: 16px !important;
  gap: 12px !important;
  border-radius: 8px !important;
  display: inline-block;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  border-width: 1px !important;
}
/* Default = PRIMARY */
button,
[role="button"],
a[class*="button"],
a[class*="Button"],
[class*="btn"],
[class*="Btn"], a[href="#content"] {
  color: #FFFFFF !important;        /* --palette-surface-50 */
  background-color: #3A4646 !important; /* --palette-neutral-800 */
  border-color: #3A4646 !important;     /* --palette-neutral-800 */
}

button:hover,
[role="button"]:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover,
[class*="btn"]:hover,
[class*="Btn"]:hover, a[href="#content"]:hover {
  background-color: #4F5B5B !important; /* --palette-neutral-700 */
  border-color: #3A4646 !important;
  text-decoration: none;
}

button:active,
[role="button"]:active,
a[class*="button"]:active,
a[class*="Button"]:active,
[class*="btn"]:active,
[class*="Btn"]:active, a[href="#content"]:active {
  background-color: #1A2424 !important; /* --palette-neutral-950 */
  border-color: #1A2424 !important;
}

/* Header / nav = SECONDARY */
header button,
header [role="button"],
header a[class*="button"],
header a[class*="Button"],
header [class*="btn"],
header [class*="Btn"],
nav button,
nav [role="button"],
nav a[class*="button"],
nav a[class*="Button"],
nav [class*="btn"],
nav [class*="Btn"], [data-component-name="Button/ButtonGroup"] >div>button {
    /* --palette-neutral-800 */
  width: 40px !important;
  padding-inline:0 !important;
  padding: 2px!important;
  border-left-style: solid !important
}
header button,
header [role="button"],
header a[class*="button"],
header a[class*="Button"],
header [class*="btn"],
header [class*="Btn"],
nav button,
nav [role="button"],
nav a[class*="button"],
nav a[class*="Button"],
nav [class*="btn"],
nav [class*="Btn"], [data-component-name="Button/ButtonGroup"] button, [data-component-name="Breadcrumbs/BreadcrumbDropdown"] button {
  color: #0A1111 !important;            /* --palette-surface-950 */
  background-color: #FFFFFF !important; /* --palette-surface-50 */
  border-color: #3A4646 !important;  
}
[data-component-name="Button/ButtonGroup"]>button {
    margin-right: 8px;
}

header button:hover,
header [role="button"]:hover,
header a[class*="button"]:hover,
header a[class*="Button"]:hover,
header [class*="btn"]:hover,
header [class*="Btn"]:hover,
nav button:hover,
nav [role="button"]:hover,
nav a[class*="button"]:hover,
nav a[class*="Button"]:hover,
nav [class*="btn"]:hover,
nav [class*="Btn"]:hover, [data-component-name="Breadcrumbs/BreadcrumbDropdown"] button:hover {
  background-color: #E4F2F2 !important; /* --palette-neutral-50 */
  border-color: #3A4646 !important;
}

header button:active,
header [role="button"]:active,
header a[class*="button"]:active,
header a[class*="Button"]:active,
header [class*="btn"]:active,
header [class*="Btn"]:active,
nav button:active,
nav [role="button"]:active,
nav a[class*="button"]:active,
nav a[class*="Button"]:active,
nav [class*="btn"]:active,
nav [class*="Btn"]:active, [data-component-name="Breadcrumbs/BreadcrumbDropdown"] button:active {
  background-color: #CDDBDB !important; /* --palette-neutral-100 */
  border-color: #3A4646 !important;
}

/* Dark mode: default = PRIMARY (light button on dark UI) */
html.dark button,
html.dark [role="button"],
html.dark a[class*="button"],
html.dark a[class*="Button"],
html.dark [class*="btn"],
html.dark [class*="Btn"] {
  color: #0A1111 !important;            /* --palette-surface-950 */
  background-color: #E4F2F2 !important; /* --palette-neutral-50 */
  border-color: #E4F2F2 !important;     /* --palette-neutral-50 */
}

html.dark button:hover,
html.dark [role="button"]:hover,
html.dark a[class*="button"]:hover,
html.dark a[class*="Button"]:hover,
html.dark [class*="btn"]:hover,
html.dark [class*="Btn"]:hover {
  background-color: #FFFFFF !important; /* --palette-surface-50 */
  border-color: #E4F2F2 !important;
}

html.dark button:active,
html.dark [role="button"]:active,
html.dark a[class*="button"]:active,
html.dark a[class*="Button"]:active,
html.dark [class*="btn"]:active,
html.dark [class*="Btn"]:active {
  background-color: #CDDBDB !important; /* --palette-neutral-100 */
  border-color: #CDDBDB !important;
}

/* Dark mode: header / nav = SECONDARY */
html.dark header button,
html.dark header [role="button"],
html.dark header a[class*="button"],
html.dark header a[class*="Button"],
html.dark header [class*="btn"],
html.dark header [class*="Btn"],
html.dark nav button,
html.dark nav [role="button"],
html.dark nav a[class*="button"],
html.dark nav a[class*="Button"],
html.dark nav [class*="btn"],
html.dark nav [class*="Btn"], html.dark [data-component-name="Breadcrumbs/BreadcrumbDropdown"] button {
  color: #FFFFFF !important;            /* from secondary dark feel */
  background-color: #1A2424 !important; /* --palette-neutral-950 */
  border-color: #E4F2F2 !important;     /* --palette-neutral-50 */
}

html.dark header button:hover,
html.dark header [role="button"]:hover,
html.dark header a[class*="button"]:hover,
html.dark header a[class*="Button"]:hover,
html.dark header [class*="btn"]:hover,
html.dark header [class*="Btn"]:hover,
html.dark nav button:hover,
html.dark nav [role="button"]:hover,
html.dark nav a[class*="button"]:hover,
html.dark nav a[class*="Button"]:hover,
html.dark nav [class*="btn"]:hover,
html.dark nav [class*="Btn"]:hover, html.dark [data-component-name="Breadcrumbs/BreadcrumbDropdown"] button:hover {
  background-color: #3A4646 !important; /* --palette-neutral-800 */
  border-color: #E4F2F2 !important;
}

html.dark header button:active,
html.dark header [role="button"]:active,
html.dark header a[class*="button"]:active,
html.dark header a[class*="Button"]:active,
html.dark header [class*="btn"]:active,
html.dark header [class*="Btn"]:active,
html.dark nav button:active,
html.dark nav [role="button"]:active,
html.dark nav a[class*="button"]:active,
html.dark nav a[class*="Button"]:active,
html.dark nav [class*="btn"]:active,
html.dark nav [class*="Btn"]:active, html.dark [data-component-name="Breadcrumbs/BreadcrumbDropdown"] button:active {
  background-color: #2A3535 !important; /* --palette-neutral-900 */
  border-color: #E4F2F2 !important;
}
#content main.Home{   
    background: linear-gradient(transparent, white 75%), url('../images/overbg.svg') center top no-repeat, url('../images/background.svg') center top no-repeat;
}
html.dark #content main.Home{   
    background:linear-gradient(transparent, #0A1111 75%), url('../images/overbg-dark.svg') center top no-repeat, url('../images/background-dark.svg') center top no-repeat !important;
}
#content main.Home section{
    max-width: 1024px;
    margin: 2em auto;
}
.homeGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.homeCard {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  padding: 20px;
  border: 1px solid #CDDBDB;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  background-color: #ffffff;
  text-align: center;
  box-sizing: border-box;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
html.dark .homeCard{background-color: #0A1111;}
.homeCard:hover {
  border-color: #03948C;
  transform: translateY(-2px);
}

.homeCardLabel {
  line-height: 1.4;
}
/* =========================================
   SIDEBAR / NAVBAR
   no vars, no hashed classes
   @theme/styles.css
   ========================================= */


/* ---------- link reset ---------- */

[data-component-name="Menu/MenuItem"] > a {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
  outline: none !important;
  box-shadow: none !important;
}

[data-component-name="Menu/MenuItem"] > a:hover,
[data-component-name="Menu/MenuItem"] > a:focus,
[data-component-name="Menu/MenuItem"] > a:focus-visible,
[data-component-name="Menu/MenuItem"] > a:active {
  color: inherit;
  text-decoration: none;
  outline: none !important;
  box-shadow: none !important;
}


/* ---------- item wrapper ---------- */

[data-component-name="Menu/MenuItem"] {
  width: 100%;
}


/* ---------- base item ---------- */

[data-component-name="Menu/MenuItem"] .menu-item-label,
[data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 0 16px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #0A1111;
  outline: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
}

[data-component-name="Menu/MenuItem"] .menu-item-label:focus,
[data-component-name="Menu/MenuItem"] .menu-item-label:focus-visible,
[data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"]:focus,
[data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"]:focus-visible,
[data-component-name="Menu/MenuItem"] > li.menu-item-label[role="link"]:focus,
[data-component-name="Menu/MenuItem"] > li.menu-item-label[role="link"]:focus-visible,
[data-component-name="Menu/MenuItem"] > li[role="link"][data-testid="menu-item-label"]:focus,
[data-component-name="Menu/MenuItem"] > li[role="link"][data-testid="menu-item-label"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}


/* reset pseudo-elements that caused glitches */
[data-component-name="Menu/MenuItem"] .menu-item-label::after,
[data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"]::after,
[data-component-name="Menu/MenuItem"] > div::before,
[data-component-name="Menu/MenuItem"] > div::after {
  content: none !important;
  display: none !important;
}


/* text + icons inherit */
[data-component-name="Menu/MenuItem"] .menu-item-label *,
[data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"] * {
  color: inherit;
}

[data-component-name="Menu/MenuItem"] .menu-item-label svg,
[data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"] svg {
  color: inherit;
  flex-shrink: 0;
}

[data-component-name="Menu/MenuItem"] .menu-item-label svg path,
[data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"] svg path {
  fill: currentColor;
}


/* ---------- hover ---------- */

[data-component-name="Menu/MenuItem"] .menu-item-label:hover,
[data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"]:hover {
  background: #CDDBDB;
  color: #0A1111;
}


/* ---------- active leaf only ---------- */

[data-component-name="Menu/MenuItem"].menu-item-type-default .menu-item-label[data-active="true"],
[data-component-name="Menu/MenuItem"].menu-item-type-default [data-testid="menu-item-label"][data-active="true"] {
  background: #E4F2F2;
  color: #013C38;
  border-color: transparent;
}

[data-component-name="Menu/MenuItem"].menu-item-type-default .menu-item-label[data-active="true"]::before,
[data-component-name="Menu/MenuItem"].menu-item-type-default [data-testid="menu-item-label"][data-active="true"]::before {
  content: "";
  display: block !important;
  position: absolute;
  left: 6px;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 0;
  background: #013C38;
}


/* ---------- group header ---------- */

[data-component-name="Menu/MenuItem"].menu-item-type-group > .menu-item-label,
[data-component-name="Menu/MenuItem"].menu-item-type-group > [data-testid="menu-item-label"] {
  background: transparent !important;
  border-color: transparent !important;
  color: #0A1111;
  padding-left: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* never show the leaf marker on groups */
[data-component-name="Menu/MenuItem"].menu-item-type-group > .menu-item-label::before,
[data-component-name="Menu/MenuItem"].menu-item-type-group > [data-testid="menu-item-label"]::before {
  content: none !important;
  display: none !important;
}

/* group title: smaller + bold, no hover */
[data-component-name="Menu/MenuItem"].menu-item-type-group > .menu-item-label span,
[data-component-name="Menu/MenuItem"].menu-item-type-group > [data-testid="menu-item-label"] span {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: default;
  pointer-events: none;
}

[data-component-name="Menu/MenuItem"].menu-item-type-group > .menu-item-label:hover,
[data-component-name="Menu/MenuItem"].menu-item-type-group > [data-testid="menu-item-label"]:hover {
  background: transparent;
  cursor: default;
}

/* ---------- group panel always visible ---------- */

[data-component-name="Menu/MenuItem"].menu-item-type-group > div {
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transition: none !important;
}

/* ---------- divider between groups ---------- */

[data-component-name="Menu/MenuItem"]:not(.menu-item-type-group) + [data-component-name="Menu/MenuItem"].menu-item-type-group,
[data-component-name="Menu/MenuItem"].menu-item-type-group ~ [data-component-name="Menu/MenuItem"].menu-item-type-group {
  border-top: 1px solid #B7C4C4;
  margin-top: 8px;
  padding-top: 8px;
}


/* ---------- footer button ---------- */

[data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"] {
  background: #FFFFFF;
  color: #0A1111;
  border: 1px solid #3A4646;
  border-radius: 8px;
  outline: none !important;
  box-shadow: none !important;
}

[data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"]:hover,
[data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"]:focus,
[data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"]:focus-visible {
  background: #E4F2F2;
  border-color: #3A4646;
  outline: none !important;
  box-shadow: none !important;
}

[data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"] svg {
  color: inherit;
}

[data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"] svg path {
  fill: currentColor;
}
/* =========================================
   DARK
   only differences
   ========================================= */

html.dark [data-component-name="Menu/MenuItem"] .menu-item-label,
html.dark [data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"] {
  background: transparent;
  color: #FFFFFF;
}

html.dark [data-component-name="Menu/MenuItem"] .menu-item-label:hover,
html.dark [data-component-name="Menu/MenuItem"] [data-testid="menu-item-label"]:hover {
  background: #3A4646;
  color: #FFFFFF;
}

/* active leaf only - dark */
html.dark [data-component-name="Menu/MenuItem"].menu-item-type-default .menu-item-label[data-active="true"],
html.dark [data-component-name="Menu/MenuItem"].menu-item-type-default [data-testid="menu-item-label"][data-active="true"] {
  background: #1A2424;
  color: #B6FFF7;
}

html.dark [data-component-name="Menu/MenuItem"].menu-item-type-default .menu-item-label[data-active="true"]::before,
html.dark [data-component-name="Menu/MenuItem"].menu-item-type-default [data-testid="menu-item-label"][data-active="true"]::before {
  background: #B6FFF7;
}

html.dark [data-component-name="Menu/MenuItem"].menu-item-type-group > .menu-item-label,
html.dark [data-component-name="Menu/MenuItem"].menu-item-type-group > [data-testid="menu-item-label"] {
  background: transparent;
  color: #FFFFFF;
}

html.dark [data-component-name="Menu/MenuItem"].menu-item-type-group > .menu-item-label:hover,
html.dark [data-component-name="Menu/MenuItem"].menu-item-type-group > [data-testid="menu-item-label"]:hover {
  background: transparent;
}

html.dark [data-component-name="Menu/MenuItem"].menu-item-type-group ~ [data-component-name="Menu/MenuItem"].menu-item-type-group {
  border-top-color: #3A4646;
}


html.dark [data-component-name="Sidebar/SidebarActions"] {
  background: transparent !important;
}

html.dark [data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"] {
  background: #1A2424;
  color: #FFFFFF;
  border-color: #E4F2F2;
}

html.dark [data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"]:hover,
html.dark [data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"]:focus,
html.dark [data-component-name="Sidebar/SidebarActions"] [data-component-name="Button/Button"]:focus-visible {
  background: #3A4646;
  color: #FFFFFF;
}
p{margin-bottom: 3em !important;}

/* ---------- ContentBlock download buttons ---------- */
article a.cb-download-btn,
article a.cb-download-btn:visited,
a.cb-download-btn,
a.cb-download-btn:visited {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  padding: 6px 14px !important;
  border-radius: 10px !important;
  border: 1px solid #B7C4C4 !important;
  background: #FFFFFF !important;
  color: #0A1111 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
article a.cb-download-btn:hover,
article a.cb-download-btn:focus,
a.cb-download-btn:hover,
a.cb-download-btn:focus {
  background: #E4F2F2 !important;
  border-color: #B7C4C4 !important;
  color: #0A1111 !important;
  text-decoration: none !important;
}
article a.cb-download-btn:active,
a.cb-download-btn:active {
  background: #CDDBDB !important;
  border-color: #B7C4C4 !important;
  color: #0A1111 !important;
  text-decoration: none !important;
}
a.cb-download-btn svg {
  flex-shrink: 0;
}
html.dark a.cb-download-btn,
html.dark a.cb-download-btn:visited {
  border-color: #3A4646 !important;
  background: #1A2424 !important;
  color: #FFFFFF !important;
}
html.dark a.cb-download-btn:hover,
html.dark a.cb-download-btn:focus {
  background: #3A4646 !important;
  border-color: #3A4646 !important;
  color: #FFFFFF !important;
}
html.dark a.cb-download-btn:active {
  background: #2A3535 !important;
  color: #FFFFFF !important;
}