@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;
}

/* =============================================================================
   API Reference — Swagger / OpenAPI-style UI
   ============================================================================= */

/* ---------------------------------------------------------------------------
   1. API HEADER — info bar at the top
   --------------------------------------------------------------------------- */
.api-header {
    margin-bottom: 1.5rem;
}

.api-header table {
    border: none !important;
    background: transparent !important;
}

.api-header td,
.api-header th {
    border: none !important;
    padding: 0.2rem 0.6rem !important;
    font-size: 0.8rem;
}

/* ---------------------------------------------------------------------------
   2. API CARD — the collapsible endpoint block (the core Swagger element)
   --------------------------------------------------------------------------- */
.api-card {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 0.75rem;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

/* Tinted left border per method */
.api-card.api-get    { border-left: 4px solid #49cc90; }
.api-card.api-post   { border-left: 4px solid #61affe; }
.api-card.api-put    { border-left: 4px solid #fca130; }
.api-card.api-delete { border-left: 4px solid #f93e3e; }
.api-card.api-patch  { border-left: 4px solid #50e3c2; }

/* Light tinted background per method */
.api-card.api-get    > summary { background: rgba(73,204,144,.07); }
.api-card.api-post   > summary { background: rgba(97,175,254,.07); }
.api-card.api-put    > summary { background: rgba(252,161,48,.07); }
.api-card.api-delete > summary { background: rgba(249,62,62,.07); }
.api-card.api-patch  > summary { background: rgba(80,227,194,.07); }

/* Dark-mode tints */
[data-md-color-scheme="slate"] .api-card {
    border-color: #444;
}
[data-md-color-scheme="slate"] .api-card.api-get    > summary { background: rgba(73,204,144,.10); }
[data-md-color-scheme="slate"] .api-card.api-post   > summary { background: rgba(97,175,254,.10); }
[data-md-color-scheme="slate"] .api-card.api-put    > summary { background: rgba(252,161,48,.10); }
[data-md-color-scheme="slate"] .api-card.api-delete > summary { background: rgba(249,62,62,.10); }
[data-md-color-scheme="slate"] .api-card.api-patch  > summary { background: rgba(80,227,194,.10); }

/* ---- Summary row (always visible) ---- */
.api-card > summary {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    cursor: pointer;
    list-style: none;          /* remove default marker */
    font-size: 0.8rem;
    transition: background .15s ease;
    user-select: none;
}

.api-card > summary::-webkit-details-marker,
.api-card > summary::marker {
    display: none;
    content: "";
}

.api-card > summary:hover {
    filter: brightness(0.97);
}

.api-card[open] > summary {
    border-bottom: 1px solid #e0e0e0;
}

[data-md-color-scheme="slate"] .api-card[open] > summary {
    border-bottom-color: #444;
}

/* Expand/collapse chevron */
.api-card > summary::after {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform .2s ease;
    margin-left: auto;
    flex-shrink: 0;
    opacity: 0.5;
}

.api-card[open] > summary::after {
    transform: rotate(45deg);
}

/* ---- Card body — method-tinted background ---- */
.api-card__body {
    padding: 1rem 1.25rem 1.25rem;
}

.api-card.api-get    > .api-card__body,
.api-card.api-get    > * > .api-card__body { background: rgba(73,204,144,.025); }
.api-card.api-post   > .api-card__body,
.api-card.api-post   > * > .api-card__body { background: rgba(97,175,254,.025); }
.api-card.api-put    > .api-card__body,
.api-card.api-put    > * > .api-card__body { background: rgba(252,161,48,.025); }
.api-card.api-delete > .api-card__body,
.api-card.api-delete > * > .api-card__body { background: rgba(249,62,62,.025); }
.api-card.api-patch  > .api-card__body,
.api-card.api-patch  > * > .api-card__body { background: rgba(80,227,194,.025); }

[data-md-color-scheme="slate"] .api-card.api-get    > .api-card__body,
[data-md-color-scheme="slate"] .api-card.api-get    > * > .api-card__body { background: rgba(73,204,144,.04); }
[data-md-color-scheme="slate"] .api-card.api-post   > .api-card__body,
[data-md-color-scheme="slate"] .api-card.api-post   > * > .api-card__body { background: rgba(97,175,254,.04); }
[data-md-color-scheme="slate"] .api-card.api-put    > .api-card__body,
[data-md-color-scheme="slate"] .api-card.api-put    > * > .api-card__body { background: rgba(252,161,48,.04); }
[data-md-color-scheme="slate"] .api-card.api-delete > .api-card__body,
[data-md-color-scheme="slate"] .api-card.api-delete > * > .api-card__body { background: rgba(249,62,62,.04); }
[data-md-color-scheme="slate"] .api-card.api-patch  > .api-card__body,
[data-md-color-scheme="slate"] .api-card.api-patch  > * > .api-card__body { background: rgba(80,227,194,.04); }

/* Method-colored section title borders inside cards */
.api-card.api-get    .api-section__title { border-bottom-color: rgba(73,204,144,.3); }
.api-card.api-post   .api-section__title { border-bottom-color: rgba(97,175,254,.3); }
.api-card.api-put    .api-section__title { border-bottom-color: rgba(252,161,48,.3); }
.api-card.api-delete .api-section__title { border-bottom-color: rgba(249,62,62,.3); }
.api-card.api-patch  .api-section__title { border-bottom-color: rgba(80,227,194,.3); }

/* ---------------------------------------------------------------------------
   3. HTTP METHOD BADGE
   --------------------------------------------------------------------------- */
.api-method {
    display: inline-block;
    padding: 0.2rem 0;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.65rem;
    font-family: var(--md-code-font-family);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.4;
    min-width: 4rem;
    text-align: center;
    flex-shrink: 0;
}

.api-method.get    { background-color: #49cc90; }
.api-method.post   { background-color: #61affe; }
.api-method.put    { background-color: #fca130; }
.api-method.delete { background-color: #f93e3e; }
.api-method.patch  { background-color: #50e3c2; }

/* ---------------------------------------------------------------------------
   4. PATH & SUMMARY in the summary row
   --------------------------------------------------------------------------- */
.api-path {
    font-family: var(--md-code-font-family);
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--md-default-fg-color);
    word-break: break-all;
    background: rgba(0,0,0,.06);
    padding: 0.2rem 0.55rem;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.08);
    letter-spacing: -0.01em;
}

[data-md-color-scheme="slate"] .api-path {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.1);
}

.api-summary {
    font-size: 0.72rem;
    font-style: italic;
    font-weight: 400;
    color: var(--md-default-fg-color--light);
    opacity: 0.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.25rem;
}

/* Separator dot between path and summary */
.api-path + .api-summary::before {
    content: "\2014";
    margin-right: 0.4rem;
    opacity: 0.4;
    font-style: normal;
}

/* ---------------------------------------------------------------------------
   5. SECTIONS inside the card body (Parameters, Request body, Responses)
   --------------------------------------------------------------------------- */
.api-section {
    margin-top: 1rem;
}

.api-section__title {
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--md-default-fg-color--light);
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    margin-bottom: 0.6rem;
}

.api-section__content {
    padding-left: 0;
}

/* ---------------------------------------------------------------------------
   6. PARAMETER & SCHEMA TABLES
   --------------------------------------------------------------------------- */
.api-params table,
.api-schema table {
    width: 100%;
    font-size: 0.72rem;
    border: none !important;
    border-collapse: collapse;
}

.api-params table th,
.api-schema table th {
    background: var(--md-default-bg-color--light) !important;
    border: none !important;
    border-bottom: 2px solid var(--md-default-fg-color--lightest) !important;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--md-default-fg-color--light);
    padding: 0.45rem 0.6rem !important;
    font-weight: 600;
}

.api-params table td,
.api-schema table td {
    border: none !important;
    border-bottom: 1px solid var(--md-default-fg-color--lightest) !important;
    padding: 0.5rem 0.6rem !important;
    vertical-align: top;
}

.api-params table tr:last-child td,
.api-schema table tr:last-child td {
    border-bottom: none !important;
}

/* Zebra-stripe rows */
.api-params table tbody tr:nth-child(even),
.api-schema table tbody tr:nth-child(even) {
    background: rgba(0,0,0,.015);
}

[data-md-color-scheme="slate"] .api-params table tbody tr:nth-child(even),
[data-md-color-scheme="slate"] .api-schema table tbody tr:nth-child(even) {
    background: rgba(255,255,255,.025);
}

/* ---------------------------------------------------------------------------
   7. TYPE BADGES — inline colored labels for data types
   --------------------------------------------------------------------------- */
.api-type {
    display: inline-block;
    background: rgba(97,175,254,.12);
    color: #3b82c4;
    padding: 0.1rem 0.45rem;
    border-radius: 3px;
    font-family: var(--md-code-font-family);
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}

[data-md-color-scheme="slate"] .api-type {
    background: rgba(97,175,254,.18);
    color: #7cb9f5;
}

/* ---------------------------------------------------------------------------
   8. RESPONSE STATUS BADGES
   --------------------------------------------------------------------------- */
.api-response {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0;
    font-size: 0.75rem;
}

.api-status {
    display: inline-block;
    min-width: 2.2rem;
    text-align: center;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    font-family: var(--md-code-font-family);
    font-size: 0.68rem;
    font-weight: 700;
    color: #fff;
}

.api-status.success      { background-color: #49cc90; }
.api-status.client-error { background-color: #fca130; }
.api-status.server-error { background-color: #f93e3e; }
.api-status.info         { background-color: #61affe; }

/* ---------------------------------------------------------------------------
   9. REQUEST BODY TYPE LABEL
   --------------------------------------------------------------------------- */
.api-body-type {
    font-weight: 400;
    font-size: 0.65rem;
    text-transform: none;
    letter-spacing: 0;
    opacity: 0.6;
    margin-left: 0.5rem;
}

/* ---------------------------------------------------------------------------
   10. REQUIRED FIELD ICON
   --------------------------------------------------------------------------- */
.required-icon {
    color: #e53935;
    font-size: 0.85em;
}