.communication-types-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: 20px;margin: 24px 0;}.communication-type-card{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: 12px;overflow: hidden;transition: box-shadow 0.2s,transform 0.2s;display: flex;flex-direction: column;}.communication-type-card:hover{box-shadow: var(--shadow-card-hover,0 4px 12px rgba(0,0,0,0.1));transform: translateY(-2px);}.communication-type-icon-wrapper{width: 100%;height: 100px;background: linear-gradient(135deg,var(--color-background) 0%,var(--color-border) 100%);display: flex;align-items: center;justify-content: center;padding: 20px;}.communication-type-icon{max-width: 60px;max-height: 60px;object-fit: contain;}.communication-type-icon-placeholder{width: 60px;height: 60px;background: var(--color-border-light);border-radius: var(--border-radius-sm);}.communication-type-info{padding: 16px;}.communication-type-code{display: inline-block;font-family: monospace;font-size: var(--font-size-xxs,11px);font-weight: var(--font-weight-semibold,600);color: var(--color-text-muted);background: var(--color-background);padding: 3px var(--spacing-sm);border-radius: 4px;margin-bottom: var(--spacing-sm);}.communication-type-name{font-size: var(--font-size-base,16px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);margin: 0 0 var(--spacing-sm) 0;}.communication-type-description{font-size: var(--font-size-xs,12px);color: var(--color-text-muted);margin: 0;line-height: 1.4;}.feature-list{list-style: none;padding: 0;margin: 16px 0;}.feature-list li{position: relative;padding-left: 24px;margin-bottom: 10px;font-size: var(--font-size-sm,14px);color: var(--color-text);}.feature-list li::before{content: '✓';position: absolute;left: 0;color: var(--color-success);font-weight: var(--font-weight-semibold,600);}.code-block{background: var(--color-background);border: 1px solid var(--color-border-light);border-radius: var(--border-radius-sm);padding: 16px;font-family: monospace;font-size: var(--font-size-xs,12px);overflow-x: auto;white-space: pre;margin: 16px 0;}.empty-message{grid-column: 1 / -1;text-align: center;color: var(--color-text-muted);padding: 40px;}@media (max-width: 575px){.communication-types-grid{grid-template-columns: 1fr 1fr;}}@media (max-width: 400px){.communication-types-grid{grid-template-columns: 1fr;}}