.recenzje-page{display:block}
.rec-hero{position:relative}
.rec-hero-image{width:100%;height:70vh;object-fit:cover}
.rec-hero-content{position:absolute;bottom:40px;left:40px;max-width:520px;display:flex;flex-direction:column;gap:16px;color:var(--text-primary)}
.rec-hero-content h1{font-size:clamp(2rem,3vw,3rem)}
.rec-hero-meta{color:var(--accent-orange)}
.rec-hero-lead{max-width:700px}

.rec-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rec-card{min-width:0;display:flex;flex-direction:column;gap:12px}
.rec-card-meta{font-size:var(--text-xs);color:var(--text-secondary)}

.rec-cat-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.rec-cat{padding:10px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);transition:var(--transition-fast)}
.rec-cat:hover{border-color:var(--accent-blue)}

.rec-ranking-grid{display:grid;grid-template-columns:60% 40%;gap:32px}
.rec-ranking-list ol{display:flex;flex-direction:column;gap:12px}

.rec-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rec-platform{text-align:center;padding:20px;border:1px solid var(--border-default);border-radius:var(--radius-md)}

.rec-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.rec-analysis-text{max-width:600px}
.rec-analysis-image img{width:100%}

.rec-system-box{max-width:600px;margin-inline:auto;text-align:center}

.rec-archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.rec-archive-item{padding:16px;border:1px solid var(--border-default)}

.rec-cta-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}

@media(max-width:1000px){
.rec-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rec-ranking-grid{grid-template-columns:1fr}
.rec-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rec-analysis-grid{grid-template-columns:1fr}
.rec-archive-list{grid-template-columns:1fr}
}
@media(max-width:640px){
.rec-hero-content{position:static;padding:16px}
.rec-hero-image{height:50vh}
.rec-latest-grid{grid-template-columns:1fr}
}