.poradniki-page{display:block}
.poradniki-hero{background:var(--color-primary);color:#fff;position:relative;overflow:hidden}
.poradniki-hero-inner{display:flex;justify-content:center;align-items:center;min-height:220px}
.hero-text{max-width:640px;text-align:center;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-sm)}

.featured-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md)}
.featured-main{display:flex;flex-direction:column;gap:var(--space-sm)}
.featured-side{display:flex;flex-direction:column;gap:var(--space-md)}

.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}
.category-card{background:var(--color-accent-yellow);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;cursor:pointer;border:var(--border)}

.latest-grid .article-card{display:flex;flex-direction:column;gap:var(--space-sm)}

.games-scroll{display:flex;gap:var(--space-md);overflow-x:auto}
.game-card{min-width:220px;padding:var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);text-align:center}

.ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}
.ranking-item{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-md);border:var(--border)}

.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:center}
.edu-text{max-width:60ch}

.cta-section{background:var(--color-primary);color:#fff}
.cta-box{max-width:480px;margin:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-sm)}
.cta-form{display:flex;gap:var(--space-sm)}
.cta-form input{flex:1;padding:0.6rem;border-radius:999px;border:2px solid #fff;background:#fff;color:#000}

.faq-container{max-width:700px;margin:auto;display:flex;flex-direction:column;gap:var(--space-sm)}
.faq-question{width:100%;text-align:left;padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);border:var(--border)}
.faq-answer{display:none;padding:var(--space-sm)}
.faq-item.active .faq-answer{display:block}

@media(max-width:1024px){
.featured-grid{grid-template-columns:1fr}
.categories-grid{grid-template-columns:repeat(2,1fr)}
.ranking-grid{grid-template-columns:1fr}
.edu-grid{grid-template-columns:1fr}
}