.wywiady-page{}

.wywiady-hero-grid{display:grid;grid-template-columns:4fr 6fr;gap:var(--space-4);align-items:center}
.wywiady-hero-text{max-width:55ch;display:flex;flex-direction:column;gap:var(--space-2)}
.wywiady-hero-image{width:100%;min-width:0}
.wywiady-hero-lead{color:var(--color-text-muted)}

.wywiady-cards > *{grid-column:span 4}

.wywiady-intro{max-width:65ch}

.wywiady-ranking{display:flex;flex-direction:column;gap:var(--space-3);max-width:60ch;margin-inline:auto}
.wywiady-ranking div{display:flex;gap:var(--space-2);align-items:flex-start}

.wywiady-newsletter-box{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}
.wywiady-form{display:flex;gap:var(--space-2);justify-content:center}
.wywiady-form input{padding:0.7em 1em;background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-divider);min-width:0;width:100%}

.wywiady-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}

@media(max-width:700px){
.wywiady-hero-grid{grid-template-columns:1fr}
.wywiady-cards > *{grid-column:span 1}
}