.dziennik-main{display:block}

/* HERO */
.dziennik-hero{position:relative;margin:0}
.dziennik-hero-bg{width:100%;height:70vh;object-fit:cover}
.dziennik-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0.1))}
.dziennik-hero-content{position:absolute;bottom:0;left:0;right:0}
.dziennik-hero-text{max-width:520px;color:#fff;display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-lg)}
.dziennik-hero-text h1{color:#fff}
.dziennik-hero-text p{color:#eee}

/* FEATURED */
.dziennik-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.dziennik-card{display:flex;flex-direction:column;gap:var(--space-sm)}
.dziennik-card-large{grid-column:span 2}
.dziennik-card-content{display:flex;flex-direction:column;gap:var(--space-sm)}

/* POSTS */
.dziennik-posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md)}
.dziennik-post{min-width:0}

/* CATEGORIES */
.dziennik-categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}
.dziennik-category{display:flex;flex-direction:column;gap:var(--space-sm);text-align:center}

/* STORY */
.dziennik-story-content{max-width:640px;margin-inline:auto}

/* CTA */
.dziennik-cta-inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}

/* NEWSLETTER */
.dziennik-newsletter-card{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}
.dziennik-form{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}
.dziennik-form input{flex:1;min-width:0}

/* RESPONSIVE */
@media (max-width:1024px){
.dziennik-featured-grid{grid-template-columns:1fr 1fr}
.dziennik-card-large{grid-column:span 2}
.dziennik-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
.dziennik-hero-bg{height:55vh}
.dziennik-hero-text{margin-inline:auto;text-align:center}
.dziennik-featured-grid{grid-template-columns:1fr}
.dziennik-card-large{grid-column:span 1}
.dziennik-posts-grid{grid-template-columns:1fr}
.dziennik-categories-grid{grid-template-columns:1fr}
.dziennik-form{flex-direction:column}
}