.hero {
    background: linear-gradient(135deg, #0d47a1 0%, #1976d2 50%, #42a5f5 100%);
    padding: 60px 40px;
    color: white;
    text-align: center;
}


.avatar {
    margin:auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #ffffff;
    font-weight: 700;
    border: 4px solid #f8f9fa;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom:15px;
}

.authors .card-text{width:90%;margin-left:auto;margin-right:auto;}

.ideal-column {
    padding: 32px;
    border-radius: 12px;
    margin:20px 0;
}

.ideal-column.for {
    background: #E8F5E9;
    border: 2px solid #4CAF50;
}

.ideal-column h3 {
    font-size: 20px;
    margin-bottom: 16px;
}

.ideal-column.for h3 {
    color: #2E7D32;
}

.ideal-column.not-for {
    background: #FFEBEE;
    border: 2px solid #F44336;
}

.ideal-column.not-for h3 {
    color: #C62828;
}

.ideal-column.for li::before {
    content: '✓';
    color: #4CAF50;
}
.ideal-column ul li::before {
    position: absolute;
    left: 0;
    font-weight: bold;
}

.ideal-column.not-for li::before {
    content: '✗';
    color: #F44336;
}
.ideal-column ul li::before {
    position: absolute;
    left: 0;
    font-weight: bold;
}

.ideal-column ul li {
    padding: 10px 0;
    padding-left: 28px;
    position: relative;
    color: #555;
    line-height: 1.6;
}

.ideal-column ul {
    list-style: none;
    padding-left:0;
}

@media screen and (min-width: 480px) {
    .ideal-for-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}