/* 'Same item on' cards in the item page's Quick facts window (item_version_twins_render.py).
   Each card = the linked version's own client game logo (assets/expansions/, extracted from
   that product's CASC) on the client inset art (.wgf-inset / --wgf-inset-art in wgf-chrome.css).
   The whole card is the link: no underline, hover = the kit's brightness lift. */
.wgf-twins{list-style:none;margin:.35rem 0 .2rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.wgf-twins li{margin:0;min-width:0}
.wgf-twins li:last-child:nth-child(odd){grid-column:1/-1}   /* an odd last card spans the row */
.wgf-twin{display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%;padding:.5rem .4rem .45rem;text-align:center;text-decoration:none;color:var(--wgf-gold-link,var(--wgf-gold,#ffd100))}
.wgf-twin:hover,.wgf-twin:focus-visible{text-decoration:none;color:var(--wgf-gold-bright,#ffe375)}
.wgf-twin:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.wgf-twin__art{display:flex;align-items:center;justify-content:center;width:100%;height:3.4rem}
.wgf-twin__logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.wgf-twin__name{font-size:.78rem;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
@media (max-width:375px){.wgf-twins{grid-template-columns:minmax(0,1fr)}.wgf-twin{flex-direction:row;justify-content:flex-start;text-align:left}.wgf-twin__art{width:6.5rem;flex:0 0 6.5rem;height:3rem}}