.wikigrid
  display: grid
  grid-template-columns: repeat(2, 1fr)
  gap: 1rem

  .wikicard
    background: var(--surface-color)
    border-radius: 8px
    border: 1px solid var(--border-color)
    box-shadow: 0 3px 6px rgba(0,0,0,0.04), 0 3px 6px rgba(0,0,0,0.0575)
    font-size: 0.875rem
    width: 100%
    text-decoration: none
    color: var(--text-color)
    transition: all 0.2s

    &:hover
      background: var(--surface-color2)

    .image-outer
      border-radius: 8px 8px 0 0
      overflow: hidden
      background-size: cover
      background-repeat: no-repeat
      background-position: center
      aspect-ratio: 2/1
      position: relative

      .image-inner
        position: absolute
        top: 0
        left: 0
        width: 100%
        height: 100%
        background: rgba(0,0,0,.3)
        display: flex
        justify-content: center
        align-items: center
        backdrop-filter: blur(4px)

        img
          width: 100%
          height: 100%
          max-width: 80%
          max-height: 60%
          object-fit: contain

    .inner
      padding: 1rem

      h2
        font-size: 1.25rem
        font-weight: 600
        // margin-bottom: 0.5rem
        color: var(--text-emphasized)