/* Lazy-loaded Tawseil API docs — tree sidebar (do not restyle .docs-tree*) */

.docs-lazy-mode .tocify-wrapper {
    width: 300px;
}

.docs-lazy-mode .page-wrapper {
    margin-left: 300px;
}

.docs-lazy-mode #nav-button.open {
    left: 300px;
}

.docs-lazy-mode .docs-tree-wrapper {
    overflow-y: auto;
}

.docs-tree {
    padding: 0 0 1em 0;
    font-size: 1.2em;
}

.docs-tree-loading,
.docs-content-loading {
    opacity: 0.7;
    padding: 1em;
}

.docs-tree-intro {
    margin-bottom: 0.5em;
}

.docs-tree-intro .docs-tree-link {
    font-weight: 700;
    color: #fff;
}

.docs-tree-role {
    margin: 0.35em 0 0 0;
}

.docs-tree-role-toggle,
.docs-tree-section-toggle {
    display: flex;
    align-items: center;
    gap: 0.35em;
    width: 100%;
    padding: 0.45em 15px;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
}

.docs-tree-role-toggle:hover,
.docs-tree-section-toggle:hover,
.docs-tree-link:hover {
    text-decoration: underline;
}

.docs-tree-chevron {
    display: inline-block;
    width: 0.65em;
    transition: transform 0.15s ease;
    opacity: 0.75;
}

.docs-tree-role.open > .docs-tree-role-toggle .docs-tree-chevron,
.docs-tree-section.open > .docs-tree-section-toggle .docs-tree-chevron {
    transform: rotate(90deg);
}

.docs-tree-role-children,
.docs-tree-section-children {
    display: none;
    padding-left: 0.5em;
}

.docs-tree-role.open > .docs-tree-role-children,
.docs-tree-section.open > .docs-tree-section-children {
    display: block;
}

.docs-tree-section {
    margin-left: 0.35em;
}

.docs-tree-section-toggle {
    font-weight: 500;
    font-size: inherit;
    color: rgba(255, 255, 255, 0.92);
}

.docs-tree-endpoints {
    list-style: none;
    margin: 0;
    padding: 0 0 0.25em 0;
}

.docs-tree-endpoints li {
    margin: 0;
}

.docs-tree-link {
    display: flex;
    align-items: center;
    gap: 0.4em;
    padding: 0.3em 15px 0.3em 1.75em;
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    line-height: 1.35;
    border-left: 2px solid transparent;
}

.docs-tree-link-label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.docs-tree-badge {
    flex-shrink: 0;
    font-size: 0.65em;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 1.3;
    min-width: 2.6em;
    text-align: center;
}

.docs-tree-badge-get {
    background: #7cba3f;
    color: #fff;
}

.docs-tree-badge-post {
    background: #419bf9;
    color: #fff;
}

.docs-tree-badge-put {
    background: #e8a838;
    color: #fff;
}

.docs-tree-badge-patch {
    background: #9b59b6;
    color: #fff;
}

.docs-tree-badge-delete {
    background: #e05353;
    color: #fff;
}

.docs-tree-badge-options,
.docs-tree-badge-head {
    background: #555;
    color: #fff;
}

.docs-tree-link.active {
    color: #fff;
    border-left-color: #6ac174;
    background: rgba(255, 255, 255, 0.06);
}

.docs-tree-link.hidden-by-search {
    display: none;
}

.docs-tree-section.hidden-by-search,
.docs-tree-role.hidden-by-search {
    display: none;
}

.docs-tree-empty {
    padding: 0.5em 15px;
    opacity: 0.7;
}

/* ------------------------------------------------------------------ */
/* Apiary-inspired main + code panel (reference: apiary.io docs layout) */
/* ------------------------------------------------------------------ */

.docs-lazy-mode .page-wrapper {
    background: #fff;
    min-height: 100vh;
    margin-left: 300px;
}

.docs-lazy-mode .content {
    background: transparent;
    color: #3b4249;
    text-shadow: none;
    position: relative;
    z-index: 1;
}

.docs-lazy-mode .content > aside,
.docs-lazy-mode .content > details,
.docs-lazy-mode .content > dl,
.docs-lazy-mode .content > h1,
.docs-lazy-mode .content > h2,
.docs-lazy-mode .content > h3,
.docs-lazy-mode .content > h4,
.docs-lazy-mode .content > h5,
.docs-lazy-mode .content > h6,
.docs-lazy-mode .content > ol,
.docs-lazy-mode .content > p,
.docs-lazy-mode .content > table,
.docs-lazy-mode .content > ul,
.docs-lazy-mode .content > form > aside,
.docs-lazy-mode .content > form > details,
.docs-lazy-mode .content > form > h1,
.docs-lazy-mode .content > form > h2,
.docs-lazy-mode .content > form > h3,
.docs-lazy-mode .content > form > h4,
.docs-lazy-mode .content > form > h5,
.docs-lazy-mode .content > form > h6,
.docs-lazy-mode .content > form > p,
.docs-lazy-mode .content > form > table,
.docs-lazy-mode .content > form > ul {
    text-shadow: none;
    padding: 0 32px;
}

.docs-lazy-mode .content h1 {
    font-size: 28px;
    font-weight: 700;
    color: #2c3e50;
    border-bottom: none;
    margin-bottom: 0.5em;
    text-shadow: none;
}

.docs-lazy-mode .content h2 {
    font-size: 22px;
    font-weight: 600;
    color: #2c3e50;
    border-bottom: 1px solid #e4e7eb;
    padding-bottom: 0.45em;
    margin-top: 0;
    text-shadow: none;
}

.docs-lazy-mode .content h3 {
    font-size: 16px;
    font-weight: 600;
    color: #4a5568;
}

.docs-lazy-mode .doc-section-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8899a6;
    border-bottom: none;
    margin: 0 0 0.25em;
    padding: 0 32px;
}

.docs-lazy-mode .content p,
.docs-lazy-mode .content li {
    line-height: 1.6;
    color: #4a5568;
}

/* Inline code in left column only — not inside example pre blocks */
.docs-lazy-mode .content :not(pre) > code {
    background: #f4f6f8;
    border: 1px solid #e4e7eb;
    border-radius: 3px;
    padding: 1px 5px;
    color: #c7254e;
}

.docs-lazy-mode .content table th {
    background: #f7f9fb;
    color: #2c3e50;
    font-weight: 600;
}

.docs-lazy-mode .content table td,
.docs-lazy-mode .content table th {
    border-color: #e4e7eb;
}

.docs-lazy-mode .content aside {
    background: #f0f7ff;
    border-left: 4px solid #419bf9;
    color: #3b4249;
    text-shadow: none;
}

.docs-lazy-mode .fancy-heading-panel {
    background: #f7f9fb;
    border: 1px solid #e4e7eb;
    color: #2c3e50;
    font-weight: 600;
}

.docs-lazy-mode .content .docs-body-block {
    margin-right: 50%;
    padding: 0 32px 0.75em;
    box-sizing: border-box;
}

.docs-lazy-mode .content .docs-body-heading {
    margin: 0.65em 0 0.45em;
}

.docs-lazy-mode .content .docs-body-example {
    float: none !important;
    width: auto !important;
    clear: none !important;
    background: #f4f6f8;
    border: 1px solid #e4e7eb;
    border-radius: 4px;
    padding: 0.85em 1em;
    margin: 0;
    color: #3b4249;
    text-shadow: none;
}

.docs-lazy-mode .content .docs-body-example code {
    background: transparent;
    border: none;
    color: #3b4249;
    padding: 0;
    font-size: 13px;
    line-height: 1.5;
}

.docs-lazy-mode .content .docs-body-note {
    margin: 0.5em 0 0;
    font-size: 13px;
    color: #8899a6;
    line-height: 1.45;
}

/* HTTP method badges — Apiary-style */
.docs-lazy-mode .badge {
    border-radius: 3px;
    font-size: 11px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 3px 8px;
}

.docs-lazy-mode .badge.badge-green {
    background: #7cba3f;
}

.docs-lazy-mode .badge.badge-darkblue,
.docs-lazy-mode .badge.badge-blue {
    background: #419bf9;
}

.docs-lazy-mode .badge.badge-darkred,
.docs-lazy-mode .badge.badge-red {
    background: #e05353;
}

.docs-lazy-mode .badge.badge-purple {
    background: #9b59b6;
}

.docs-lazy-mode .badge.badge-black {
    background: #555;
}

.docs-lazy-mode .badge.badge-darkred {
    background: #c0392b;
}

/* Right code panel */
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .page-wrapper .dark-box {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #1a252f;
    z-index: 0;
}

.docs-lazy-mode .page-wrapper .dark-box {
    background: #1a252f;
    width: 50%;
}

/* Example wrappers participate in Scribe's two-column float layout */
.docs-lazy-mode .content span[id^="example-"],
.docs-lazy-mode .content span[id^="execution-"] {
    display: contents;
}

.docs-lazy-mode .content .bash-example,
.docs-lazy-mode .content .javascript-example {
    width: 50%;
    float: right;
    clear: right;
    box-sizing: border-box;
}

/* All right-column panels (request, response, try-it-out results) */
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content blockquote,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content pre {
    background: transparent;
    color: #e6edf3;
    text-shadow: none;
    padding: 0.75em 24px;
    position: relative;
    z-index: 1;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example {
    position: relative;
    z-index: 1;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content blockquote > p {
    background: transparent;
    border: none;
    color: #8899a6;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 0 0.5em;
}

.docs-lazy-mode .content .bash-example pre,
.docs-lazy-mode .content .javascript-example pre {
    float: none !important;
    width: 100% !important;
    clear: none !important;
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0 24px 0.75em;
    box-sizing: border-box;
    color: #e6edf3;
}

.docs-lazy-mode .content .bash-example pre code,
.docs-lazy-mode .content .javascript-example pre code {
    font-size: 13px;
    line-height: 1.5;
    color: #e6edf3;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    word-break: normal;
    hyphens: none;
}

/* Highlight.js in dark code panel — transparent bg, readable token colors */
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] pre .hljs,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] pre .hljs {
    background: transparent !important;
    color: #e6edf3;
    padding: 0;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-comment,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-comment,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-comment,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-comment {
    color: #8899a6;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-string,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-string,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-string,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-string {
    color: #9ccc65;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-number,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-number,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-number,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-number {
    color: #f78c6c;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-keyword,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-keyword,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-keyword,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-keyword {
    color: #c792ea;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-built_in,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-built_in,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-built_in,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-built_in {
    color: #82aaff;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-title,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-title,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-function,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-function,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-title,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-function,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-title,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-function {
    color: #82aaff;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-attr,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-attr,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-attr,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-attr {
    color: #ffcb6b;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-literal,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-literal,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-literal,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-literal {
    color: #ff5370;
}

.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .bash-example .hljs-params,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content .javascript-example .hljs-params,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-"] .hljs-params,
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="execution-"] .hljs-params {
    color: #e6edf3;
}

/* Code panel toolbar — fixed above scrolled code examples */
.docs-lazy-mode .page-wrapper .code-panel-toolbar {
    position: fixed;
    z-index: 200;
    top: 0;
    right: 0;
    width: calc(50vw - 150px);
    height: 36px;
    display: flex !important;
    align-items: stretch;
    justify-content: space-between;
    background: #141c24;
    border-bottom: 1px solid #2a3542;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    box-sizing: border-box;
}

.docs-lazy-mode .page-wrapper .code-panel-toolbar .lang-selector {
    position: static !important;
    z-index: auto !important;
    width: auto !important;
    border-bottom: none !important;
    flex: 1;
    display: flex !important;
    background: transparent;
}

.docs-lazy-mode .code-panel-lang.lang-selector {
    display: flex;
    width: auto;
    background: transparent;
    font-weight: 600;
    font-size: 12px;
}

.docs-lazy-mode .code-panel-lang .lang-button {
    float: none;
    line-height: 36px;
    padding: 0 16px;
    color: #8899a6;
    border: none;
    border-right: 1px solid #2a3542;
}

.docs-lazy-mode .code-panel-lang .lang-button.active {
    background: #1a252f;
    color: #fff;
}

.docs-lazy-mode .code-panel-lang .lang-button:hover,
.docs-lazy-mode .code-panel-lang .lang-button:focus {
    background: #243040;
    color: #fff;
}

.docs-lazy-mode .code-panel-close {
    flex: 0 0 44px;
    width: 44px;
    border: 0;
    border-left: 1px solid #2a3542;
    background: transparent;
    color: #8899a6;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.docs-lazy-mode .code-panel-close:hover {
    color: #fff;
    background: #243040;
}

.docs-lazy-mode .code-panel-reopen {
    position: fixed;
    z-index: 54;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border: 1px solid #2a3542;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    background: #1a252f;
    color: #8899a6;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 8px;
    writing-mode: vertical-rl;
    cursor: pointer;
    letter-spacing: 0.05em;
}

.docs-lazy-mode .code-panel-reopen:hover {
    color: #fff;
    background: #243040;
}

/* Align "Example request" with endpoint title, below fixed toolbar */
.docs-lazy-mode:not(.code-panel-closed):not(.code-panel-no-examples) .content span[id^="example-requests"] > blockquote:first-child {
    padding-top: 36px;
    margin-top: -5.5em;
}

/* Panel closed */
.docs-lazy-mode.code-panel-closed .page-wrapper .dark-box,
.docs-lazy-mode.code-panel-closed .page-wrapper .code-panel-toolbar {
    display: none;
}

.docs-lazy-mode.code-panel-closed .content > aside,
.docs-lazy-mode.code-panel-closed .content > details,
.docs-lazy-mode.code-panel-closed .content > dl,
.docs-lazy-mode.code-panel-closed .content > h1,
.docs-lazy-mode.code-panel-closed .content > h2,
.docs-lazy-mode.code-panel-closed .content > h3,
.docs-lazy-mode.code-panel-closed .content > h4,
.docs-lazy-mode.code-panel-closed .content > h5,
.docs-lazy-mode.code-panel-closed .content > h6,
.docs-lazy-mode.code-panel-closed .content > ol,
.docs-lazy-mode.code-panel-closed .content > p,
.docs-lazy-mode.code-panel-closed .content > table,
.docs-lazy-mode.code-panel-closed .content > ul,
.docs-lazy-mode.code-panel-closed .content > form > aside,
.docs-lazy-mode.code-panel-closed .content > form > details,
.docs-lazy-mode.code-panel-closed .content > form > h1,
.docs-lazy-mode.code-panel-closed .content > form > h2,
.docs-lazy-mode.code-panel-closed .content > form > h3,
.docs-lazy-mode.code-panel-closed .content > form > h4,
.docs-lazy-mode.code-panel-closed .content > form > h5,
.docs-lazy-mode.code-panel-closed .content > form > h6,
.docs-lazy-mode.code-panel-closed .content > form > p,
.docs-lazy-mode.code-panel-closed .content > form > table,
.docs-lazy-mode.code-panel-closed .content > form > ul {
    margin-right: 0 !important;
}

.docs-lazy-mode.code-panel-closed .content .bash-example,
.docs-lazy-mode.code-panel-closed .content .javascript-example,
.docs-lazy-mode.code-panel-closed .content blockquote,
.docs-lazy-mode.code-panel-closed .content pre {
    display: none !important;
}

/* Intro / pages without examples */
.docs-lazy-mode.code-panel-no-examples .page-wrapper .dark-box,
.docs-lazy-mode.code-panel-no-examples .page-wrapper .code-panel-toolbar,
.docs-lazy-mode.code-panel-no-examples .code-panel-reopen {
    display: none !important;
}

.docs-lazy-mode.code-panel-no-examples .content > aside,
.docs-lazy-mode.code-panel-no-examples .content > details,
.docs-lazy-mode.code-panel-no-examples .content > dl,
.docs-lazy-mode.code-panel-no-examples .content > h1,
.docs-lazy-mode.code-panel-no-examples .content > h2,
.docs-lazy-mode.code-panel-no-examples .content > h3,
.docs-lazy-mode.code-panel-no-examples .content > h4,
.docs-lazy-mode.code-panel-no-examples .content > h5,
.docs-lazy-mode.code-panel-no-examples .content > h6,
.docs-lazy-mode.code-panel-no-examples .content > ol,
.docs-lazy-mode.code-panel-no-examples .content > p,
.docs-lazy-mode.code-panel-no-examples .content > table,
.docs-lazy-mode.code-panel-no-examples .content > ul,
.docs-lazy-mode.code-panel-no-examples .content > form > aside,
.docs-lazy-mode.code-panel-no-examples .content > form > details,
.docs-lazy-mode.code-panel-no-examples .content > form > h1,
.docs-lazy-mode.code-panel-no-examples .content > form > h2,
.docs-lazy-mode.code-panel-no-examples .content > form > h3,
.docs-lazy-mode.code-panel-no-examples .content > form > h4,
.docs-lazy-mode.code-panel-no-examples .content > form > h5,
.docs-lazy-mode.code-panel-no-examples .content > form > h6,
.docs-lazy-mode.code-panel-no-examples .content > form > p,
.docs-lazy-mode.code-panel-no-examples .content > form > table,
.docs-lazy-mode.code-panel-no-examples .content > form > ul {
    margin-right: 0 !important;
}

/* Intro: keep base URL snippet inline when dark panel is hidden */
.docs-lazy-mode.code-panel-no-examples .content blockquote,
.docs-lazy-mode.code-panel-no-examples .content pre {
    float: none !important;
    width: auto !important;
    clear: none !important;
    max-width: calc(100% - 64px);
    margin: 1em 32px;
    background: #f4f6f8;
    color: #3b4249;
    padding: 1em;
    border-radius: 4px;
}

.docs-lazy-mode.code-panel-no-examples .content blockquote > p {
    color: #8899a6;
    padding: 0 0 0.5em;
}

@media (max-width: 930px) {
    .docs-lazy-mode .tocify-wrapper {
        left: -300px;
    }

    .docs-lazy-mode .page-wrapper {
        margin-left: 0;
    }

    .docs-lazy-mode .page-wrapper .code-panel-toolbar {
        width: 50vw;
    }
}

@media (max-width: 700px) {
    .docs-lazy-mode .page-wrapper .code-panel-toolbar,
    .docs-lazy-mode .page-wrapper .dark-box,
    .docs-lazy-mode .code-panel-reopen {
        display: none !important;
    }

    .docs-lazy-mode .content > * {
        margin-right: 0 !important;
    }
}