* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Georgia, serif; line-height: 1.6; color: #222; background: #fafafa; }
.site-header { border-bottom: 3px solid #222; padding: 30px 20px; text-align: center; background: #fff; }
.site-title { font-size: 36px; font-weight: bold; letter-spacing: -1px; margin-bottom: 5px; }
.site-date { font-size: 14px; color: #666; font-style: italic; }
.container { max-width: 900px; margin: 0 auto; padding: 30px 20px; }
.feed-section h2, .add-section h2 { font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }
.article-card { background: #fff; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px; }
.article-meta { display: flex; justify-content: space-between; font-size: 12px; color: #888; margin-bottom: 10px; }
.article-category { font-weight: bold; text-transform: uppercase; color: #222; }
.article-headline { font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.article-description { font-size: 15px; color: #444; margin-bottom: 15px; }
.article-link { color: #0056b3; text-decoration: none; }
.submit-btn { background: #222; color: #fff; padding: 12px 25px; border: none; cursor: pointer; }
.site-footer { text-align: center; padding: 30px; border-top: 1px solid #ddd; color: #666; font-size: 12px; }