:root {
    --scp-bg-primary: #0f172a;
    --scp-bg-secondary: #1e293b;
    --scp-bg-tertiary: #334155;
    --scp-border: #334155;
    --scp-border-hover: #475569;
    --scp-text-primary: #f1f5f9;
    --scp-text-secondary: #e2e8f0;
    --scp-text-muted: #94a3b8;
    --scp-text-dimmed: #cbd5e1;
    --scp-text-faint: #475569;
    --scp-accent-blue: #38bdf8;
    --scp-accent-green: #22c55e;
    --scp-accent-green-bg: #16a34a;
    --scp-accent-yellow: #eab308;
    --scp-accent-gray: #64748b;
    --scp-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --scp-radius: 0.75rem;
    --scp-radius-sm: 0.5rem;
    --scp-radius-full: 9999px;
}
.scp-card { background: var(--scp-bg-secondary); border: 1px solid var(--scp-border); border-radius: var(--scp-radius); padding: 1.25rem; transition: border-color 0.2s; }
.scp-card:hover { border-color: var(--scp-border-hover); }
.scp-card__title { font-weight: 600; color: var(--scp-text-primary); margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.5rem; }
.scp-card__desc { font-size: 0.9rem; color: var(--scp-text-muted); line-height: 1.5; }
.scp-card__link { display: inline-block; margin-top: 0.75rem; color: var(--scp-accent-blue); text-decoration: none; font-size: 0.85rem; font-weight: 500; }
.scp-card__link:hover { text-decoration: underline; }
.scp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
.scp-status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.scp-status-dot--green { background: var(--scp-accent-green); }
.scp-status-dot--yellow { background: var(--scp-accent-yellow); }
.scp-status-dot--gray { background: var(--scp-accent-gray); }
.scp-badge { background: var(--scp-accent-green-bg); color: #fff; font-size: 0.75rem; padding: 0.2rem 0.6rem; border-radius: var(--scp-radius-full); font-weight: 500; }
.scp-section { margin-bottom: 2rem; }
.scp-section__title { font-size: 1.1rem; color: var(--scp-text-dimmed); margin-bottom: 1rem; font-weight: 600; }