/* /Components/LabGrid.razor.rz.scp.css */
.lab-grid[b-8dtrgczecu] {
    color: var(--motif-color);
    display: block;
    max-width: 42rem;
    opacity: 0.72;
    overflow: visible;
    pointer-events: none;
    width: 100%;
}

.lab-grid__field[b-8dtrgczecu] {
    opacity: 0.33;
}

.lab-grid__lines[b-8dtrgczecu] {
    animation: lab-grid-drift-b-8dtrgczecu 24s ease-in-out infinite alternate;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.2;
}

.lab-grid__points[b-8dtrgczecu] {
    animation: lab-grid-pulse-b-8dtrgczecu 9s ease-in-out infinite alternate;
    fill: var(--motif-strong);
}

.lab-grid__point--focus[b-8dtrgczecu] {
    fill: var(--background);
    stroke: var(--motif-strong);
    stroke-width: 2;
}

.lab-grid text[b-8dtrgczecu] {
    fill: currentColor;
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.08em;
}

@keyframes lab-grid-drift-b-8dtrgczecu {
    from { transform: translate(0, 0); }
    to { transform: translate(7px, -5px); }
}

@keyframes lab-grid-pulse-b-8dtrgczecu {
    from { opacity: 0.45; }
    to { opacity: 0.9; }
}

@media (max-width: 48rem) {
    .lab-grid[b-8dtrgczecu] {
        margin-top: var(--space-4);
        opacity: 0.4;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lab-grid__lines[b-8dtrgczecu],
    .lab-grid__points[b-8dtrgczecu] {
        animation: none;
    }
}
/* /Components/ProjectCard.razor.rz.scp.css */
.project-card[b-ribln1fqbt] {
    align-items: start;
    border-top: 1px solid var(--border-color);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    padding: var(--space-3) 0 var(--space-4);
}

.project-card--featured[b-ribln1fqbt] {
    padding-top: var(--space-4);
}

.project-card__index[b-ribln1fqbt],
.project-card__meta[b-ribln1fqbt],
.project-card__tags[b-ribln1fqbt] {
    color: var(--muted-text);
    font-family: var(--font-mono);
    font-size: var(--font-size-small);
}

.project-card__index[b-ribln1fqbt] {
    padding-top: 0.2rem;
}

.project-card__meta[b-ribln1fqbt] {
    display: flex;
    gap: 0.55rem;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-1);
}

.project-card h2[b-ribln1fqbt] {
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
    margin-bottom: var(--space-1);
}

.project-card p[b-ribln1fqbt] {
    margin-bottom: var(--space-2);
}

.project-card__tags[b-ribln1fqbt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.project-card__tags li[b-ribln1fqbt]::before {
    content: "#";
    margin-right: 0.15rem;
}

.project-card__link[b-ribln1fqbt] {
    align-self: center;
    white-space: nowrap;
}

@media (max-width: 42rem) {
    .project-card[b-ribln1fqbt] {
        grid-template-columns: 2rem minmax(0, 1fr);
    }

    .project-card__link[b-ribln1fqbt] {
        grid-column: 2;
        justify-self: start;
    }
}