body {
    font-family: 'Inter', sans-serif;
    background-color: #090909;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

.text-gradient {
    background: linear-gradient(to bottom right, #fff 30%, rgba(255, 255, 255, 0.5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.stripe-bg {
    background-image: repeating-linear-gradient(
        45deg,
        #1a1a1a,
        #1a1a1a 1px,
        transparent 1px,
        transparent 10px
    );
}

.wireframe-cube {
    opacity: 0.25;
    pointer-events: none;
}

.intel-row:hover {
    background-color: rgba(255, 255, 255, 0.03);
}

.glow-node {
    box-shadow: 0 0 20px rgba(53, 53, 53, 0.45);
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #090909;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
}

/* Mobile nav */
.nav-mobile[open] summary {
    list-style: none;
}
.nav-mobile summary::-webkit-details-marker {
    display: none;
}

/* Documentation tables */
.doc-table-wrap {
    overflow-x: auto;
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.doc-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}
.doc-table th,
.doc-table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.doc-table th {
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    white-space: nowrap;
}
.doc-table td {
    color: rgba(255, 255, 255, 0.55);
}
.doc-table tbody tr:last-child td {
    border-bottom: none;
}
.doc-table code {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.72);
    background: rgba(53, 53, 53, 0.35);
    padding: 0.1rem 0.35rem;
    border-radius: 0.25rem;
}
.check-yes {
    color: rgba(52, 211, 153, 0.9);
}
.check-partial {
    color: rgba(251, 191, 36, 0.9);
}
.check-no {
    color: rgba(255, 255, 255, 0.25);
}