:root {
    --color-bg: #F9F6F0;
    --color-text: #1A1A1A;
    --color-accent: #8B0000;
    --color-gold: #C49B3B;
    --color-secondary: #4A4A4A;
    --color-light-gray: #F4F4F4;
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;
}
body { font-family: var(--font-body); color: var(--color-text); background-color: var(--color-bg); line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 700; color: var(--color-text); }
h1 { font-size: 2.5rem; line-height: 1.2; }
a { color: var(--color-text); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--color-accent); }
.site-header { background-color: var(--color-bg); border-bottom: 2px solid var(--color-gold); }
.main-navigation { background-color: var(--color-bg); border-bottom: 1px solid #e0e0e0; }
.main-navigation ul li a { font-family: var(--font-body); font-weight: 600; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.5px; }
.main-navigation ul li.current-menu-item > a, .main-navigation ul li:hover > a { color: var(--color-accent); }
.entry-title { font-family: var(--font-heading); color: var(--color-text); }
.reading-time { display: inline-block; margin-left: 10px; font-size: 0.8rem; color: var(--color-accent); font-weight: 600; }
.entry-meta { font-size: 0.85rem; color: var(--color-secondary); margin-bottom: 15px; }
.ad-slot { margin: 20px auto; text-align: center; background-color: var(--color-light-gray); display: flex; justify-content: center; align-items: center; min-height: 90px; }
.ad-header { max-width: 728px; }
.ad-mid-content { margin: 30px 0; padding: 10px; }
.ad-footer { max-width: 728px; margin-bottom: 40px; }
.hero-section { margin-bottom: 40px; border-bottom: 2px solid var(--color-gold); padding-bottom: 30px; }
.hero-article { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; }
.hero-image img { width: 100%; height: auto; border-radius: 4px; aspect-ratio: 16/9; object-fit: cover; }
.hero-category { display: inline-block; background-color: var(--color-accent); color: white; padding: 5px 12px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; }
.hero-title { font-size: 2.5rem; line-height: 1.2; margin-bottom: 15px; }
.hero-title a { color: var(--color-text); }
.hero-title a:hover { color: var(--color-accent); }
.hero-meta { font-size: 0.9rem; color: var(--color-secondary); margin-bottom: 15px; }
.hero-meta span { margin-right: 15px; }
.hero-excerpt { font-size: 1.1rem; line-height: 1.6; color: var(--color-secondary); margin-bottom: 20px; }
.hero-read-more { display: inline-block; background-color: var(--color-accent); color: white; padding: 10px 20px; font-weight: 600; transition: background-color 0.3s; }
.hero-read-more:hover { background-color: #6b0000; color: white; }
.secondary-articles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; }
.secondary-article { border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; }
.secondary-image img { width: 100%; height: auto; border-radius: 4px; aspect-ratio: 16/9; object-fit: cover; margin-bottom: 12px; }
.secondary-category { display: inline-block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: var(--color-accent); margin-bottom: 8px; }
.secondary-title { font-size: 1.3rem; line-height: 1.3; margin-bottom: 10px; }
.secondary-title a { color: var(--color-text); }
.secondary-title a:hover { color: var(--color-accent); }
.secondary-meta { font-size: 0.8rem; color: var(--color-secondary); }
.main-content-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; }
.section-title { font-size: 1.8rem; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid var(--color-gold); }
.news-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; }
.news-card { border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden; transition: box-shadow 0.3s; }
.news-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.news-image img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.news-content { padding: 15px; }
.news-category { display: inline-block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: var(--color-accent); margin-bottom: 8px; }
.news-title { font-size: 1.1rem; line-height: 1.3; margin-bottom: 10px; }
.news-title a { color: var(--color-text); }
.news-title a:hover { color: var(--color-accent); }
.news-meta { font-size: 0.75rem; color: var(--color-secondary); }
.sidebar-column { position: sticky; top: 20px; align-self: start; }
.sidebar-widget { background-color: white; border: 1px solid #e0e0e0; border-radius: 4px; padding: 20px; margin-bottom: 25px; }
.widget-title { font-size: 1.2rem; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid var(--color-gold); }
.sidebar-ad .ad-placeholder { background-color: var(--color-light-gray); padding: 40px 20px; text-align: center; color: var(--color-secondary); font-style: italic; }
.sidebar-donate p { font-size: 0.95rem; line-height: 1.5; margin-bottom: 15px; }
.donate-button { display: block; background-color: var(--color-gold); color: white; padding: 12px 20px; text-align: center; font-weight: 600; border-radius: 4px; transition: background-color 0.3s; }
.donate-button:hover { background-color: #a8832f; color: white; }
.sidebar-newsletter p { font-size: 0.95rem; line-height: 1.5; margin-bottom: 15px; }
.newsletter-form input[type="email"] { width: 100%; padding: 10px; border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 10px; font-size: 0.95rem; }
.newsletter-form button { width: 100%; background-color: var(--color-accent); color: white; padding: 10px; border: none; border-radius: 4px; font-weight: 600; cursor: pointer; transition: background-color 0.3s; }
.newsletter-form button:hover { background-color: #6b0000; }
.category-list { list-style: none; padding: 0; margin: 0; }
.category-list li { border-bottom: 1px solid #e0e0e0; padding: 10px 0; }
.category-list li:last-child { border-bottom: none; }
.category-list a { color: var(--color-text); display: flex; justify-content: space-between; align-items: center; }
.category-list a:hover { color: var(--color-accent); }
.category-count { font-size: 0.85rem; color: var(--color-secondary); }
.single-article { max-width: 800px; margin: 0 auto; }
.article-header { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
.article-category { display: inline-block; background-color: var(--color-accent); color: white; padding: 5px 12px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; }
.article-title { font-size: 2.8rem; line-height: 1.2; margin-bottom: 20px; }
.article-meta { display: flex; flex-wrap: wrap; gap: 20px; font-size: 0.9rem; color: var(--color-secondary); margin-bottom: 15px; }
.article-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.tag-link { display: inline-block; background-color: var(--color-light-gray); color: var(--color-secondary); padding: 5px 12px; font-size: 0.8rem; border-radius: 3px; transition: all 0.3s; }
.tag-link:hover { background-color: var(--color-accent); color: white; }
.article-featured-image { margin-bottom: 30px; border-radius: 4px; overflow: hidden; }
.article-featured-image img { width: 100%; height: auto; display: block; }
.article-content { font-size: 1.1rem; line-height: 1.8; margin-bottom: 40px; }
.article-content p { margin-bottom: 1.5em; }
.article-content h2 { font-size: 2rem; margin-top: 2em; margin-bottom: 0.8em; }
.article-content h3 { font-size: 1.5rem; margin-top: 1.5em; margin-bottom: 0.6em; }
.article-content blockquote { border-left: 4px solid var(--color-gold); padding-left: 20px; margin: 2em 0; font-style: italic; color: var(--color-secondary); }
.article-content ul, .article-content ol { margin-bottom: 1.5em; padding-left: 2em; }
.article-content li { margin-bottom: 0.5em; }
.article-ad-after { margin: 40px 0; }
.author-box { display: flex; gap: 20px; background-color: white; border: 1px solid #e0e0e0; border-radius: 4px; padding: 25px; margin-bottom: 30px; }
.author-avatar img { border-radius: 50%; width: 80px; height: 80px; }
.author-info { flex: 1; }
.author-name { font-size: 1.3rem; margin-bottom: 10px; }
.author-bio { font-size: 0.95rem; line-height: 1.6; color: var(--color-secondary); margin-bottom: 10px; }
.author-link { color: var(--color-accent); font-weight: 600; font-size: 0.9rem; }
.author-link:hover { text-decoration: underline; }
.share-buttons { background-color: white; border: 1px solid #e0e0e0; border-radius: 4px; padding: 25px; margin-bottom: 30px; text-align: center; }
.share-buttons h4 { font-size: 1.2rem; margin-bottom: 15px; }
.share-links { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.share-btn { display: inline-block; padding: 10px 20px; border-radius: 4px; font-weight: 600; font-size: 0.9rem; transition: all 0.3s; }
.share-twitter { background-color: #1DA1F2; color: white; }
.share-twitter:hover { background-color: #0d8ecf; color: white; }
.share-telegram { background-color: #0088cc; color: white; }
.share-telegram:hover { background-color: #006699; color: white; }
.share-facebook { background-color: #1877F2; color: white; }
.share-facebook:hover { background-color: #0d5bc7; color: white; }
.share-whatsapp { background-color: #25D366; color: white; }
.share-whatsapp:hover { background-color: #1da851; color: white; }
.donate-section { background-color: var(--color-light-gray); border: 2px solid var(--color-gold); border-radius: 4px; padding: 30px; margin-bottom: 40px; text-align: center; }
.donate-section h3 { font-size: 1.8rem; margin-bottom: 10px; }
.donate-section p { font-size: 1.1rem; color: var(--color-secondary); margin-bottom: 20px; }
.donate-button-large { display: inline-block; background-color: var(--color-gold); color: white; padding: 15px 40px; font-size: 1.1rem; font-weight: 600; border-radius: 4px; transition: background-color 0.3s; }
.donate-button-large:hover { background-color: #a8832f; color: white; }
.related-articles { margin-top: 40px; padding-top: 30px; border-top: 2px solid var(--color-gold); }
.related-articles h3 { font-size: 1.8rem; margin-bottom: 25px; }
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.related-card { border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden; transition: box-shadow 0.3s; }
.related-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.related-image img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.related-content { padding: 15px; }
.related-title { font-size: 1.1rem; line-height: 1.3; margin-bottom: 10px; }
.related-title a { color: var(--color-text); }
.related-title a:hover { color: var(--color-accent); }
.related-date { font-size: 0.8rem; color: var(--color-secondary); }
@media (max-width: 1024px) {
    .hero-article, .secondary-articles, .main-content-grid { grid-template-columns: 1fr; }
    .sidebar-column { position: static; }
}
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    .news-grid, .related-grid { grid-template-columns: 1fr; }
    .ad-header, .ad-footer { max-width: 100%; }
    .article-title { font-size: 2rem; }
    .article-meta { flex-direction: column; gap: 10px; }
    .author-box { flex-direction: column; text-align: center; }
    .author-avatar { margin: 0 auto; }
    .share-links { flex-direction: column; }
    .share-btn { width: 100%; }
}
.archive-header, .category-header { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid var(--color-gold); }
.archive-title, .category-title { font-size: 2.5rem; margin-bottom: 10px; }
.archive-description { font-size: 1.1rem; color: var(--color-secondary); }
.archive-grid, .category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 40px; }
.archive-card, .category-card { border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden; transition: box-shadow 0.3s; background: white; }
.archive-card:hover, .category-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.archive-image img, .category-image img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.archive-content, .category-content { padding: 20px; }
.archive-category { display: inline-block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: var(--color-accent); margin-bottom: 8px; }
.archive-card-title, .category-card-title { font-size: 1.4rem; line-height: 1.3; margin-bottom: 12px; }
.archive-card-title a, .category-card-title a { color: var(--color-text); }
.archive-card-title a:hover, .category-card-title a:hover { color: var(--color-accent); }
.archive-meta, .category-meta { font-size: 0.9rem; color: var(--color-secondary); margin-bottom: 15px; }
.archive-date, .category-date { display: block; font-weight: 600; margin-bottom: 8px; }
.archive-excerpt, .category-excerpt { display: block; line-height: 1.5; }
.read-more-link { color: var(--color-accent); font-weight: 600; text-decoration: none; }
.read-more-link:hover { text-decoration: underline; }
.pagination { margin: 40px 0; text-align: center; }
.pagination .nav-links { display: inline-flex; gap: 10px; align-items: center; }
.pagination .page-numbers { padding: 8px 16px; border: 1px solid #e0e0e0; border-radius: 4px; text-decoration: none; color: var(--color-text); transition: all 0.3s; }
.pagination .page-numbers.current, .pagination .page-numbers:hover { background-color: var(--color-accent); color: white; border-color: var(--color-accent); }
.static-page { max-width: 800px; margin: 0 auto; }
.page-header { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid var(--color-gold); }
.page-title { font-size: 2.5rem; }
.page-content { font-size: 1.1rem; line-height: 1.8; }
.page-content p { margin-bottom: 1.5em; }
.page-content h2 { font-size: 2rem; margin-top: 2em; margin-bottom: 0.8em; }
.page-content h3 { font-size: 1.5rem; margin-top: 1.5em; margin-bottom: 0.6em; }
.error-404 { text-align: center; padding: 60px 20px; }
.error-title { font-size: 6rem; color: var(--color-accent); margin-bottom: 10px; }
.error-subtitle { font-size: 2rem; margin-bottom: 20px; }
.error-message { font-size: 1.2rem; color: var(--color-secondary); margin-bottom: 30px; }
.error-actions { display: flex; gap: 15px; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; }
.error-btn { display: inline-block; padding: 12px 30px; background-color: var(--color-accent); color: white; text-decoration: none; border-radius: 4px; font-weight: 600; transition: background-color 0.3s; }
.error-btn:hover { background-color: #6b0000; color: white; }
.error-btn.secondary { background-color: var(--color-gold); }
.error-btn.secondary:hover { background-color: #a8832f; }
.error-search { max-width: 500px; margin: 0 auto; }
.error-search h3 { margin-bottom: 15px; }
.search-form { display: flex; gap: 10px; }
.search-form input[type="search"] { flex: 1; padding: 12px; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 1rem; }
.search-form button { padding: 12px 24px; background-color: var(--color-accent); color: white; border: none; border-radius: 4px; font-weight: 600; cursor: pointer; transition: background-color 0.3s; }
.search-form button:hover { background-color: #6b0000; }
@media (max-width: 768px) {
    .archive-grid, .category-grid { grid-template-columns: 1fr; }
    .archive-title, .category-title, .page-title { font-size: 2rem; }
    .error-title { font-size: 4rem; }
    .error-subtitle { font-size: 1.5rem; }
}
.archive-header, .category-header { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid var(--color-gold); }
.archive-title, .category-title { font-size: 2.5rem; margin-bottom: 10px; }
.archive-description { font-size: 1.1rem; color: var(--color-secondary); }
.archive-grid, .category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 40px; }
.archive-card, .category-card { border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden; transition: box-shadow 0.3s; background: white; }
.archive-card:hover, .category-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.archive-image img, .category-image img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.archive-content, .category-content { padding: 20px; }
.archive-category { display: inline-block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: var(--color-accent); margin-bottom: 8px; }
.archive-card-title, .category-card-title { font-size: 1.4rem; line-height: 1.3; margin-bottom: 12px; }
.archive-card-title a, .category-card-title a { color: var(--color-text); }
.archive-card-title a:hover, .category-card-title a:hover { color: var(--color-accent); }
.archive-meta, .category-meta { font-size: 0.9rem; color: var(--color-secondary); margin-bottom: 15px; }
.archive-date, .category-date { display: block; font-weight: 600; margin-bottom: 8px; }
.archive-excerpt, .category-excerpt { display: block; line-height: 1.5; }
.read-more-link { color: var(--color-accent); font-weight: 600; text-decoration: none; }
.read-more-link:hover { text-decoration: underline; }
.pagination { margin: 40px 0; text-align: center; }
.pagination .nav-links { display: inline-flex; gap: 10px; align-items: center; }
.pagination .page-numbers { padding: 8px 16px; border: 1px solid #e0e0e0; border-radius: 4px; text-decoration: none; color: var(--color-text); transition: all 0.3s; }
.pagination .page-numbers.current, .pagination .page-numbers:hover { background-color: var(--color-accent); color: white; border-color: var(--color-accent); }