/* Resource cards: artwork, title and one compact information row. */
html body #root .console-card {
  display:flex !important; flex-direction:column !important; position:relative;
  background:var(--nl-card,#11161e) !important; border:1px solid var(--nl-border,#28313d) !important;
  border-radius:7px !important; overflow:hidden !important; box-shadow:none !important;
  transition:border-color .15s ease !important; isolation:isolate;
}
html body #root .console-card:hover { transform:none !important; border-color:var(--nl-highlight,#607c9b) !important; box-shadow:none !important; }
html body #root .console-card::before, html body #root .console-card::after { display:none !important; }
html body #root .console-card .console-card__media { position:relative; margin:8px 8px 0 !important; aspect-ratio:16 / 9 !important; border:0 !important; border-radius:4px !important; overflow:hidden; background:#090d13 !important; }
html body #root .console-card .console-card__media::before, html body #root .console-card .console-card__media::after { display:none !important; }
html body #root .console-card .console-card__img { width:100% !important; height:100% !important; object-fit:cover !important; transform:none !important; filter:none !important; transition:opacity .15s !important; }
html body #root .console-card:hover .console-card__img { transform:none !important; filter:none !important; opacity:.93; }
/* Category is already printed below the title; avoid repeating it on the image. */
html body #root .console-card .console-card__cat { display:none !important; }
html body #root .console-card .console-card__body { display:flex !important; flex:1; flex-direction:column !important; gap:10px !important; padding:16px !important; background:transparent !important; }
html body #root .console-card .console-card__head { display:flex; flex-direction:column; gap:5px !important; }
html body #root .console-card .console-card__title { margin:0 !important; min-height:0 !important; color:var(--nl-text,#edf2f8) !important; font:600 16px/1.45 Inter,system-ui,sans-serif !important; letter-spacing:-.2px !important; text-shadow:none !important; }
html body #root .console-card .console-card__type { color:var(--nl-muted,#929fad) !important; font:400 11px/1.5 Inter,system-ui,sans-serif !important; letter-spacing:0 !important; text-transform:none !important; }
html body #root .console-card .console-card__type::before { display:none !important; }
html body #root .console-card .console-card__meta { display:flex; flex-wrap:wrap; align-items:center; gap:14px !important; margin:2px 0 0 !important; }
html body #root .console-card .console-card__meta>span { display:inline-flex; align-items:center; gap:5px; height:auto !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; color:var(--nl-muted,#8995a4) !important; font:400 10px/1.5 Inter,system-ui,sans-serif !important; box-shadow:none !important; }
html body #root .console-card .console-card__meta svg { width:12px; height:12px; color:inherit !important; }
html body #root .console-card .console-card__foot { display:flex; align-items:center; justify-content:space-between; margin-top:3px !important; padding-top:12px !important; border-top:1px solid var(--nl-border,#27313d) !important; }
html body #root .console-card .console-card__price { padding:0 !important; height:auto !important; font:500 12px/1.5 Inter,system-ui,sans-serif !important; letter-spacing:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html body #root .console-card .console-card__price.is-free { color:#a5cbb8 !important; text-transform:none !important; }
html body #root .console-card .console-card__price.is-free::before { display:none !important; }
html body #root .console-card .console-card__save { display:grid; place-items:center; width:30px !important; height:30px !important; color:var(--nl-muted,#8e9bab) !important; background:transparent !important; border:0 !important; border-radius:4px !important; box-shadow:none !important; }
html body #root .console-card .console-card__save:hover, html body #root .console-card .console-card__save.is-saved { color:var(--nl-highlight,#b4d1ef) !important; background:#ffffff08 !important; }
html body #root .console-card .wk-share-btn { opacity:0; color:#d2dbe8 !important; background:#0c121be6 !important; border:1px solid #ffffff20 !important; border-radius:4px !important; }
html body #root .console-card:hover .wk-share-btn, html body #root .console-card:focus-within .wk-share-btn { opacity:1; }
html body #root .console-card:focus-visible { outline:2px solid var(--nl-highlight,#89b9ed); outline-offset:3px; }
@media(hover:none) { html body #root .console-card .wk-share-btn { opacity:1; } }
@media(prefers-reduced-motion:reduce) { html body #root .console-card, html body #root .console-card .console-card__img { transition:none !important; } }
