.content-main {
    max-width: 800px; margin: 50px auto 100px; padding: 0 20px;
}

.about-header { text-align: center; margin-top: 80px; margin-bottom: 40px; }
.about-header h1 { font-size: 2.5rem; font-weight: 800; margin-bottom: 10px; }
.about-header p { color: var(--text-muted); font-size: 1.1rem; }

.article-card {
    background: #fff; border-radius: 20px; padding: 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05); border: 1px solid var(--border);
}

.article-card h2 { font-size: 1.4rem; margin: 35px 0 15px; color: var(--text-main); font-weight: 700; border-left: 4px solid #3b82f6; padding-left: 12px; }
.article-card p { margin-bottom: 18px; color: #475569; line-height: 1.7; }
.article-card ul { margin-bottom: 18px; padding-left: 20px; color: #475569; }
.article-card li { margin-bottom: 8px; line-height: 1.6; }

.attribution-section {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px dashed var(--border);
    text-align: center;
}
.attribution-text { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 15px; }
.giphy-logo { width: 180px; height: auto; display: block; margin: 0 auto; background-color: black;}
.article-card a {
    text-decoration: none;
    color: blue;
    font-weight: bold;
}