.docs-main, .docs-step-body, .docs-card, .endpoint-body {
    min-width: 0;
}

.base-url-bar { flex-wrap: wrap; }
.base-url-value { min-width: 0; overflow-wrap: anywhere; }

.docs-sidebar > summary {
    display: none;
    cursor: pointer;
    padding: 14px 20px;
    min-height: 48px;
    color: #e0e0e0;
    font-weight: 600;
}

.docs-main table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.docs-main pre, .docs-main .code-block {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre;
}

.docs-main :where(p, li, h1, h2, h3, code, .endpoint-path) {
    overflow-wrap: anywhere;
}

.docs-main table:focus-visible, .docs-main pre:focus-visible,
.docs-sidebar > summary:focus-visible {
    outline: 2px solid #80baff;
    outline-offset: 3px;
}

@media (max-width: 900px) {
    .docs-wrap { padding-top: 76px; }
    .docs-sidebar { padding: 0; }
    .docs-sidebar > summary { display: list-item; margin-left: 20px; }
    .docs-main { padding: 28px 20px 60px; width: 100%; }
    .docs-header { padding-top: 12px; }
    .docs-header h1 { font-size: clamp(1.75rem, 6vw, 2.5rem); }
}

@media (max-width: 480px) {
    .docs-main { padding-inline: 16px; }
    .docs-card { padding: 20px 16px; }
    .docs-step { gap: 10px; }
    .docs-section-title { gap: 12px; }
    .docs-section-title h2 { font-size: 1.4rem; }
    .endpoint-header { padding: 16px; gap: 10px; }
    .endpoint-block.active .endpoint-body { padding-inline: 16px; }
    .asset-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}