@import url('./header.css');
@import url('./post-page.css');
@import url('./post-cards.css');
@import url('./about-page.css');
@import url('./posts-page.css');

/* Anchor offset for sticky header (best practice) */
:root { --anchor-extra-offset: 24px; --anchor-offset: calc(var(--header-height) + var(--anchor-extra-offset)); }
html, body { scroll-padding-top: var(--anchor-offset); }
/* Custom CSS optimized for clean blog post listings following UX best practices */

/* Force resize cover images on list pages - targeting both figure and img for maximum effectiveness */
.post-entry .entry-cover,
article.post-entry figure.entry-cover {
    width: 45% !important;
    max-width: 45% !important;
    margin: 0 auto 1.5rem auto !important;
    display: block !important;
}

.post-entry .entry-cover img,
article.post-entry figure.entry-cover img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 200px !important;
    object-fit: contain !important;
}