.principles-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.principles-grid{grid-template-columns:repeat(2,1fr)}}.principle-card{border:1px solid var(--border);background:var(--panel);flex-direction:column;gap:8px;padding:20px;transition:border-color .15s;display:flex}.principle-card:hover{border-color:color-mix(in srgb, var(--foreground) 30%, transparent)}.principle-num{font-family:var(--font-geist-mono), monospace;color:var(--destructive);letter-spacing:.1em;font-size:10px}.principle-title{font-family:var(--font-geist-mono), monospace;color:var(--foreground);margin:0;font-size:13px;font-weight:600}.principle-desc{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.7}.deps-row{flex-wrap:wrap;gap:16px;display:flex}.dep-stat{border:1px solid var(--border);background:var(--panel);flex-direction:column;flex:1;gap:4px;min-width:140px;padding:16px;display:flex}.dep-stat b{font-family:var(--font-geist-mono), monospace;color:var(--foreground);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.dep-stat span{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);font-size:10px}