.erasmo-page-heading { max-width: 60rem; margin-bottom: 3rem; }
.erasmo-page-heading h1 { margin: 0 0 1.5rem; }
.erasmo-page-heading p { max-width: 42rem; color: var(--erasmo-gray-600); }
.erasmo-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem 1.5rem; }
.erasmo-article-card { min-width: 0; }
.erasmo-article-card h2 { font-size: clamp(1.25rem, 2vw, 1.75rem); margin: 0.75rem 0; line-height: 1.2; }
.erasmo-article-card a { text-decoration: none; }
.erasmo-article-card a:hover { text-decoration: none; }
.erasmo-article-image { display: block; margin-bottom: 1rem; }
.erasmo-article-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--erasmo-radius-medium); }
.erasmo-article-meta, .erasmo-article-card time, .erasmo-article time { font-size: 0.8125rem; color: var(--erasmo-gray-600); }
.erasmo-article-excerpt { color: var(--erasmo-gray-600); font-size: 0.9375rem; }
.erasmo-page-image { display: block; width: 100%; max-height: 45rem; object-fit: cover; border-radius: var(--erasmo-radius-medium); margin-bottom: 3rem; }
.erasmo-prose { max-width: var(--erasmo-reading-width); font-size: 1.0625rem; line-height: 1.8; overflow-wrap: anywhere; }
.erasmo-article > .erasmo-prose { margin-inline: auto; }
.erasmo-prose h2 { margin-top: 2.5rem; font-size: 2rem; }
.erasmo-prose h3 { margin-top: 2rem; font-size: 1.5rem; }
.erasmo-prose blockquote { margin-inline: 0; padding-inline-start: 1.5rem; border-left: 3px solid var(--erasmo-orange); font-size: 1.25rem; }
.erasmo-prose pre { overflow-x: auto; padding: 1rem; background: var(--erasmo-gray-100); }
.erasmo-prose table { border-collapse: collapse; width: 100%; }
.erasmo-prose td, .erasmo-prose th { padding: 0.5rem; border-bottom: 1px solid var(--erasmo-gray-300); }
.erasmo-prose .alignwide { max-width: 100%; }
.erasmo-page-content { min-width: 0; overflow-wrap: anywhere; }
.erasmo-page-content > p { max-width: var(--erasmo-reading-width); }
.erasmo-comments { margin-top: 3rem; }
.erasmo-comments .comment-list { padding-left: 1.5rem; }
.erasmo-comments .comment { margin-block: 1.5rem; }
.navigation { margin-top: 3rem; }
.nav-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0.5rem; }
.page-numbers.current { background: var(--erasmo-gray-100); border-radius: var(--erasmo-radius-small); }
.search-form { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.search-form label { flex: 1; }
.search-submit, .comment-form .submit { padding: 0.75rem 1.5rem; min-height: 44px; border: 0; border-radius: 999px; background: var(--erasmo-black); color: white; }
@media (max-width: 63.99rem) { .erasmo-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 35.99rem) { .erasmo-article-grid { grid-template-columns: 1fr; } .erasmo-prose { font-size: 1rem; } }

.erasmo-page-heading { padding-bottom: 2rem; border-bottom: 1px solid var(--erasmo-gray-100); }
.erasmo-article-card { border-bottom: var(--erasmo-border); padding-bottom: 1.5rem; }
.erasmo-article-meta { line-height: 1.7; }
.erasmo-article-meta a { text-decoration: none; text-decoration-color: var(--erasmo-gray-300); }
.erasmo-article-excerpt p { margin-bottom: 0; }
.erasmo-article > .erasmo-page-heading { max-width: 58rem; margin-inline: auto; text-align: center; }
.erasmo-article > .erasmo-page-heading h1 { margin-top: 1rem; }
.erasmo-article-tags { max-width: var(--erasmo-reading-width); margin: 2rem auto; font-size: 0.8125rem; }
.erasmo-about .erasmo-prose { margin-inline: auto; }
.erasmo-about .erasmo-page-heading { max-width: none; }
.erasmo-about .erasmo-page-image { aspect-ratio: 16 / 9; }
.erasmo-prose img { height: auto; }
@media (max-width: 47.99rem) { .erasmo-page-heading { margin-bottom: 2rem; } .erasmo-page-heading h1 { font-size: clamp(2.25rem, 9vw, 3.5rem); } }