/* Enlaces y acceso a temas del blog de videojuegos, compartidos por ambos idiomas. */
.gaming-main a, .gaming-main a:visited { color: #65dbea; text-underline-offset: 4px; text-decoration-thickness: 1px; overflow-wrap: anywhere; }
.gaming-main a:hover { color: #edf6fa; }
.gaming-main a:focus-visible { outline: 3px solid #65dbea; outline-offset: 4px; border-radius: 4px; }
.gaming-toc { margin: 8px 0 32px; padding: 18px; border: 1px solid #29434f; border-radius: 16px; background: #0d1c25; }
.gaming-toc ul { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0; }
.gaming-toc li { min-width: 0; }
.gaming-toc a, .gaming-toc a:visited { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; padding: 12px 16px; border: 1px solid #29434f; border-radius: 10px; background: #102c39; color: #dcebf3; font-weight: 600; line-height: 1.5; text-decoration: none; }
.gaming-toc a::after { content: "↓"; flex-shrink: 0; color: #65dbea; }
.gaming-toc a:hover { background: #153c49; border-color: #65dbea; color: #fff; }
.gaming-main .components-example { scroll-margin-top: 24px; }
.gaming-main .components-example:target { border-color: #65dbea; }
.gaming-main .site-roblox-button, .gaming-main .site-roblox-button:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid #e4e9ef; border-radius: 8px; background: #e4e9ef; color: #161e2d; font-weight: 750; text-decoration: none; }
.gaming-main .site-roblox-button:hover { background: #fff; color: #161e2d; }
@media (max-width: 640px) { .gaming-toc { padding: 12px; } }

.goty-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0 0 28px; }
.goty-summary > div { display: flex; flex-direction: column; gap: 12px; padding: 24px; border: 1px solid #29434f; border-top: 3px solid #65dbea; border-radius: 12px; background: #0d1c25; }
.goty-summary span, .goty-status { color: #b5cbd7; font-size: .85rem; font-weight: 700; }
.goty-summary strong { color: #edf6fa; font-size: 1.3rem; }
.goty-year > h2 { margin: 40px 0 16px; font-size: 2rem; }
.goty-year > p { color: #b5cbd7; line-height: 1.75; }
.goty-year h3 { color: #edf6fa; font-size: 1.5rem; margin: 16px 0; }
.goty-status--winner { color: #ffd279; }
.goty-studio { font-size: .9rem; }
.gaming-main h2[id], .gaming-main h3[id] { scroll-margin-top: 24px; }
@media (max-width: 640px) { .goty-summary { grid-template-columns: 1fr; } }

.gaming-genre { margin: 40px 0; }
.gaming-genre h2 { margin: 0 0 16px; font-size: 1.6rem; }
.gaming-genre > p { margin: 16px 0; color: #b5cbd7; line-height: 1.75; }
.gaming-table-scroll { overflow-x: auto; border: 1px solid #29434f; border-radius: 12px; background: #0d1c25; }
.gaming-table-scroll:focus-visible { outline: 3px solid #65dbea; outline-offset: 4px; }
.gaming-table { width: 100%; min-width: 620px; border-collapse: collapse; color: #dcebf3; font-size: .92rem; line-height: 1.6; }
.gaming-table caption { text-align: left; padding: 16px; color: #b5cbd7; }
.gaming-table th, .gaming-table td { padding: 16px; border-top: 1px solid #29434f; text-align: left; vertical-align: top; }
.gaming-table thead { background: #102c39; color: #edf6fa; }
.gaming-table th[scope="row"] { width: 25%; }
.gaming-table td:nth-child(2) { width: 35%; }
.gaming-table-source { display: block; margin-top: 8px; font-size: .8rem; font-weight: 400; }

.gaming-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 32px 0; }
.gaming-pagination a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border: 1px solid #29434f; border-radius: 10px; background: #0d1c25; }
.gaming-pagination a:hover { background: #153c49; border-color: #65dbea; }