@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
            body {
                font-family: 'Inter', sans-serif;
            }
            .code-block {
                background-color: #f9fafb;
                border-radius: 0.5rem;
                padding: 1rem;
                font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
                position: relative;
                overflow: hidden;
            }
            .copy-button {
                position: absolute;
                top: 0.5rem;
                right: 0.5rem;
                opacity: 0.8;
                transition: opacity 0.2s;
            }
            .copy-button:hover {
                opacity: 1;
            }
            .api-card:hover {
                transform: translateY(-2px);
                transition: transform 0.2s;
            }
            .result-preview {
                margin-top: 1rem;
                padding: 1rem;
                background-color: #f9fafb;
                border-radius: 0.5rem;
                border: 1px dashed #e5e7eb;
            }
            .result-preview-title {
                font-size: 0.875rem;
                font-weight: 600;
                color: #4b5563;
                margin-bottom: 0.5rem;
            }
            .code-tabs {
                display: flex;
                border-bottom: 1px solid #e5e7eb;
                margin-bottom: 1rem;
            }
            .code-tab {
                padding: 0.5rem 1rem;
                font-size: 0.875rem;
                cursor: pointer;
                border-bottom: 2px solid transparent;
            }
            .code-tab.active {
                border-bottom: 2px solid #3b82f6;
                color: #3b82f6;
                font-weight: 500;
            }
            .code-content {
                display: none;
            }
            .code-content.active {
                display: block;
            }
            .endpoint-url {
                font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
                font-size: 0.75rem;
                color: #4b5563;
            }
            .endpoint-method {
                margin-left: 0.5rem;
            }
            .endpoint-copy-success {
                position: absolute;
                top: 0;
                right: 0;
                background-color: rgba(255, 255, 255, 0.9);
                padding: 0.25rem 0.5rem;
                border-radius: 0.25rem;
                font-size: 0.75rem;
                display: none;
            }
            
            /* Additional styles for data categories */
            .category-header {
                margin: 2rem 0 1rem;
                padding-bottom: 0.5rem;
                border-bottom: 1px solid #e5e7eb;
            }
            
            .category-title {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                font-size: 1.5rem;
                font-weight: 600;
                color: #374151;
            }
            
            .category-description {
                color: #6b7280;
                margin-top: 0.5rem;
            }
            
            html {
                scroll-behavior: smooth;
            }