/* Fajlap – „Röviden” összefoglaló + GYIK (species.php, inc/seo.php) */
.sp-about{padding-top:70px}
.sp-about-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.sp-about-text,.sp-faq{padding:22px 24px;border-radius:24px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);box-shadow:0 20px 40px -30px rgba(0,0,0,.8)}
.sp-about-text p{margin:0;font-size:16px;line-height:1.75;color:var(--text)}
.sp-about-text .sp-about-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:14px}
.sp-about-links a{color:var(--gold2);text-decoration:none;border-bottom:1px solid rgba(246,220,160,.3);padding-bottom:1px;transition:border-color .25s}
.sp-about-links a:hover{border-color:var(--gold2)}
.sp-faq h3{font:600 18px/1.25 'Playfair Display',serif;margin:0 0 10px}
.sp-faq details{border-top:1px solid var(--line)}
.sp-faq details:first-of-type{border-top:0}
.sp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-weight:600;font-size:15px;line-height:1.4}
.sp-faq summary::-webkit-details-marker{display:none}
.sp-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);color:var(--gold2);font-size:17px;font-weight:500;transition:transform .3s}
.sp-faq details[open] summary::after{transform:rotate(45deg)}
.sp-faq details p{margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.65}
@media (max-width:900px){.sp-about-grid{grid-template-columns:1fr}}
@media (max-width:560px){.sp-about{padding-top:50px}.sp-about-text,.sp-faq{padding:18px}.sp-about-text p{font-size:15px}}