/* Page-specific styles extracted from depot.html. */

.api-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
        }

        .api-table th {
            font-family: var(--font-head);
            font-size: 9px;
            letter-spacing: 1px;
            color: var(--text-muted);
            text-transform: uppercase;
            padding: 8px 14px;
            border-bottom: 1px solid var(--border);
            text-align: left;
        }

        .api-table td {
            padding: 8px 14px;
            border-bottom: 1px solid rgba(255,255,255,0.04);
            color: var(--text-muted);
            vertical-align: top;
        }

        .api-table tr:last-child td { border-bottom: none; }

        .api-table .method {
            font-family: monospace;
            font-size: 10px;
            color: var(--purple);
            font-weight: bold;
            width: 50px;
        }

        .api-table .route {
            font-family: monospace;
            font-size: 11px;
            color: var(--cyan);
            white-space: nowrap;
        }

        .api-table .purpose {
            color: var(--text-muted);
        }

        .schema-block {
            background: #08080d;
            border: 1px solid var(--border);
            border-radius: 8px;
            overflow: hidden;
        }

        .schema-label {
            font-family: var(--font-head);
            font-size: 9px;
            letter-spacing: 2px;
            color: var(--text-muted);
            padding: 10px 16px;
            border-bottom: 1px solid var(--border);
            background: #0D0D12;
        }

        .schema-body {
            font-family: monospace;
            font-size: 11px;
            color: var(--text-muted);
            line-height: 1.9;
            padding: 18px 22px;
            white-space: pre;
            overflow-x: auto;
        }

        .schema-body .hl  { color: var(--cyan); }
        .schema-body .hlp { color: var(--purple); }
        .schema-body .hlg { color: #00ff88; }
        .schema-body .hlk { color: #ffc832; }

        .category-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .cat-pill {
            background: rgba(155, 111, 255, 0.08);
            border: 1px solid rgba(155, 111, 255, 0.25);
            border-radius: 20px;
            padding: 5px 14px;
            font-family: var(--font-head);
            font-size: 9px;
            letter-spacing: 1.5px;
            color: var(--purple);
            text-transform: uppercase;
        }

        .decision-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 12px;
        }

        .decision-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 18px;
        }

        .decision-title {
            font-family: var(--font-head);
            font-size: 10px;
            letter-spacing: 1.5px;
            color: var(--white);
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        .decision-desc {
            font-size: 12px;
            color: var(--text-muted);
            line-height: 1.6;
        }