@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,700&family=Lato:wght@400;700&display=swap');
:root {--primary-color: #33827b; --text-color: #343a40; --font-serif: 'Source Serif 4', serif; --font-sans: 'Lato', sans-serif;
}
.article-container { max-width: 784px; margin: 4rem auto; padding: 20px; }
.article-container header { padding: 2rem 0; text-align: center; }
.article-container header h1 { font-family: var(--font-serif); font-size: 2.8rem; line-height: 1.2; margin-bottom: 0.5rem; color: #212529;}
.post-meta { color: #6c757d; font-size: 0.9rem; padding-bottom: 2rem; margin-top: 1rem; border-bottom: 1px solid #dee2e6;}
article h1 { font-family: var(--font-serif); margin-top: .5rem; text-align: justify;}
article h2, article h3 { font-family: var(--font-sans); font-weight: 700; margin-top: 2.5rem; text-align: justify;}
article p { font-size: 1.1rem; text-align: justify;line-height: 1.6;margin-bottom: 1em;-webkit-hyphens: auto;hyphens: auto; }
article p::first-letter {font-weight: bold; margin-right: 0.1em;}
article a { color: var(--primary-color); text-decoration: none; border-bottom: 1px dotted var(--primary-color); }
article img { max-width: 100%; height: auto; border-radius: 8px; margin: 1.5rem 0; }
.separator a { color: var(--primary-color); text-decoration: none !important; border: 0 !important; }