.lib-principles{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.lib-principle{border:var(--border-default-rule);border-radius:var(--radius-card);background:var(--color-surface-panel);padding:var(--space-16)}.lib-principle__name{margin:0 0 var(--space-8);color:var(--color-text-primary);font:var(--text-heading-s)}.lib-principle__body{color:var(--color-text-secondary);font:var(--text-body-s);margin:0}.lib-principle__body code{border-radius:var(--radius-xs);background:var(--color-overlay-subtle);color:var(--color-text-primary);font:var(--text-code);padding:var(--space-2) var(--space-4)}.lib-groups{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.lib-group__name{align-items:center;gap:var(--space-8);margin:0 0 var(--space-8);color:var(--color-text-primary);font:var(--text-label-m);display:flex}.lib-group__count{border-radius:var(--radius-full);background:var(--color-overlay-subtle);color:var(--color-text-tertiary);font:var(--text-badge);padding:0 var(--space-6)}.lib-group__items{flex-direction:column;display:flex}.lib-group__item{border-radius:var(--radius-control);color:var(--color-text-secondary);font:var(--text-body-s);padding:var(--space-4) var(--space-8);text-decoration:none;transition:background-color .15s,color .15s}.lib-group__item:hover{background:var(--color-overlay-subtle);color:var(--color-text-primary)}
