/* Card chips (card-chip.mjs): a card referenced on its own, its art beside its name. render.mjs links this
   stylesheet on every page that shows one. Hover or focus opens the card panel (card-tip.mjs). */
.card-chip{display:inline-flex;align-items:center;gap:9px;min-height:40px;max-width:100%;padding:4px 12px 4px 4px;border:1px solid var(--soft);border-radius:6px;background:none;color:var(--ink);font:500 14px/1.25 var(--body);text-decoration:none;text-transform:none;letter-spacing:0;vertical-align:middle}
.card-chip:hover,.card-chip[data-tip-open]{border-color:var(--ink)}
.card-chip img{flex:none;width:23px;height:32px;border-radius:3px;object-fit:cover;background:var(--bg2)}
.card-chip img.is-landscape{width:42px;height:30px}
.card-chip.is-large{gap:12px;min-height:66px;padding:4px 16px 4px 4px;font:600 17px/1.25 var(--body)}
.card-chip.is-large img{width:40px;height:56px}
.card-chip.is-large img.is-landscape{width:78px;height:56px}
/* "With": the other cards a ruling involves. */
.ruling-with{display:flex;align-items:flex-start;gap:10px;max-width:none;margin:0 0 14px;font:13px/1.4 var(--body);color:var(--muted)}
.ruling-with>span:first-child{flex:none;line-height:42px}
.ruling-with>span:last-child{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0}