/* Game genre card lists (e.g. FPS) - shared by tutorials/articles. Same look as site cards. */
.sb-genre{max-width:72rem;margin:3rem auto;padding:0 1rem;font-family:inherit}
.sb-genre h2{font-family:'Bebas Neue','Oswald',Impact,sans-serif;font-size:2rem;letter-spacing:.04em;color:#2ad1d6;margin:0 0 .35rem}
.sb-genre .sb-genre-sub{color:#9ca3af;font-size:.95rem;margin:0 0 1.25rem}
.sb-genre-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:640px){.sb-genre-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.sb-genre-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.sb-genre-card{display:flex;flex-direction:column;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.sb-genre-card:hover{transform:translateY(-4px);border-color:rgba(42,209,214,.6)}
.sb-genre-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#0b1220}
.sb-genre-body{padding:1.1rem 1.25rem 1.3rem;display:flex;flex-direction:column;flex:1}
.sb-genre-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}
.sb-genre-tag{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .55rem;border-radius:9999px;border:1px solid rgba(42,209,214,.45);color:#2ad1d6;background:rgba(42,209,214,.08)}
.sb-genre-tag.genre{border-color:rgba(239,68,68,.55);color:#fca5a5;background:rgba(239,68,68,.1)}
.sb-genre-card h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .45rem;line-height:1.3}
.sb-genre-card p{color:#9ca3af;font-size:.875rem;margin:0;line-height:1.5}
/* Hardening for older page layouts (global img/h/p/a styles) */
.sb-genre{position:relative;z-index:2;text-align:left;background:#0a0b0f;border-radius:1.5rem;padding:1.5rem 1rem 2rem;box-sizing:border-box}
.sb-genre *{box-sizing:border-box}
.sb-genre .sb-genre-card img{width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:16/9;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;position:static!important;transform:none!important}
.sb-genre .sb-genre-card h3{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;text-align:left!important}
.sb-genre .sb-genre-card p,.sb-genre .sb-genre-sub{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;text-align:left!important}
.sb-genre .sb-genre-tag{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}
.sb-genre .sb-genre-h{color:#e2e8f0;font-size:1.25rem;font-weight:700;margin:1.75rem 0 .9rem;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}