.lcard{position:relative;display:flex;flex-direction:column;min-width:0;box-sizing:border-box;background:var(--surface);
  border:0;border-radius:var(--r-md);box-shadow:var(--shadow-card);overflow:hidden;cursor:pointer;color:var(--ink);
  font:400 var(--fs-body)/var(--lh-text) var(--font);text-align:left}

.lcard::after{content:"";position:absolute;inset:0;z-index:4;border:1px solid transparent;border-radius:inherit;pointer-events:none}
.lcard:hover::after,.lcard.hl::after{border-color:var(--hover-line)}

.lcard .lcard__media{position:relative;flex:none;aspect-ratio:2/1;overflow:hidden;background:var(--chip)}
.lcard .lcard__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--chip)}
.lcard .lcard__tile{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ink-2)}
.lcard .lcard__tile svg{width:48px;height:48px}
.lcard .lcard__tile--blue{background:var(--tint-blue)}
.lcard .lcard__tile--red{background:var(--tint-red)}
.lcard .lcard__tile--yellow{background:var(--tint-yellow)}
.lcard .lcard__tile--green{background:var(--tint-green)}

.lcard .lcard__plaques{position:absolute;top:10px;left:10px;right:56px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.lcard .lcard__plaques>*{pointer-events:auto}
.lcard .plaque--pass{cursor:help}

.lcard .star.favbtn{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;padding:0;border:0;
  border-radius:var(--r-pill);background:rgba(21,36,44,.45);color:#fff;transition:background-color var(--motion)}
.lcard .star.favbtn:hover{background:rgba(21,36,44,.6)}
.lcard .star.favbtn.on{background:var(--blue)}
.lcard .star.favbtn.on:hover{background:var(--blue-hover)}
.lcard .star.favbtn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lcard .star.favbtn svg{width:18px;height:18px}
.lcard .star.favbtn svg path{stroke-width:2;fill:none}

.lcard .star.favbtn:hover svg path,.lcard .star.favbtn.on svg path,.lcard .star.favbtn.on:hover svg path{fill:currentColor}

.lcard .lcard__body{display:flex;flex-direction:column;flex:1;gap:5px;min-width:0;padding:14px 16px 12px}
.lcard .lcard__gone{font-size:var(--fs-label);line-height:var(--lh-label);color:var(--muted)}
.lcard h3.lcard__title{margin:0;font-size:var(--fs-name);font-weight:400;line-height:var(--lh-name);letter-spacing:var(--ls-name);overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lcard h3.lcard__title a{color:var(--link);font-weight:400;border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;
  text-decoration-color:var(--link-line);text-underline-offset:3px;text-decoration-skip-ink:none;
  transition:color var(--motion),text-decoration-color var(--motion)}

.lcard h3.lcard__title a:hover,.lcard h3.lcard__title a:focus-visible{color:var(--hover-line);
  text-decoration-color:rgba(224,36,94,.4)}

.lcard:hover h3.lcard__title a:not(:hover):not(:focus-visible),.lcard.hl h3.lcard__title a:not(:hover):not(:focus-visible){
  color:var(--link);text-decoration-color:var(--link-line)}

.lcard .lcard__blurb{margin:0;font-size:var(--fs-meta);line-height:var(--lh-tight);color:var(--ink);overflow-wrap:break-word;
  display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.lcard .lcard__venue{min-width:0;padding-bottom:3px;margin-bottom:-3px;font-size:var(--fs-label);line-height:15px;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcard .lcard__dist{font-weight:600;color:var(--ink)}

.lcard > .factoids{margin-top:auto}
.lcard .factoids{display:grid;grid-auto-flow:column;grid-auto-columns:auto;justify-content:stretch;align-items:start;margin:0;
  padding:0 16px 0 0;background:var(--surface);border-top:1px solid var(--line-fx);min-width:0}
.lcard .factoids__cell{display:flex;flex-direction:column;gap:2px;min-width:min-content;align-self:stretch;padding:10px 10px 12px}
.lcard .factoids__cell:first-child{padding-left:16px}
.lcard .factoids__cell:last-child{padding-right:0}
.lcard .factoids__cell + .factoids__cell{border-left:0}

.lcard .factoids__cell--free + .factoids__cell,.lcard .factoids__cell--unknown + .factoids__cell{border-left:0}
.lcard .factoids__cell--free{background:var(--free-bg)}
.lcard .factoids__cell--unknown{background:var(--tbc-bg)}
.lcard .factoids__label{font-size:var(--fs-label);line-height:14px;color:var(--muted);white-space:nowrap}
.lcard .factoids__text{font-size:var(--fs-meta);line-height:17px;hyphens:manual}
.lcard .factoids__value{display:inline;font-size:var(--fs-heading);line-height:20px;font-weight:700;color:var(--ink)}
.lcard .factoids__cell--free .factoids__value{color:var(--free-fg)}
.lcard .factoids__cell--unknown .factoids__value{color:var(--tbc-fg)}
.lcard .factoids__pre{font-size:var(--fs-meta);font-weight:400;color:var(--muted)}

.lcard .factoids__sub{display:block;font-size:var(--fs-meta);line-height:17px;color:var(--muted);white-space:nowrap}
.lcard .factoids__cell--price .factoids__sub{white-space:normal}

.lcard .factoids__cell--when .factoids__sub:has(.factoids__nowrap){white-space:normal}

.lcard .factoids__cell--when .factoids__pre,.lcard .factoids__cell--when .factoids__sub{color:var(--ink)}
.lcard .factoids__nowrap{white-space:nowrap}
.lcard a.factoids__link{display:block;width:max-content;font-size:var(--fs-meta);line-height:17px;white-space:nowrap;border-bottom:0;
  color:var(--blue-text);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(29,88,184,.35);text-underline-offset:3px;
  transition:color var(--motion),text-decoration-color var(--motion)}
.lcard a.factoids__link:hover{color:var(--link-hover);text-decoration-color:var(--link-hover-line)}

.lcard .factoids__info{margin-left:4px;vertical-align:-3px}

.lcard .lcard__foot{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;padding-top:8px;min-width:0;max-width:100%}

.lcard .facts{display:inline-flex;column-gap:1px;row-gap:8px;margin:0;padding:8px 0;grid-template-columns:none}

.lcard .lcard__chips,.lcard .lcard__tags{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
.lcard .lchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;box-sizing:border-box;border-radius:var(--r-pill);
  background:var(--chip);color:var(--ink);font:700 var(--fs-meta)/1 var(--font);white-space:nowrap}
.lcard .lchip svg{width:14px;height:14px;flex:none;color:var(--muted)}
.lcard .lchip--free{background:var(--free-bg);color:var(--free-fg)}
.lcard .lchip--tbc{background:var(--tbc-bg);color:var(--tbc-fg)}
.lcard .lchip__sub{font-weight:400;color:var(--ink-2)}
.lcard .lchip .info{margin-left:-2px}
.lcard .ltag{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;box-sizing:border-box;border:1px solid var(--line);
  border-radius:var(--r-pill);background:var(--surface);color:var(--ink-2);font:600 var(--fs-label)/1 var(--font);white-space:nowrap}
.lcard .ltag--pass{gap:6px;padding:0 12px 0 10px;border-color:var(--blue-soft);background:var(--blue-soft);color:var(--blue-text);
  font-size:var(--fs-meta);font-weight:400;cursor:help}
.lcard .ltag svg{width:14px;height:14px;flex:none}

.lcard .plaque--langs,.lcard .ltag--langs{display:inline-block;max-width:100%;height:auto;min-height:28px;
  padding:6px 10px;line-height:16px;white-space:normal;overflow-wrap:anywhere}
.lcard .ltag--langs{padding-top:5px;padding-bottom:5px}

@media (hover:hover) and (pointer:fine){
  .lcard{cursor:default}
  .lcard .lcard__media{cursor:pointer}
}