/* Rólunk oldal (page-rolunk.php) — 2026-10-15, W05 */
.rolunk-section { padding-top: 2.5rem; }
.rolunk { max-width: 1040px; margin: 0 auto; }
.rolunk-lead { font-size: 1.2rem; line-height: 1.7; color: var(--text-secondary); max-width: 820px; margin: 0 auto 3rem; text-align: center; }
.rolunk-block { margin: 0 0 3.5rem; }
.rolunk-block h2 { font-family: var(--font-display); font-size: 2.2rem; font-weight: 600; margin: 0 0 1.2rem; color: var(--text-primary); }
.rolunk-block p { line-height: 1.75; color: var(--text-secondary); margin: 0 0 1rem; }
.rolunk-block a { color: var(--primary); text-decoration: underline; text-underline-offset: 2px; }
.rolunk-block a:hover { color: var(--primary-light); }

.rolunk-csapat { display: grid; grid-template-columns: 1fr 360px; gap: 3rem; align-items: start; }
.rolunk-person { margin-top: 1.8rem; padding: 1.5rem 1.6rem; background: var(--bg-surface); border-radius: var(--radius-lg); border-left: 4px solid var(--primary); }
.rolunk-person h3 { font-size: 1.15rem; font-weight: 700; margin: 0 0 .6rem; }
.rolunk-person h3 span { font-weight: 400; color: var(--text-muted); }
.rolunk-person p { margin: 0; }
.rolunk-photo { margin: 0; }
.rolunk-photo img { width: 100%; height: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

.rolunk-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
.rolunk-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 1.4rem 1.3rem; box-shadow: var(--shadow-sm); border-top: 3px solid var(--secondary); }
.rolunk-card h3 { font-size: 1.05rem; font-weight: 700; margin: 0 0 .5rem; color: var(--text-primary); }
.rolunk-card p { font-size: .95rem; line-height: 1.6; margin: 0; }

.rolunk-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .8rem; }
.rolunk-list li { position: relative; padding: .9rem 1.1rem .9rem 2.6rem; background: var(--bg-surface); border-radius: var(--radius-md); line-height: 1.6; color: var(--text-secondary); }
.rolunk-list li::before { content: ""; position: absolute; left: 1.1rem; top: 1.35rem; width: 8px; height: 8px; border-radius: 50%; background: var(--gradient); }

.rolunk-sublist { list-style: disc; margin: .6rem 0 0 1.1rem; padding: 0; display: grid; gap: .35rem; }
.rolunk-sublist li { padding: 0; background: none; }
.rolunk-sublist li::before { content: none; }

.rolunk-cta { max-width: 820px; margin: 1rem auto 2.5rem; text-align: center; padding: 2.2rem 1.5rem; border-radius: var(--radius-xl); background: var(--bg-light); }
.rolunk-cta p { font-size: 1.1rem; margin: 0 0 1.2rem; color: var(--text-primary); }
.rolunk-cta p a { color: var(--primary); text-decoration: underline; }
.rolunk-cta-btns { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; }
.rolunk-ceg { text-align: center; font-size: .85rem; color: var(--text-muted); }
.rolunk-ceg a { text-decoration: underline; }

@media (max-width: 960px) {
    .rolunk-cards { grid-template-columns: repeat(2, 1fr); }
    .rolunk-csapat { grid-template-columns: 1fr 280px; gap: 2rem; }
}
@media (max-width: 680px) {
    .rolunk-csapat { grid-template-columns: 1fr; }
    .rolunk-photo { max-width: 340px; margin: 0 auto; }
    .rolunk-cards { grid-template-columns: 1fr; }
    .rolunk-lead { font-size: 1.05rem; text-align: left; }
    .rolunk-block h2 { font-size: 1.8rem; }
}