@font-face {
    font-family: "Roboto-Regular";
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/Roboto-Bold.ttf);
}

h1 {
    font-family: "Roboto-Bold";
}

h2 {
    font-family: "Roboto-Bold";
}

table {
    border: 1px solid;
    border-collapse: collapse;
}

td,
th {
    border: 1px solid;
}

.md-select button img.twemoji {
    height: 1.2rem;
    vertical-align: middle;
}

.md-select__link img.twemoji {
    height: 1rem;
    vertical-align: text-bottom;
    margin-right: 1%;
}

:root>* {
    --md-primary-fg-color: #0D0D0D;
    --md-primary-fg-color--light: #0D0D0D;
    --md-primary-fg-color--dark: #0D0D0D;
    --md-default-fg-color--light: #0D0D0D;
    --md-primary-bg-color: hsla(0, 0%, 100%, 1);
    --md-primary-bg-color--dark: #FFFFFF;
    --md-primary-bg-color--light: hsla(0, 0%, 0%, 0.7);
    --md-typeset-a-color: #20B766;
    --md-text-font: "Roboto-Regular";
    --md-accent-fg-color: #20B766;
    --md-typeset-color: #000000;
}

.md-typeset p,
.md-typeset li {
  font-size: 0.75rem;
}

.md-typeset .admonition-title {
    font-size: 0.75rem;
}

:root {
    --md-admonition-icon--newspaper: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M96 96c0-26.5 21.5-48 48-48l288 0c26.5 0 48 21.5 48 48l0 256c0 26.5-21.5 48-48 48l-16 0c0 26.5-21.5 48-48 48l-224 0c-26.5 0-48-21.5-48-48L96 96zm336 0l-288 0 0 256 288 0 0-256zM128 416l224 0c0-8.8-7.2-16-16-16l-192 0c-8.8 0-16 7.2-16 16z"/></svg>');
}

.md-typeset .admonition.newspaper,
.md-typeset details.newspaper {
    border-color: #20B766;
}

.md-typeset .newspaper > .admonition-title {
    background-color: rgba(32, 183, 102, 0.1);
}

.md-typeset .newspaper > .admonition-title::before {
    background-color: #20B766;
    -webkit-mask-image: var(--md-admonition-icon--newspaper);
    mask-image: var(--md-admonition-icon--newspaper);
}

[data-md-color-scheme="default"] {
    @extend %root;
}

[data-md-color-scheme=slate][data-md-color-primary=indigo] {
    --md-typeset-a-color: #20B766;
}

[data-md-color-scheme="slate"] {
    --md-hue: 232;
    --md-default-fg-color: #FFFFFF;
    --md-default-fg-color--light: #FFFFFF;
    --md-default-fg-color--lighter: hsla(var(--md-hue), 75%, 90%, 0.32);
    --md-default-fg-color--lightest: hsla(var(--md-hue), 75%, 90%, 0.12);
    --md-default-bg-color: #222222;
    --md-default-bg-color--light: #222222;
    --md-default-bg-color--lighter: #222222;
    --md-default-bg-color--lightest: #222222;
    --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 1);
    --md-code-bg-color: #3C3C3C;
    --md-code-hl-color: rgba(66, 135, 255, .15);
    --md-code-hl-number-color: #e6695b;
    --md-code-hl-special-color: #f06090;
    --md-code-hl-function-color: #c973d9;
    --md-code-hl-constant-color: #9383e2;
    --md-code-hl-keyword-color: #6791e0;
    --md-code-hl-string-color: #2fb170;
    --md-code-hl-name-color: var(--md-default-fg-color--light);
    --md-code-hl-operator-color: var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
    --md-code-hl-comment-color: var(--md-default-fg-color--light);
    --md-code-hl-generic-color: var(--md-default-fg-color--light);
    --md-code-hl-variable-color: var(--md-default-fg-color--light);
    --md-typeset-color: #FFFFFF;
    --md-typeset-a-color: #20B766;
    --md-typeset-mark-color: rgba(66, 135, 255, .3);
    --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12);
    --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2);
    --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);
    --md-typeset-table-color: hsla(var(--md-hue), 75%, 95%, 0.12);
    --md-admonition-bg-color: hsla(var(--md-hue), 0%, 100%, 0.025);
    --md-footer-bg-color: #0D0D0D;
    --md-footer-bg-color--dark: #0D0D0D;
}

.video-wrapper {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.video-wrapper>iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.md-button {
    background-color: #10A651;
}

[data-md-color-scheme="slate"]::-webkit-scrollbar {
    width: 10px;
    background: #292929
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-track {
    background: #292929
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 15px;
    border-right: 1px #292929 solid;
    border-left: 1px #292929 solid;
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-thumb:hover {
    background: #8A8A8A
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-button:single-button:vertical:decrement {
    width: 10px;
    height: 15px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 0.401 L 0.949 13.678 L 16.978 13.678 L 8.963 0.401 Z' style='fill: gray;' /></svg>")
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 0.401 L 0.949 13.678 L 16.978 13.678 L 8.963 0.401 Z' style='fill: %238A8A8A;' /></svg>")
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-button:single-button:vertical:increment {
    width: 10px;
    height: 15px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 13.005 L 0.949 0.932 L 16.978 0.932 L 8.963 13.005 Z' style='fill: gray;' /></svg>")
}

[data-md-color-scheme="slate"]::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 13.005 L 0.949 0.932 L 16.978 0.932 L 8.963 13.005 Z' style='fill: %238A8A8A;' /></svg>")
}

::-webkit-scrollbar {
    width: 10px;
    background: #cecece
}

::-webkit-scrollbar-track {
    background: #cecece
}

::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border-radius: 15px;
    border-right: 1px #cecece solid;
    border-left: 1px #cecece solid;
}

::-webkit-scrollbar-thumb:hover,
scrollbar-thumb:hover {
    background: #ffffff
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
    width: 10px;
    height: 15px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 0.401 L 0.949 13.678 L 16.978 13.678 L 8.963 0.401 Z' style='fill: %23f1f1f1;' /></svg>")
}

::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 0.401 L 0.949 13.678 L 16.978 13.678 L 8.963 0.401 Z' style='fill: %23ffffff;' /></svg>")
}

::-webkit-scrollbar-button:single-button:vertical:increment {
    width: 10px;
    height: 15px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 13.005 L 0.949 0.932 L 16.978 0.932 L 8.963 13.005 Z' style='fill: %23f1f1f1;' /></svg>")
}

::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg id='ic_arrow_down' width='10' height='10' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'><rect id='Rectangle_741' data-name='Rectangle 741' width='13.488' height='16.293' transform='matrix(0,1,-1,0,17.118624,0.330066)' fill='rgba(0,0,0,0)' style='' /><path id='Path_886' data-name='Path 886' d='M 8.963 13.005 L 0.949 0.932 L 16.978 0.932 L 8.963 13.005 Z' style='fill: %23ffffff;' /></svg>")
}

.announcement-banner{
    background‑color:#0d0d0d; 
    color:#ffffff;
    /*padding:0.1em 0.75em;
    font-size:0.65rem;
    font-weight:400;
    margin:0;
    box-sizing:border-box;*/
    text-align:right;
    line-height:0.8;
}

.announcement-banner a{
    color:#20B766;
    text-decoration:none;
    font-weight:500;
    margin:0;
}

[data-md-color-scheme="default"] {
    --md-primary-fg-color: #0D0D0D;
    --md-primary-fg-color--light: #0D0D0D;
    --md-primary-fg-color--dark: #0D0D0D;

    --md-footer-bg-color: #0D0D0D;
    --md-accent-fg-color: #20B766; 
}

/* =============================================================================
   Related Articles Cards (Variation 1 — Grid)
   ============================================================================= */

.related-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.6rem;
  margin: 1rem 0;
}

.related-cards dt {
  font-weight: 700;
  font-size: 0.82rem;
  border-left: 3px solid #20B766;
  padding: 0.6rem 0.8rem;
  background: var(--md-default-bg-color--lightest);
  border-radius: 4px;
  transition: background 0.2s;
}

.related-cards dt:hover {
  background: rgba(32, 183, 102, 0.08);
}

.related-cards dd {
  font-size: 0.72rem;
  color: var(--md-default-fg-color--light);
  margin: 0 0 0.5rem 0;
  padding-left: 0.8rem;
}

/* =============================================================================
   Related Articles Icon (Variation 3 — Styled Icon List)
   ============================================================================= */

.related-icon {
  color: #20B766;
}

/* =============================================================================
   Related Articles Single-Column Cards (Variation 8)
   =============================================================================*/

.related-grid-1col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6rem;
  margin: 1rem 0;
}

.related-grid-item {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  padding: 0.8rem 1rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.related-grid-item:hover {
  border-color: #20B766;
  box-shadow: 0 2px 8px rgba(32, 183, 102, 0.12);
}

/* =============================================================================
   Related Articles Stacked Buttons (Variation 5)
   =============================================================================*/

.related-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}

.related-buttons .md-button {
  display: block;
  text-align: left;
}

/* =============================================================================
   Related Articles Stacked Pills (Variation 14)
   =============================================================================*/

.related-pills {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 1rem 0;
}

.related-pill {
  display: block;
  padding: 0.5rem 1rem;
  border: 1px solid #20B766;
  border-radius: 50px;
  color: #20B766 !important;
  font-size: 0.78rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

.related-pill:hover {
  background: #20B766;
  color: #fff !important;
}

/* =============================================================================
   Related Articles Single Card with separators
   ============================================================================= */

.related-single-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  padding: 0.8rem 1rem;
  margin: 1rem 0;
  background: var(--md-default-bg-color--lightest);
}

.related-single-card-title {
  font-weight: 700;
  font-size: 1.15rem;
  margin-bottom: 0.4rem;
  color: var(--md-default-fg-color);
}

.related-single-card-title .twemoji {
  color: var(--md-default-fg-color);
}

.related-single-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.related-single-card ul li {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

.related-single-card ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.related-single-card ul li a {
  text-decoration: none;
  font-weight: 500;
  font-size: 0.88rem;
}

.related-single-card ul li a:hover {
  color: #20B766;
}

/* =============================================================================
   Pagefind Search - Hide Material's loading state
   ============================================================================= */

/* Hide "Initializing search" and lunr loading states */
.md-search-result__meta:empty,
.md-search-result__meta:only-child {
    display: none;
}

/* Style search result highlights from Pagefind */
.md-search-result__teaser mark {
    background-color: var(--md-accent-fg-color, #20B766);
    color: #fff;
    padding: 0 0.1em;
    border-radius: 2px;
}

.cbot-promo-70 {
  display: block;
  width: 70% !important;
  max-width: 70% !important;
  overflow: hidden;
  border-radius: 20px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}

.cbot-promo-70 a {
  display: block;
  overflow: hidden;
  border-radius: 20px;
}

.cbot-promo-70 img {
  display: block;
  width: 100%;
  border-radius: 20px;
  transition: transform 0.35s ease-out;
}

.cbot-promo-70:hover img {
  transform: scale(1.03);
}