ion-content {
    --background: #f5f5f5;
}

ion-card {
    margin: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

ion-item {
    --border-radius: 8px;
    margin-bottom: 8px;
    --padding-start: 12px;
    --padding-end: 12px;
}

ion-list {
    background: transparent;
}

ion-list-header {
    font-weight: bold;
    font-size: 1.1rem;
}

.scientific-name {
    color: var(--ion-color-medium);
    font-style: italic;
}

ion-badge {
    margin-left: 8px;
}

ion-grid {
    padding: 0;
}

ion-col {
    padding: 4px 0;
}