/* =========================================================
   LIGHT COLOR SCHEME TOKENS (DEFAULT)
   ========================================================= */

[data-md-color-scheme="scwx-light"] {
  --md-primary-fg-color:        #161E27;
  --md-default-fg-color--light: #212121;
  --md-default-fg-color--lightest: #C9C9C9;
  --md-primary-fg-color--light: #FAFAFA;
  --md-primary-fg-color--dark:  #505050;
  --md-accent-fg-color:         #013CA4;
  --md-accent-fg-color--light:  #E6F1FF;
  --md-accent-fg-color--dark:   #013CA4;
  --md-accent-fg-color--transparent: #E6F1FF;
  --md-default-bg-color:        #FFFFFF;
  --md-typeset-color:           #212121;
  --md-typeset-a-color:         #094BF4;
  --md-typeset-table-color:     #EAEAEA;
  --md-code-fg-color:           #212121;
  --md-code-bg-color:           #EAEAEA;
  --md-code-hl-color:           #E5DB9F;
  --md-code-hl-color--light:    #F4EFC1;
  --md-code-hl-number-color:    #007769;
  --md-code-hl-special-color:   #CC5C00;
  --md-code-hl-function-color:  #737373;
  --md-code-hl-constant-color:  #212121;
  --md-code-hl-keyword-color:   #5A068E;
  --md-code-hl-string-color:    #007769;
  --md-code-hl-name-color:      #5A068E;
  --md-code-hl-operator-color:  #737373;
  --md-code-hl-punctuation-color: #212121;
  --md-code-hl-comment-color:   #737373;
  --md-code-hl-generic-color:   #737373;
  --md-code-hl-variable-color:  #5A068E;
}

/* =========================================================
   DARK COLOR SCHEME TOKENS
   ========================================================= */

[data-md-color-scheme="scwx-dark"] {
  --md-primary-fg-color:        #161E27;
  --md-default-fg-color--light: #E0E0E0;
  --md-primary-fg-color--light: #A4D9FF;
  --md-default-fg-color--lighter: #E0E0E0;
  --md-default-fg-color--lightest: #6A747E;
  --md-primary-fg-color--dark:  #E0E0E0;
  --md-accent-fg-color:         #8ACAFF;
  --md-accent-fg-color--light:  #E0E0E0;
  --md-accent-fg-color--dark:   #A4D9FF;
  --md-accent-fg-color--transparent: #1A344D;
  --md-default-bg-color:        #0D1217;
  --md-typeset-color:           #F5F5F5;
  --md-typeset-a-color:         #65ADF6;
  --md-admonition-fg-color:     #F5F5F5;
  --md-admonition-bg-color:     #161E27;
  --md-typeset-table-color:     #39434D;
  --md-code-fg-color:           #F5F5F5;
  --md-code-bg-color:           #424242;
  --md-code-hl-color:           #7F6736;
  --md-code-hl-color--light:    #60502E;
  --md-code-hl-number-color:    #6DC6C2;
  --md-code-hl-special-color:   #F2BC82;
  --md-code-hl-function-color:  #9E9E9E;
  --md-code-hl-constant-color:  #F5F5F5;
  --md-code-hl-keyword-color:   #B4B0FF;
  --md-code-hl-string-color:    #6DC6C2;
  --md-code-hl-name-color:      #B4B0FF;
  --md-code-hl-operator-color:  #9E9E9E;
  --md-code-hl-punctuation-color: #F5F5F5;
  --md-code-hl-comment-color:   #9E9E9E;
  --md-code-hl-generic-color:   #9E9E9E;
  --md-code-hl-variable-color:  #B4B0FF;
}

/* =========================================================
   GLOBAL: UNIVERSAL TYPOGRAPHY / LAYOUT / UTILITY
   ========================================================= */

.md-grid {
  max-width: 1440px;
}

.md-content {
  max-width: 1440px;
}

/* SVG-based icon pseudo-elements */
.md-status--preview::after {
  mask-image: var(--md-status--preview);
  -webkit-mask-image: var(--md-status--preview);
}
.md-status--legacy::after {
  mask-image: var(--md-status--legacy);
  -webkit-mask-image: var(--md-status--legacy);
}
.md-status--eol::after {
  mask-image: var(--md-status--eol);
  -webkit-mask-image: var(--md-status--eol);
}
.md-status--eap::after {
  mask-image: var(--md-status--eap);
  -webkit-mask-image: var(--md-status--eap);
}

/* Layout/banner/header/tabs — the backgrounds, always visible */
.md-banner {
  background-color: #202A34;
  color: #E0E0E0;
}
.md-banner a {
  color: #65ADF6;
}
.md-banner a:hover {
  color: #8ACAFF;
}
.md-header {
  background-image: url("/img/nebula_bg_img.jpeg");
  background-color: #161E27;
}
.md-tabs {
  background-image: url("/img/nebula_bg_img.jpeg");
  background-color: #161E27;
}

/* top nav icon menu */

[data-md-color-scheme="scwx-dark"] .md-select__inner {
  background-color: #252F39;
  color: #E0E0E0;
}


/* Inline SVG icons for external links, always appended */
a[target="_blank"]:not(.no-icon)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 1em;
  height: 1em;
  background: currentColor;
  mask: url(/img/external_link.svg) no-repeat center;
  mask-size: contain;
  -webkit-mask: url(/img/external_link.svg) no-repeat center;
  -webkit-mask-size: contain;
}
a[target="_blank"]:not(.no-icon):hover::after {
  background: currentColor;
}

/* Universal box-sizing fix (include in all themes) */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* TOOLTIP: custom glossary or additional tooltips, always available */
[data-tooltip] {
  position: relative;
  cursor: pointer;
  text-decoration: underline dotted;
  text-underline-offset: 5px;
}
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:before {
  position: absolute;
  z-index: 2;
  top: 115%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 250px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
[data-tooltip]:after {
  position: absolute;
  z-index: 2;
  top: 115%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  width: 0;
  border-bottom: 5px solid #000;
  border-bottom: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Inline images inside content, always universal */
DIV#content IMG.inline {
  display: inline-flex;
}

/* Admonition base font size */
.md-typeset .admonition,
.md-typeset details {
  font-size: .75rem;
}

/* Universal figures, captions, HR — always global (your original intent) */
.md-typeset figure {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
.md-typeset figure img, 
.md-typeset figure a {
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.md-typeset figcaption {
  font-size: .75em;
  line-height: 1rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  margin: 1.5em 0;
  text-align: left !important;
  color: #737373; /* overridden by dark mode if needed */
}
hr {
  color: #C9C9C9; /* overridden by dark mode if needed */
}

/* =========================================================
   GLOBAL: Tokens, Layout, Utility
   ========================================================= */

:root {
  /* test tube preview icon */
  --md-status--preview: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>test-tube</title><path d="M7,2V4H8V18A4,4 0 0,0 12,22A4,4 0 0,0 16,18V4H17V2H7M11,16C10.4,16 10,15.6 10,15C10,14.4 10.4,14 11,14C11.6,14 12,14.4 12,15C12,15.6 11.6,16 11,16M13,12C12.4,12 12,11.6 12,11C12,10.4 12.4,10 13,10C13.6,10 14,10.4 14,11C14,11.6 13.6,12 13,12M14,7H10V4H14V7Z" /></svg>');

  /* sunset legacy icon  */
  --md-status--legacy: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,20.71L15.82,17.6C16.21,17.21 16.21,16.57 15.82,16.18C15.43,15.79 14.8,15.79 14.41,16.18L12,18.59L9.59,16.18C9.2,15.79 8.57,15.79 8.18,16.18C7.79,16.57 7.79,17.21 8.18,17.6L11.29,20.71C11.5,20.9 11.74,21 12,21C12.26,21 12.5,20.9 12.71,20.71Z" /></svg>');

  /* grave eol icon  */
  --md-status--eol: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10,2H14C17.31,2 19,4.69 19,8V18.66C16.88,17.63 15.07,17 12,17C8.93,17 7.12,17.63 5,18.66V8C5,4.69 6.69,2 10,2M8,8V9.5H16V8H8M9,12V13.5H15V12H9M3,22V21.31C5.66,19.62 13.23,15.84 21,21.25V22H3Z" /></svg>');

  /* rocket eap icon  */
  --md-status--eap: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>rocket-launch</title><path d="M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19M5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5M21.61 2.39C21.61 2.39 16.66 .269 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.79 17.45 10.61 17.63 11.36 17.35C13.5 16.53 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39M14.54 9.46C13.76 8.68 13.76 7.41 14.54 6.63S16.59 5.85 17.37 6.63C18.14 7.41 18.15 8.68 17.37 9.46C16.59 10.24 15.32 10.24 14.54 9.46M8.88 16.53L7.47 15.12L8.88 16.53M6.24 22L9.88 18.36C9.54 18.27 9.21 18.12 8.91 17.91L4.83 22H6.24M2 22H3.41L8.18 17.24L6.76 15.83L2 20.59V22M2 19.17L6.09 15.09C5.88 14.79 5.73 14.47 5.64 14.12L2 17.76V19.17Z" /></svg>');
}

.md-grid {
  max-width: 1440px;
}

.md-content {
  max-width: 1440px;
}

.md-status--preview::after {
  mask-image: var(--md-status--preview);
  -webkit-mask-image: var(--md-status--preview);
}

.md-status--legacy::after {
  mask-image: var(--md-status--legacy);
  -webkit-mask-image: var(--md-status--legacy);
}

.md-status--eol::after {
  mask-image: var(--md-status--eol);
  -webkit-mask-image: var(--md-status--eol);
}

.md-status--eap::after {
  mask-image: var(--md-status--eap);
  -webkit-mask-image: var(--md-status--eap);
}

.md-banner {
  background-color: #202A34;
  color: #E0E0E0;
}

[data-md-color-scheme="scwx-dark"] .md-banner {
  background-color: #202A34;
  color: #E0E0E0;
}

.md-banner a {
  color: #65ADF6;
}

[data-md-color-scheme="scwx-dark"] .md-banner a {
  color: #65ADF6;
}

.md-banner a:hover {
  color: #8ACAFF;
}

[data-md-color-scheme="scwx-dark"] .md-banner a:hover {
  color: #8ACAFF;
}

.md-header {
  background-image: url("/img/nebula_bg_img.jpeg");
  background-color: #161E27;
}

[data-md-color-scheme="scwx-dark"] .md-header {
  background-image: url("/img/nebula_bg_img.jpeg");
  background-color: #161E27;
}

.md-tabs {
  background-image: url("/img/nebula_bg_img.jpeg");
  background-color: #161E27;
}

[data-md-color-scheme="scwx-dark"] .md-tabs {
  background-image: url("/img/nebula_bg_img.jpeg");
  background-color: #161E27;
}

/* Tabbed Content */

[data-md-color-scheme="scwx-dark"] .md-typeset .tabbed-labels>label>[href]:first-child {
  color: #FFFFFF;
}

[data-md-color-scheme="scwx-dark"] .md-typeset .tabbed-labels {
  box-shadow: 0 -.05rem #6A747E inset;
}

/* =========================================================
   HOME PAGE CARDS
   ========================================================= */

.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

[data-md-color-scheme="scwx-dark"] .card {
  box-shadow: 0 2px 5px #6A747E;
  border: .05rem solid #39434D;
}

.card hr {
  width: 100%;
  margin: 1rem 0;
  border: none;
  border-top: 1px solid #ccc;
}

[data-md-color-scheme="scwx-dark"] .card hr {
  width: 100%;
  margin: 1rem 0;
  border: none;
  border-top: 1px solid #ccc;
}

.card p {
  color: #212121;
  margin: 0;
  text-align: center;
}

[data-md-color-scheme="scwx-dark"] .card p {
  color: #F5F5F5;
  margin: 0;
  text-align: center;
}

.inline-flex-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

[data-md-color-scheme="scwx-dark"] .inline-flex-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

.home-icon {
  height: 50px;
  width: auto;
  margin-right: 10px;
}

[data-md-color-scheme="scwx-dark"] .home-icon {
  height: 50px;
  width: auto;
  margin-right: 10px;
}

/* Grid card hover overrides (feature-specific grid/cards not .card) */
.md-typeset .grid .card:hover {
  box-shadow: 0 4px 8px #6A747E;
}

/* DARK MODE  */
[data-md-color-scheme="scwx-dark"] .md-typeset .grid .card:hover {
  border-color: #E0E0E0;
  box-shadow: 0 4px 8px #6A747E;
}

.md-typeset .grid.cards>ol>li,
.md-typeset .grid.cards>ul>li {
  border: .05rem solid #39434D;
}

[data-md-color-scheme="scwx-dark"] .md-typeset .grid.cards>ol>li,
[data-md-color-scheme="scwx-dark"] .md-typeset .grid.cards>ul>li {
  border: .05rem solid #39434D;
}

/* Hover (both ol and ul) */
.md-typeset .grid.cards>ol>li:hover,
.md-typeset .grid.cards>ul>li:hover {
  border-color: #39434D;
  box-shadow: 0 4px 8px #6A747E;
}

/* DARK MODE hover */
[data-md-color-scheme="scwx-dark"] .md-typeset .grid.cards>ol>li:hover,
[data-md-color-scheme="scwx-dark"] .md-typeset .grid.cards>ul>li:hover {
  border-color: #E0E0E0;
  box-shadow: 0 4px 8px #6A747E;
}

/* =========================================================
   INTEGRATION CARDS (GRID AND CARD)
   ========================================================= */

.integration-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

[data-md-color-scheme="scwx-dark"] .integration-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.integration-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; 
  text-align: center; 
  gap: 0.5rem;                        /* base spacing between image and text */
  text-decoration: none;

  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 2px 2px 6px #eee;
  padding: 10px;

  width: 25%;
  max-width: 220px;
  min-height: 150px;                  

  transition: opacity 160ms ease, transform 160ms ease, box-shadow 0.2s;
  opacity: 1;
  transform: scale(1);
  will-change: opacity, transform;
}

[data-md-color-scheme="scwx-dark"] .integration-card {
  border: 1px solid #39434D;
  box-shadow: 0 2px 3px rgba(0,0,0,0.35);
  transition: opacity 160ms ease, transform 160ms ease, box-shadow 0.2s;
  will-change: opacity, transform;
}

.integration-card:hover {
  box-shadow: 4px 4px 10px #bbb;
}

[data-md-color-scheme="scwx-dark"] .integration-card:hover {
  box-shadow: 0 3px 8px #323232;
}

/* Brand image sizing and centering */
.integration-card .brand-image {
  display: block;
  max-width: 90px;                    /* adjust as needed */
  max-height: 58px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;                     /* center horizontally */

  /* Add padding so logo bitmap area matches dark mode */
  padding: 6px;
  border-radius: 6px;

  /* Keep total width consistent even with padding */
  box-sizing: border-box;
}

/* Dark-mode extras only */
[data-md-color-scheme="scwx-dark"] .integration-card .brand-image {
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08) inset, 0 1px 2px rgba(0,0,0,.12);
}

/* Light mode: explicit clear */
[data-md-color-scheme]:not([data-md-color-scheme="scwx-dark"]) .integration-card .brand-image {
  background: transparent;
  box-shadow: none;
}

/* Title text: black, tidy spacing */
.integration-card p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
  color: var(--md-typeset-color) !important; 
}

a.integration-card:hover p {
  color: var(--md-accent-fg-color) !important;
}

/* Divider between image and title with extra breathing room */
.integration-card .brand-image + p {
  padding-top: 0.5rem;                /* more space above the title */
  border-top: 1px solid var(--md-default-fg-color--lightest);
  width: 75%;
}

.integration-card span {
  display: block;
  margin-top: 8px;
}
[data-md-color-scheme="scwx-dark"] .integration-card span {
  display: block;
  margin-top: 8px;
}

/* Responsive Integration Card Grid */
@media (max-width: 1200px) {
  .integration-card {
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 16px);
  }
}
@media (max-width: 1200px) {
  [data-md-color-scheme="scwx-dark"] .integration-card {
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 16px);
  }
}

@media (max-width: 992px) {
  .integration-card {
    flex: 1 1 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
  }
}
@media (max-width: 992px) {
  [data-md-color-scheme="scwx-dark"] .integration-card {
    flex: 1 1 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
  }
}

@media (max-width: 768px) {
  .integration-card {
    flex: 1 1 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 768px) {
  [data-md-color-scheme="scwx-dark"] .integration-card {
    flex: 1 1 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}

@media (max-width: 480px) {
  .integration-card {
    flex: 1 1 calc(100% - 16px);
    max-width: calc(100% - 16px);
  }
}
@media (max-width: 480px) {
  [data-md-color-scheme="scwx-dark"] .integration-card {
    flex: 1 1 calc(100% - 16px);
    max-width: calc(100% - 16px);
  }
}

/* Smooth fade-in only (no layout gaps) */
.integration-card.hiding {
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
}
[data-md-color-scheme="scwx-dark"] .integration-card.hiding {
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .integration-card,
  [data-md-color-scheme="scwx-dark"] .integration-card {
    transition: none !important;
  }
}

/* Breadcrumbs */
.scwx-breadcrumbs {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: .25rem 0 .85rem;
  font-size: 14px;
  line-height: 18px;
  font-style: semibold;
  font-weight: 600;
  color: var(--md-code-hl-comment-color);          /* plain text color */
}

.scwx-breadcrumbs a {
  color: var(--md-typeset-a-color);                /* default link color */
  text-decoration: none;
}
.scwx-breadcrumbs a:hover,
.scwx-breadcrumbs a:focus {
  color: var(--md-accent-fg-color);                /* hover/focus */
  text-decoration: underline;
}

.scwx-breadcrumbs .sep {
  color: var(--md-code-hl-comment-color);
  opacity: .9;
}

/* Hide heading permalink icon on pages where we render breadcrumbs */
.scwx-has-crumbs .md-content__inner > h1 .headerlink {
  display: none !important;
}

/* =========================================================
   INTEGRATION FILTER BAR (SEARCH + SELECTS + CHECKBOXES)
   ========================================================= */

/* Filters bar container */
#integration-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding-bottom: 10px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
[data-md-color-scheme="scwx-dark"] #integration-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding-bottom: 10px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

#integration-filters #text-filter {
  margin: 0;
}
[data-md-color-scheme="scwx-dark"] #integration-filters #text-filter {
  margin: 0;
}

#integration-filters .filter-checkbox {
  margin: 0;
}
[data-md-color-scheme="scwx-dark"] #integration-filters .filter-checkbox {
  margin: 0;
}

/* Text filter box */
#text-filter {
  width: 240px;
  height: 56px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  box-sizing: border-box;
  padding-left: 8px;
  color: #000;
  font-size: 18px;
  margin: 10px;
}
[data-md-color-scheme="scwx-dark"] #text-filter {
  width: 240px;
  height: 56px;
  border: 1px solid #39434D;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 16px 12px;
  color: #F5F5F5;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  background: #161E27;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

/* Text filter placeholder */
#text-filter::placeholder {
  color: #505050;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
[data-md-color-scheme="scwx-dark"] #text-filter::placeholder {
  color: #FFFFFF;
}

/* Text filter hover and focus */
[data-md-color-scheme="scwx-dark"] #text-filter:hover {
  border-color: #65ADF6;
}

[data-md-color-scheme="scwx-dark"] #text-filter:focus-visible {
  border: 2px solid #65ADF6;
  box-shadow: 0 0 0 3px rgba(101, 173, 246, 0.25);
}

/* Category/subcategory select */
#category-filter,
#subcategory-filter {
  width: 240px;
  height: 40px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  box-sizing: border-box;
  padding-left: 8px;
  color: #000;
  font-size: 18px;
}
[data-md-color-scheme="scwx-dark"] #category-filter,
[data-md-color-scheme="scwx-dark"] #subcategory-filter {
  width: 240px;
  height: 40px;
  border: 1px solid #39434D;
  border-radius: 4px;
  box-sizing: border-box;
  padding-left: 8px;
  color: #F5F5F5;
  font-size: 18px;
  background: #161E27;
}

/* All/none option coloring */
#category-filter option[value="all"],
#subcategory-filter option[value="all"] {
  color: #737373;
}
[data-md-color-scheme="scwx-dark"] #category-filter option[value="all"],
[data-md-color-scheme="scwx-dark"] #subcategory-filter option[value="all"] {
  color: #9E9E9E;
}

/* Actual <select> for closed dropdown styling */
#integration-filters select {
  width: 240px;
  height: 56px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  padding: 16px 40px 16px 12px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
[data-md-color-scheme="scwx-dark"] #integration-filters select {
  width: 240px;
  height: 56px;
  box-sizing: border-box;
  background: #161E27;
  border: 1px solid #39434D;
  border-radius: 4px;
  color: #F5F5F5;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  padding: 16px 40px 16px 12px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239E9E9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

/* Focus ring for select */
#integration-filters select:focus,
#integration-filters select:focus-visible {
  border: 2px solid #094BF4;
  box-shadow: 0 0 0 3px rgba(9, 75, 244, 0.25);
  outline: none;
}
[data-md-color-scheme="scwx-dark"] #integration-filters select:focus,
[data-md-color-scheme="scwx-dark"] #integration-filters select:focus-visible {
  border: 2px solid #65ADF6;
  box-shadow: 0 0 0 3px rgba(101, 173, 246, 0.25);
  outline: none;
}

/* Custom dropdown panel (not natively stylable, but included for completeness) */
.select-panel {
  width: 240px;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 
    0 3px 14px rgba(0,0,0,0.12),
    0 8px 10px rgba(0,0,0,0.14),
    0 5px 5px  rgba(0,0,0,0.20);
  overflow: hidden;
}
[data-md-color-scheme="scwx-dark"] .select-panel {
  width: 240px;
  background: #161E27;
  border-radius: 4px;
  box-shadow: 
    0 3px 14px rgba(0,0,0,0.12),
    0 8px 10px rgba(0,0,0,0.14),
    0 5px 5px  rgba(0,0,0,0.20);
  overflow: hidden;
}

.select-panel__item {
  height: 44px;
  padding: 12px 12px;
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  cursor: pointer;
}
[data-md-color-scheme="scwx-dark"] .select-panel__item {
  height: 44px;
  padding: 12px 12px;
  color: #F5F5F5;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  cursor: pointer;
}

.select-panel__item:hover {
  background: rgba(0,0,0,0.04);
}
[data-md-color-scheme="scwx-dark"] .select-panel__item:hover {
  background: rgba(255,255,255,0.04);
}

/* Filter checkboxes container */
.filter-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px;
  user-select: none;
}
[data-md-color-scheme="scwx-dark"] .filter-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px;
  user-select: none;
}

/* Global checkbox styling */
input[type="checkbox"] {
  width: 18px;
  height: 18px;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 2px solid #737373;
  border-radius: 4px;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
  accent-color: #094BF4;
}
[data-md-color-scheme="scwx-dark"] input[type="checkbox"] {
  width: 18px;
  height: 18px;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 2px solid #737373;
  border-radius: 4px;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
  accent-color: #65ADF6;
}

input[type="checkbox"]:checked {
  background-color: #094BF4;
  border-color: #094BF4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4,9 8,13 14,5'/%3E%3C/svg%3E");
}
[data-md-color-scheme="scwx-dark"] input[type="checkbox"]:checked {
  background-color: #65ADF6;
  border-color: #65ADF6;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4,9 8,13 14,5'/%3E%3C/svg%3E");
}

input[type="checkbox"]:hover:not(:checked) {
  border-color: #094BF4;
  background-color: #E6F2FF;
}
[data-md-color-scheme="scwx-dark"] input[type="checkbox"]:hover:not(:checked) {
  border-color: #8ACAFF;
  background-color: #18324D;
}

input[type="checkbox"]:checked:hover {
  border-color: #013CA4;
  background-color: #013CA4;
}
[data-md-color-scheme="scwx-dark"] input[type="checkbox"]:checked:hover {
  border-color: #8ACAFF;
  background-color: #8ACAFF;
}

input[type="checkbox"]:focus-visible {
  box-shadow: 0 0 0 3px rgba(9, 75, 244, 0.3);
}
[data-md-color-scheme="scwx-dark"] input[type="checkbox"]:focus-visible {
  box-shadow: 0 0 0 3px rgba(101, 173, 246, 0.30);
}

input[type="checkbox"]:disabled {
  opacity: .6;
  cursor: not-allowed;
}
[data-md-color-scheme="scwx-dark"] input[type="checkbox"]:disabled {
  opacity: .6;
  cursor: not-allowed;
}

/* =========================================================
   TAG BUTTON STYLES
   ========================================================= */

.md-typeset .md-tag {
  align-items: center;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #C9C9C9;
  display: inline-flex;
  font-size: 12px;
  color: #505050;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
}

[data-md-color-scheme="scwx-dark"] .md-typeset .md-tag {
  align-items: center;
  background: #161E27;
  border-radius: 4px;
  border: 1px solid #737373;
  display: inline-flex;
  font-size: 12px;
  color: #E0E0E0;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
}

.md-typeset .md-tag[href]:focus,
.md-typeset .md-tag[href]:hover {
  align-items: center;
  background: #E6F1FF;
  border-radius: 4px;
  border: 1px solid #094BF4;
  display: inline-flex;
  font-size: 12px;
  color: #094BF4;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
}

[data-md-color-scheme="scwx-dark"] .md-typeset .md-tag[href]:focus,
[data-md-color-scheme="scwx-dark"] .md-typeset .md-tag[href]:hover {
  align-items: center;
  background: #1A344D;
  border-radius: 4px;
  border: 1px solid #65ADF6;
  display: inline-flex;
  font-size: 12px;
  color: #F5F5F5;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
}

/* =========================================================
   AGENT CHANGELOG BADGES
   ========================================================= */

.mdx-badge__text a {
  align-items: center;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #B8D5FF;
  display: inline-flex;
  font-size: 12px;
  color: #094BF4;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
  text-transform: uppercase;
  margin: 5px;
}

[data-md-color-scheme="scwx-dark"] .mdx-badge__text a {
  align-items: center;
  background: #1A344D;
  border-radius: 4px;
  border: 1px solid #2A5279;
  display: inline-flex;
  font-size: 12px;
  color: #65ADF6;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
  text-transform: uppercase;
  margin: 5px;
}

.mdx-badge__text a:hover {
  background: #E6F1FF;
  border: 1px solid #094BF4;
  color: #094BF4;
}

[data-md-color-scheme="scwx-dark"] .mdx-badge__text a:hover {
  background: #1A344D;
  border: 1px solid #65ADF6;
  color: #F5F5F5;
}

/* Beta Badge/Preview/Stable */
.mdx-badge__text a.beta::before {
  content: "Beta";
}
[data-md-color-scheme="scwx-dark"] .mdx-badge__text a.beta::before {
  content: "Beta";
}
.mdx-badge__text a.preview::before {
  content: "Preview";
}
[data-md-color-scheme="scwx-dark"] .mdx-badge__text a.preview::before {
  content: "Preview";
}
.mdx-badge__text a.stable::before {
  content: "Stable";
}
[data-md-color-scheme="scwx-dark"] .mdx-badge__text a.stable::before {
  content: "Stable";
}

/* =========================================================
   API TAG (FOR API DOCS)
   ========================================================= */

.md-typeset .api-tag {
  vertical-align: middle;
  align-items: center;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #C9C9C9;
  display: inline-flex;
  font-size: 12px;
  color: #505050;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
  margin: 0 0.8em;
}

[data-md-color-scheme="scwx-dark"] .md-typeset .api-tag {
  vertical-align: middle;
  align-items: center;
  background: #161E27;
  border-radius: 4px;
  border: 1px solid #39434D;
  display: inline-flex;
  font-size: 12px;
  color: #E0E0E0;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
  margin: 0 0.8em;
}

.md-typeset .api-tag[href]:focus,
.md-typeset .api-tag[href]:hover {
  vertical-align: middle;
  align-items: center;
  background: #E6F1FF;
  border-radius: 4px;
  border: 1px solid #094BF4;
  display: inline-flex;
  font-size: 12px;
  color: #094BF4;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
  margin: 0 0.8em;
}

[data-md-color-scheme="scwx-dark"] .md-typeset .api-tag[href]:focus,
[data-md-color-scheme="scwx-dark"] .md-typeset .api-tag[href]:hover {
  vertical-align: middle;
  align-items: center;
  background: #1A344D;
  border-radius: 4px;
  border: 1px solid #65ADF6;
  display: inline-flex;
  font-size: 12px;
  color: #65ADF6;
  font-style: semibold;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 16px;
  padding: .3125em .78125em;
  margin: 0 0.8em;
}

/* =========================================================
   BIG BUTTON STYLES
   ========================================================= */

.md-typeset .md-button {
  align-items: center;
  border: 1px solid #B8D5FF;
  border-radius: 4px;
  color: #094BF4;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  font-style: semibold;
  font-size: .8rem;
  padding: 13px 12px;
  margin-right: 16px;
  margin-bottom: 10px;
  transition: color 125ms, background-color 125ms, border-color 125ms;
}

[data-md-color-scheme="scwx-dark"] .md-typeset .md-button {
  align-items: center;
  border: 1px solid #2A5279;
  border-radius: 4px;
  color: #65ADF6;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  font-style: semibold;
  font-size: .8rem;
  padding: 13px 12px;
  margin-right: 16px;
  margin-bottom: 10px;
  transition: color 125ms, background-color 125ms, border-color 125ms;
}

.md-typeset .md-button:focus,
.md-typeset .md-button:hover {
  background-color: #E6F1FF;
  border-color: #094BF4;
  color: #094BF4;
}

[data-md-color-scheme="scwx-dark"] .md-typeset .md-button:focus,
[data-md-color-scheme="scwx-dark"] .md-typeset .md-button:hover {
  background-color: #1A344D;
  border-color: #65ADF6;
  color: #FAFAFA;
}

/* =========================================================
   ADMONITION: NOTE (EN & JP)
   ========================================================= */

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #5A068E;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.note,
[data-md-color-scheme="scwx-dark"] .md-typeset details.note {
  border-color: #8176F6;
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: #DECDE8;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .note > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .note > summary {
  background-color: #464474;
}

.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: #5A068E;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .note > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .note > summary::before {
  background-color: #8176F6;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}

/* Japanese (注意) note */
.md-typeset .admonition.注意,
.md-typeset details.注意 {
  border-color: #5A068E;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.注意,
[data-md-color-scheme="scwx-dark"] .md-typeset details.注意 {
  border-color: #8176F6;
}

.md-typeset .注意 > .admonition-title,
.md-typeset .注意 > summary {
  background-color: #DECDE8;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .注意 > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .注意 > summary {
  background-color: #464474;
}
.md-typeset .注意 > .admonition-title::before,
.md-typeset .注意 > summary::before {
  background-color: #5A068E;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .注意 > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .注意 > summary::before {
  background-color: #8176F6;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}

/* =========================================================
   ADMONITION: TIP (EN & JP)
   ========================================================= */

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #35A151;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.tip,
[data-md-color-scheme="scwx-dark"] .md-typeset details.tip {
  border-color: #17AE81;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: #D7ECDC;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .tip > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .tip > summary {
  background-color: #1B5845;
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #35A151;
  -webkit-mask-image: var(--md-admonition-icon--tip);
  mask-image: var(--md-admonition-icon--tip);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .tip > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .tip > summary::before {
  background-color: #17AE81;
  -webkit-mask-image: var(--md-admonition-icon--tip);
  mask-image: var(--md-admonition-icon--tip);
}

/* Japanese (ヒント) tip */
.md-typeset .admonition.ヒント,
.md-typeset details.ヒント {
  border-color: #35A151;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.ヒント,
[data-md-color-scheme="scwx-dark"] .md-typeset details.ヒント {
  border-color: #17AE81;
}
.md-typeset .ヒント > .admonition-title,
.md-typeset .ヒント > summary {
  background-color: #D7ECDC;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .ヒント > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .ヒント > summary {
  background-color: #1B5845;
}
.md-typeset .ヒント > .admonition-title::before,
.md-typeset .ヒント > summary::before {
  background-color: #35A151;
  -webkit-mask-image: var(--md-admonition-icon--tip);
  mask-image: var(--md-admonition-icon--tip);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .ヒント > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .ヒント > summary::before {
  background-color: #17AE81;
  -webkit-mask-image: var(--md-admonition-icon--tip);
  mask-image: var(--md-admonition-icon--tip);
}

/* =========================================================
   ADMONITION: IMPORTANT (EN & JP)
   ========================================================= */

.md-typeset .admonition.important,
.md-typeset details.important {
  border-color: #AB8A17;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.important,
[data-md-color-scheme="scwx-dark"] .md-typeset details.important {
  border-color: #FAC354;
}
.md-typeset .important > .admonition-title,
.md-typeset .important > summary {
  background-color: #F4EFC1;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .important > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .important > summary {
  background-color: #60502E;
}
.md-typeset .important > .admonition-title::before,
.md-typeset .important > summary::before {
  background-color: #AB8A17;
  -webkit-mask-image: var(--md-admonition-icon--important);
  mask-image: var(--md-admonition-icon--important);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .important > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .important > summary::before {
  background-color: #FAC354;
  -webkit-mask-image: var(--md-admonition-icon--important);
  mask-image: var(--md-admonition-icon--important);
}

/* Japanese (重要) important */
.md-typeset .admonition.重要,
.md-typeset details.重要 {
  border-color: #AB8A17;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.重要,
[data-md-color-scheme="scwx-dark"] .md-typeset details.重要 {
  border-color: #FAC354;
}
.md-typeset .重要 > .admonition-title,
.md-typeset .重要 > summary {
  background-color: #F4EFC1;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .重要 > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .重要 > summary {
  background-color: #60502E;
}
.md-typeset .重要 > .admonition-title::before,
.md-typeset .重要 > summary::before {
  background-color: #AB8A17;
  -webkit-mask-image: var(--md-admonition-icon--important);
  mask-image: var(--md-admonition-icon--important);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .重要 > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .重要 > summary::before {
  background-color: #FAC354;
  -webkit-mask-image: var(--md-admonition-icon--important);
  mask-image: var(--md-admonition-icon--important);
}

/* =========================================================
   ADMONITION: VIDEO (EN & JP)
   ========================================================= */

.md-typeset .admonition.video,
.md-typeset details.video {
  border-color: #CC5C00;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.video,
[data-md-color-scheme="scwx-dark"] .md-typeset details.video {
  border-color: #F2BCB2;
}
.md-typeset .video > .admonition-title,
.md-typeset .video > summary {
  background-color: #F2BCB2;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .video > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .video > summary {
  background-color: #D68631;
}
.md-typeset .video > .admonition-title::before,
.md-typeset .video > summary::before {
  background-color: #CC5C00;
  -webkit-mask-image: var(--md-admonition-icon--video);
  mask-image: var(--md-admonition-icon--video);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .video > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .video > summary::before {
  background-color: #F2BCB2;
  -webkit-mask-image: var(--md-admonition-icon--video);
  mask-image: var(--md-admonition-icon--video);
}

/* Japanese (ビデオ) video */
.md-typeset .admonition.ビデオ,
.md-typeset details.ビデオ {
  border-color: #CC5C00;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.ビデオ,
[data-md-color-scheme="scwx-dark"] .md-typeset details.ビデオ {
  border-color: #F2BCB2;
}
.md-typeset .ビデオ > .admonition-title,
.md-typeset .ビデオ > summary {
  background-color: #F2BCB2;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .ビデオ > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .ビデオ > summary {
  background-color: #D68631;
}
.md-typeset .ビデオ > .admonition-title::before,
.md-typeset .ビデオ > summary::before {
  background-color: #CC5C00;
  -webkit-mask-image: var(--md-admonition-icon--video);
  mask-image: var(--md-admonition-icon--video);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .ビデオ > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .ビデオ > summary::before {
  background-color: #F2BCB2;
  -webkit-mask-image: var(--md-admonition-icon--video);
  mask-image: var(--md-admonition-icon--video);
}

/* =========================================================
   ADMONITION: REGIONS (EN & JP)
   ========================================================= */

.md-typeset .admonition.regions,
.md-typeset details.regions {
  border-color: #5A068E;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.regions,
[data-md-color-scheme="scwx-dark"] .md-typeset details.regions {
  border-color: #8176F6;
}
.md-typeset .regions > .admonition-title,
.md-typeset .regions > summary {
  background-color: #DECDE8;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .regions > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .regions > summary {
  background-color: #464474;
}
.md-typeset .regions > .admonition-title::before,
.md-typeset .regions > summary::before {
  background-color: #5A068E;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .regions > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .regions > summary::before {
  background-color: #8176F6;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}

/* Japanese (地域) regions */
.md-typeset .admonition.地域,
.md-typeset details.地域 {
  border-color: #5A068E;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.地域,
[data-md-color-scheme="scwx-dark"] .md-typeset details.地域 {
  border-color: #8176F6;
}
.md-typeset .地域 > .admonition-title,
.md-typeset .地域 > summary {
  background-color: #DECDE8;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .地域 > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .地域 > summary {
  background-color: #464474;
}
.md-typeset .地域 > .admonition-title::before,
.md-typeset .地域 > summary::before {
  background-color: #5A068E;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .地域 > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .地域 > summary::before {
  background-color: #8176F6;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}

/* =========================================================
   ADMONITION: FAQ
   ========================================================= */

.md-typeset .admonition.faq,
.md-typeset details.faq {
  border-color: #003179;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .admonition.faq,
[data-md-color-scheme="scwx-dark"] .md-typeset details.faq {
  border-color: #A4D9FF;
}
.md-typeset .faq > .admonition-title,
.md-typeset .faq > summary {
  background-color: #E6F1FF;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .faq > .admonition-title,
[data-md-color-scheme="scwx-dark"] .md-typeset .faq > summary {
  background-color: #1A344D;
}
.md-typeset .faq > .admonition-title::before,
.md-typeset .faq > summary::before {
  background-color: #003179;
  -webkit-mask-image: var(--md-admonition-icon--faq);
  mask-image: var(--md-admonition-icon--faq);
}
[data-md-color-scheme="scwx-dark"] .md-typeset .faq > .admonition-title::before,
[data-md-color-scheme="scwx-dark"] .md-typeset .faq > summary::before {
  background-color: #A4D9FF;
  -webkit-mask-image: var(--md-admonition-icon--faq);
  mask-image: var(--md-admonition-icon--faq);
}

/* =========================================================
   TOOLTIPS / GLOSSARY (PAIR)
   ========================================================= */

.md-tooltip {
  background-color: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
}
[data-md-color-scheme="scwx-dark"] .md-tooltip {
  background-color: #252F39;
  color: #E0E0E0;
}

.md-tooltip2 {
  color: #E0E0E0;
}
[data-md-color-scheme="scwx-dark"] .md-tooltip2 {
  color: #E0E0E0;
}

.md-tooltip2__inner {
  background: #252F39;
}
[data-md-color-scheme="scwx-dark"] .md-tooltip2__inner {
  background: #252F39;
}

[data-tooltip] {
  position: relative;
  cursor: pointer;
  text-decoration: underline dotted;
  text-underline-offset: 5px;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-md-color-scheme="scwx-dark"] [data-tooltip]:before,
[data-md-color-scheme="scwx-dark"] [data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  /* Colors are set below */
}

[data-tooltip]:before {
  position: absolute;
  z-index: 2;
  top: 115%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 250px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
[data-md-color-scheme="scwx-dark"] [data-tooltip]:before {
  background-color: #252F39;
  color: #E0E0E0;
}

[data-tooltip]:after {
  position: absolute;
  z-index: 2;
  top: 115%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  width: 0;
  border-bottom: 5px solid #000;
  border-bottom: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-md-color-scheme="scwx-dark"] [data-tooltip]:after {
  border-bottom: 5px solid #252F39;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
[data-md-color-scheme="scwx-dark"] [data-tooltip]:hover:before,
[data-md-color-scheme="scwx-dark"] [data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

/* Inline images inside content */
DIV#content IMG.inline {
  display: inline-flex;
}
[data-md-color-scheme="scwx-dark"] DIV#content IMG.inline {
  display: inline-flex;
}

/* =========================================================
   CHECK MARKS (PAIR)
   ========================================================= */
.yes {
  color: #2F7B43;
}
[data-md-color-scheme="scwx-dark"] .yes {
  color: #17AE81;
}

.no {
  color: #DA0711;
}
[data-md-color-scheme="scwx-dark"] .no {
  color: #FF604A;
}

/* =========================================================
   SEARCH (PAIR)
   ========================================================= */
.md-search__form {
  background-color: #161E27;
  border-radius: 4px;
  height: 1.8rem;
}
[data-md-color-scheme="scwx-dark"] .md-search__form {
  background-color: #161E27;
  border-radius: 4px;
  height: 1.8rem;
}
[data-md-color-scheme="scwx-dark"] .md-search__input {
    color: #F5F5F5 !important; 
}
.md-search__form:hover {
  background-color: #202A34;
}
[data-md-color-scheme="scwx-dark"] .md-search__form:hover {
  background-color: #202A34;
}
.md-search__suggest {
  color: #737373;
}
[data-md-color-scheme="scwx-dark"] .md-search__suggest {
  color: #9E9E9E;
}
.md-search-result__meta {
  background-color: #FAFAFA;
  color: #505050;
}
[data-md-color-scheme="scwx-dark"] .md-search-result__meta {
  background-color: #0D1217;
  color: #E0E0E0;
}
.md-search-result .md-typeset h1 {
  color: #212121;
}
[data-md-color-scheme="scwx-dark"] .md-search-result .md-typeset h1,
[data-md-color-scheme="scwx-dark"] .md-search-result .md-typeset h2 {
  color: #F5F5F5;
}
.md-search-result mark {
  color: #505050;
}
[data-md-color-scheme="scwx-dark"] .md-search-result mark {
  color: #9E9E9E;
}
.md-search-result__more > summary > div {
  color: #094BF4;
}
[data-md-color-scheme="scwx-dark"] .md-search-result__more > summary > div {
  color: #65ADF6;
}
.md-search-result .md-typeset {
  color: #212121;
}
[data-md-color-scheme="scwx-dark"] .md-search-result .md-typeset {
  color: #F5F5F5;
  font-size: .64rem;
  line-height: 1.6;
}

/* =========================================================
   TABLES, MINIMAL TABLE, STICKY COLUMN (PAIR)
   ========================================================= */
table {
  border-color: #EAEAEA;
}
[data-md-color-scheme="scwx-dark"] table {
  border-color: #39434D;
}

.md-typeset div.minimal-table th,
.md-typeset div.minimal-table td {
  padding: 4px 4px;
  font-size: 12px;
}
[data-md-color-scheme="scwx-dark"] .md-typeset div.minimal-table th,
[data-md-color-scheme="scwx-dark"] .md-typeset div.minimal-table td {
  padding: 4px 4px;
  font-size: 12px;
}

.md-typeset .sticky-column {
  overflow-x: auto;
  position: relative;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .sticky-column {
  overflow-x: auto;
  position: relative;
}
.md-typeset .sticky-column .md-typeset__scrollwrap,
.md-typeset .sticky-column .md-typeset__table {
  display: contents;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .sticky-column .md-typeset__scrollwrap,
[data-md-color-scheme="scwx-dark"] .md-typeset .sticky-column .md-typeset__table {
  display: contents;
}
.md-typeset .sticky-column th,
.md-typeset .sticky-column td {
  padding: 4px 4px;
  font-size: 12px;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .sticky-column th,
[data-md-color-scheme="scwx-dark"] .md-typeset .sticky-column td {
  padding: 4px 4px;
  font-size: 12px;
}
.md-typeset .sticky-column table {
  border-collapse: separate;
  border-spacing: 0;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .sticky-column table {
  border-collapse: separate;
  border-spacing: 0;
}
.md-typeset .sticky-column thead th:first-child,
.md-typeset .sticky-column tbody td:first-child {
  position: sticky;
  left: 0;
  background: var(--md-default-bg-color);
  z-index: 2;
  box-shadow: 2px 0 0 var(--md-default-fg-color--lighter);
  min-width: 220px;
  width: 220px;
}
[data-md-color-scheme="scwx-dark"] .md-typeset .sticky-column thead th:first-child,
[data-md-color-scheme="scwx-dark"] .md-typeset .sticky-column tbody td:first-child {
  position: sticky;
  left: 0;
  background: var(--md-default-bg-color);
  z-index: 2;
  box-shadow: 2px 0 0 var(--md-default-fg-color--lighter);
  min-width: 220px;
  width: 220px;
}

/* =========================================================
   LIGHT/DARK MODE IMAGE HIDING (PAIR)
   ========================================================= */

/* Hide dark images in light mode */
[data-md-color-scheme="scwx-light"] img[src$="#only-dark"],
[data-md-color-scheme="scwx-light"] img[src$="#gh-dark-mode-only"] {
  display: none;
}

/* Hide light images in dark mode */
[data-md-color-scheme="scwx-dark"] img[src$="#only-light"],
[data-md-color-scheme="scwx-dark"] img[src$="#gh-light-mode-only"] {
  display: none;
}

/* =========================================================
   INTEGRATION THROUGHPUTS CALCULATOR (PAIR)
   ========================================================= */

#events-input {
  width: 240px;
  height: 40px;
  padding: 12px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  transition: border-color 0.3s;
  font-size: 14px;
  background-color: var(--md-default-bg-color);
}
[data-md-color-scheme="scwx-dark"] #events-input {
  border: 1px solid #39434D;
  background-color: var(--md-default-bg-color);
}

#events-input:focus {
  border-color: var(--md-accent-fg-color);
  outline: none;
}
[data-md-color-scheme="scwx-dark"] #events-input:focus {
  border-color: var(--md-accent-fg-color);
  outline: none;
}

#throughput-units,
#partitions {
  color: var(--md-accent-fg-color);
  font-weight: bold;
  font-size: 1.2em;
}
[data-md-color-scheme="scwx-dark"] #throughput-units,
[data-md-color-scheme="scwx-dark"] #partitions {
  color: var(--md-accent-fg-color);
  font-weight: bold;
  font-size: 1.2em;
}