.docs-shell {
    --docs-ink: #173f3b;
    --docs-muted: #64736d;
    --docs-line: #dfe5dc;
    --docs-gutter: clamp(16px, 2.5vw, 40px);
    min-height: calc(100vh - var(--api-header-height));
    max-width: 1600px;
    margin: 0 auto;
    padding: 26px var(--docs-gutter) 64px;
    gap: var(--docs-gutter);
    background: #f6f5f1 !important;
}

.docs-sidebar {
    position: sticky;
    align-self: flex-start;
    flex: 0 0 258px;
    width: 258px !important;
    height: calc(100vh - var(--api-header-height) - 52px) !important;
    top: calc(var(--api-header-height) + 26px) !important;
    overflow-y: auto;
    border: 1px solid var(--docs-line) !important;
    border-radius: 22px;
    background: #eeefe8 !important;
    scrollbar-width: thin;
}

.docs-sidebar > div { padding-top: 28px; padding-bottom: 28px; }
.docs-sidebar h1 { color: var(--docs-ink); letter-spacing: -.035em; }
.docs-sidebar h5 { color: #79877f; }
.docs-sidebar nav { padding-bottom: 8px; }

.docs-sidebar .sidebar-link {
    display: block;
    margin: 0 11px;
    padding: 9px 13px;
    border: 0;
    border-radius: 11px;
    color: #475a52;
    font-size: 13px;
    line-height: 1.35;
    text-decoration: none;
    transition: background .2s, color .2s;
}
.docs-sidebar .sidebar-link:hover,
.docs-sidebar .sidebar-link:focus-visible { color: var(--docs-ink); background: #e1e9df; }
.docs-sidebar .sidebar-link.active {
    color: #fff;
    background: var(--docs-ink);
    border: 0;
    font-weight: 650;
}

.docs-content { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: var(--docs-gutter); }
.docs-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--docs-line) !important;
    border-radius: 22px;
    background: #fffefa;
    box-shadow: 0 12px 28px rgba(25, 55, 47, .035);
    scroll-margin-top: calc(var(--api-header-height) + 18px);
}
.docs-section > * { min-width: 0; }
.docs-content [id] { scroll-margin-top: calc(var(--api-header-height) + 18px); }
.docs-section .docs-text {
    padding: clamp(26px, 3vw, 44px);
    background: #fffefa !important;
}
.docs-section .docs-code {
    min-width: 0;
    overflow-x: auto;
    padding: clamp(26px, 3vw, 44px);
    background: #173f3b !important;
    color: #e8f0e8 !important;
}
.docs-section .docs-code pre {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    background: #102f2c !important;
    border: 1px solid rgba(230, 243, 229, .16) !important;
    border-radius: 13px;
    white-space: pre;
    scrollbar-width: thin;
}
.docs-code h4,
.docs-code .text-indigo-300 { color: #d3e89e !important; }
.docs-code .text-gray-400,
.docs-code .text-gray-500 { color: #b6cbc1 !important; }
.docs-section .docs-text h2 { color: var(--docs-ink); letter-spacing: -.04em; }
.docs-section .docs-text h3 { color: #294a42; }
.docs-section .docs-text p,
.docs-section .docs-text li { line-height: 1.7; }
.docs-section .docs-text a { text-underline-offset: 3px; }
.docs-section .docs-text a:hover { color: #d94d2c; }
.docs-section .docs-text table { display: block; max-width: 100%; overflow-x: auto; }
.docs-section .method-badge { display: inline-flex; padding: 4px 8px; border-radius: 7px; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.docs-section .method-get { background: #e1efdf; color: #286045; }
.docs-section .method-post { background: #fff0d1; color: #865a19; }
.docs-section .method-patch { background: #e0ecef; color: #245669; }
.docs-section .docs-text :is(.bg-blue-50, .bg-indigo-50) { border-radius: 13px; }

.docs-intro-section {
    background: #173f3b !important;
    border-color: #173f3b !important;
}
.docs-intro-section .docs-text,
.docs-intro-section .docs-code { background: #173f3b !important; }
.docs-intro-section .docs-text { padding: clamp(32px, 4vw, 58px); }
.docs-intro-section .docs-text { border: 0 !important; }
.docs-intro-section .docs-code { display: flex; align-items: center; }
.docs-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #d2e49c;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.docs-eyebrow::before { content: ''; width: 22px; height: 1px; background: currentColor; }
.docs-intro-section .docs-text h1 {
    max-width: 720px;
    color: #fffefa !important;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(38px, 4vw, 62px) !important;
    font-weight: 400;
    line-height: 1.09;
    letter-spacing: -.055em;
}
.docs-intro-section .docs-text > p { max-width: 660px; color: #d9e8df !important; }
.docs-intro-section .docs-text > p:last-child { color: #b9d0c3 !important; }
.docs-intro-section .docs-text .bg-blue-50 {
    background: rgba(235, 245, 230, .12) !important;
    border-color: #d3e89e !important;
}
.docs-intro-section .docs-text .bg-blue-50 :is(p, strong, svg) { color: #eef5e6 !important; }
.docs-intro-section .base-api-card {
    margin: 0 !important;
    padding: clamp(22px, 2vw, 32px) !important;
    background: #edf0e5 !important;
    border: 1px solid #edf0e5 !important;
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(6, 29, 25, .1);
}
.docs-intro-section .base-api-card > .flex { flex-direction: column; align-items: flex-start; gap: 14px; }
.docs-intro-section .base-api-label { color: #687e72 !important; }
.docs-intro-section .base-api-card code {
    color: #173f3b !important;
    font-size: clamp(15px, 1.5vw, 20px) !important;
    overflow-wrap: anywhere;
}
.docs-intro-section .base-version-badge {
    color: #31594a !important;
    background: #dbe7d6 !important;
    border-color: #ccdcc8 !important;
    white-space: nowrap;
}

.docs-mobile-nav { display: none; }
.docs-shell :is(a, summary):focus-visible { outline: 3px solid #d94d2c; outline-offset: 3px; }

@media (min-width: 1440px) {
    .docs-section { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (min-width: 1100px) and (max-width: 1439px) {
    .docs-intro-section { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
}
@media (max-width: 1099px) {
    .docs-sidebar { flex-basis: 222px; width: 222px !important; }
}
@media (max-width: 1023px) {
    .docs-shell { --docs-gutter: 16px; display: block !important; padding: 18px var(--docs-gutter) 44px; }
    .docs-mobile-nav {
        display: block;
        margin-bottom: var(--docs-gutter);
        border: 1px solid var(--docs-line);
        border-radius: 15px;
        background: #fffefa;
    }
    .docs-mobile-nav summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 19px;
        color: var(--docs-ink);
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        list-style: none;
    }
    .docs-mobile-nav summary::-webkit-details-marker { display: none; }
    .docs-mobile-nav summary::after { content: '+'; font-size: 22px; font-weight: 400; }
    .docs-mobile-nav[open] summary::after { content: '−'; }
    .docs-mobile-nav nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; padding: 0 9px 12px; }
    .docs-mobile-nav a { padding: 10px; border-radius: 8px; color: #475a52; font-size: 13px; text-decoration: none; }
    .docs-mobile-nav a:hover { background: #e9eee7; color: var(--docs-ink); }
}
@media (max-width: 640px) {
    .docs-shell { --docs-gutter: 10px; padding: 12px var(--docs-gutter) 36px; }
    .docs-section { border-radius: 16px; }
    .docs-section .docs-text,
    .docs-section .docs-code,
    .docs-intro-section .docs-text { padding: 24px 20px; }
    .docs-intro-section .docs-text h1 { font-size: 40px !important; }
    .docs-mobile-nav nav { grid-template-columns: 1fr; }
    .docs-intro-section .base-api-card .flex { flex-wrap: wrap; }
    .docs-content section .flex.justify-between { flex-wrap: wrap; gap: 6px; }
    .docs-content section .flex.items-center.gap-2,
    .docs-content section .flex.items-center.gap-3 { flex-wrap: wrap; }
    .docs-section .docs-text code { overflow-wrap: anywhere; word-break: break-word; }
    .docs-section .docs-code pre { font-size: 12px !important; line-height: 1.5; }
}