/* Comics discovery composes the shared venue-directory shell and controls. */
.comics-filters{align-items:end}
.comics-filters .clubs-filter--search .sr-only{margin:0}
.comics-grid{gap:40px 28px}
.comics-page .view-more-button img{width:14px;height:8.02553px}
.comic-card{min-width:0;overflow:hidden;border:1px solid var(--bc-color-border-default);border-radius:16px;background:var(--bc-color-bg-panel)}
.comic-card__link{display:flex;height:100%;flex-direction:column;color:var(--bc-color-text-primary);text-decoration:none}
.comic-card:has(.comic-card__link:hover),.comic-card:focus-within{border-color:var(--bc-color-border-action)}
.comic-card__link:focus-visible{outline:2px solid var(--bc-color-border-action);outline-offset:-4px;border-radius:16px}
.comic-card__media{position:relative;display:grid;height:278px;place-items:center;overflow:hidden;background:#09111f;isolation:isolate}
.comic-card__initials{position:relative;color:var(--bc-color-text-action);font:700 86px/1 var(--bc-font-display)}
.comic-card__initials::before{position:absolute;z-index:-1;left:30%;top:-15px;width:125px;height:100px;border-radius:62px;background:var(--bc-color-bg-selected);opacity:.35;content:""}
.comic-card__media>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.comic-card__verified{position:absolute;top:16px;left:16px;padding:7px 10px;border-radius:8px;background:var(--bc-color-bg-panel);color:var(--bc-color-text-verified);font:600 9px/1 var(--bc-font-ui)}
.comic-card__body{display:flex;min-height:188px;flex:1;flex-direction:column;padding:44px 18px 38px}
.comic-card h3{margin:0;overflow-wrap:anywhere;font:700 25px/1.2 var(--bc-font-display);letter-spacing:.005em;text-transform:uppercase}
.comic-card__metadata{margin:12px 0 0;color:var(--bc-color-text-secondary);font:600 10px/1.4 var(--bc-font-ui);text-transform:uppercase;overflow-wrap:anywhere}
.comic-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px}
.comic-card__shows{color:var(--bc-color-text-action);font:600 10px/1.3 var(--bc-font-ui)}
.comic-card__action{color:var(--bc-color-text-editorial);font:600 9px/1.3 var(--bc-font-ui)}
.comic-performing-soon{min-height:40px;padding:0 16px;border:1px solid var(--bc-color-border-default);border-radius:10px;background:var(--bc-color-bg-panel);color:var(--bc-color-text-primary);font:600 10px/1 var(--bc-font-ui)}
.comic-performing-soon:hover,.comic-performing-soon[aria-pressed="true"]{border-color:var(--bc-color-border-action);background:var(--bc-color-bg-selected)}
.comic-performing-soon:focus-visible{outline:2px solid var(--bc-color-border-action);outline-offset:3px}
/* This component must also fit when released without other responsive work. */
@media(max-width:1280px){
 .comics-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
 .comics-filters .clubs-filter--search{grid-column:1/-1}
 .comics-filters .clubs-filter-status{grid-column:1/4}
 .comics-filters .clubs-clear{grid-column:4}
}
@media(max-width:1080px){.comics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:900px){
 .comics-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .comics-filters .clubs-filter-status{grid-column:1}
 .comics-filters .clubs-clear{grid-column:2}
}
@media(max-width:600px){
 .comics-grid{grid-template-columns:1fr}
 .comics-filters{grid-template-columns:1fr}
 .comics-filters .clubs-filter--search,.comics-filters .clubs-filter-status,.comics-filters .clubs-clear{grid-column:1}
 .comics-page .clubs-toolbar{flex-wrap:wrap;gap:12px}
 .comics-page .clubs-toolbar__actions{margin-left:0}
}