/* SEO blok ispod igre („Kako se igra" + saveti + FAQ) — deljeno za sve igre.
   Koristi theme var-e ako postoje, sa fallback vrednostima za igre bez njih. */

.seo {
    width: 100%;
    max-width: 560px;
    margin: 26px auto 0;
    padding: 0 16px calc(30px + env(safe-area-inset-bottom));
    color: var(--text, #e8e4f5);
    font-size: 14px;
    line-height: 1.65;
    user-select: text;
    -webkit-user-select: text;
}
.seo h2 { font-size: 19px; font-weight: 800; margin: 0 0 10px; }
.seo h3 { font-size: 15px; font-weight: 800; margin: 20px 0 8px; }
.seo p { margin: 0 0 10px; color: var(--text-dim, #b7aed6); }
.seo ul { margin: 0 0 10px; padding-left: 20px; color: var(--text-dim, #b7aed6); }
.seo li { margin-bottom: 6px; }

.seo details {
    border: 1px solid var(--surface-bd, rgba(255,255,255,0.12));
    background: var(--surface, rgba(255,255,255,0.05));
    border-radius: 12px;
    padding: 10px 14px;
    margin-bottom: 8px;
}
.seo summary { cursor: pointer; font-weight: 700; color: var(--text, #e8e4f5); }
.seo details p { margin: 8px 0 2px; }

.seo__more { margin-top: 18px; text-align: center; }
.seo__more a { color: #b69bff; font-weight: 700; text-decoration: none; }
.seo__more a:hover { text-decoration: underline; }