/* ============================================================================
   PAGE FAMILY: top-100 pages (B10) — SKIN tier — from site-buypopart-V2.0.css, original order
   Migrated 2026-07-05. Scope: every rule scoped to .top100-listing (incl.
   __part / --modifier derivatives) — top_100_museums + top_100_articles carry
   the scope; top_100_artworks/artists have their own layouts (no scope).
   PHASE-A FIDELITY: verbatim relocation. Harness-diff before editing.
   ============================================================================ */
.top100-listing {
    --top100-card-bg:     var(--white);
    --top100-card-border:  var(--ink);     /* comic-panel black outline */
    --top100-ink:          var(--carbon);  /* primary text */
    --top100-muted:        var(--charcoal);/* clamped descriptions */
    --top100-accent:       var(--lc);      /* pop-art rose */
    --top100-rank-color:   var(--smoke);   /* giant ghost rank number */
    --top100-card-radius:  0;              /* sharp BPA edges */
}.top100-listing .artwork-catalog-card,
.top100-listing .article-list-card{
    background: var(--white);
    border: var(--bpa-border);
    border-radius: 0;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}.top100-listing .artwork-catalog-card:hover,
.top100-listing .article-list-card:hover{
    transform: translateY(-3px);
    border-color: var(--lc);
    box-shadow: 8px 8px 0 0 var(--lc);    /* signature hard pop shadow */
}.top100-listing .artwork-catalog-card__media,
.top100-listing .article-list-card__media{
    border-bottom: var(--bpa-border);
}.top100-listing .artwork-catalog-card__media img,
.top100-listing .article-list-card__media img{
    border-radius: 0;
}.top100-listing__card .artwork-catalog-card__title,
.top100-listing__card .article-list-card__title,
.top100-listing__card .artwork-catalog-card__title a,
.top100-listing__card .article-list-card__title a{
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ink);
    text-decoration: none;
}.top100-listing__card .artwork-catalog-card__title a:hover,
.top100-listing__card .article-list-card__title a:hover{ color: var(--lc); }.top100-listing .artwork-catalog-card__artist h2,
.top100-listing .article-list-card__meta h2,
.top100-listing .artwork-catalog-card__artist h2 a,
.top100-listing .article-list-card__meta h2 a{
    font-family: var(--font-ui);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--lc);                     /* pop-art rose eyebrow */
    text-decoration: none;
    line-height: normal;
}.top100-listing .artwork-catalog-card__artist h2 a:hover,
.top100-listing .article-list-card__meta h2 a:hover{ color: var(--iron); }.top100-listing .artwork-catalog-card__buy-btn,
.top100-listing .article-list-card__cta{
    background: var(--ink);
    color: var(--white);
    border: var(--bpa-border);
    border-radius: 0;
    font-family: var(--font-ui);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    transition: background .2s ease, color .2s ease;
}.top100-listing .artwork-catalog-card__buy-btn:hover,
.top100-listing .article-list-card__cta:hover{
    background: var(--lc);                 /* pop-art rose on hover */
    color: var(--white);
    border-color: var(--lc);
}.top100-listing .artwork-catalog-card.top100-listing__card .artwork-catalog-card__hover,
.top100-listing .article-list-card.top100-listing__card .article-list-card__hover{
    background: var(--white);
    border: var(--bpa-border);
    border-top: var(--bpa-border);
    left: -2px;
    width: calc(100% + 4px);
    padding: 0;
}.top100-listing .artwork-catalog-card.top100-listing__card .artwork-catalog-card__hover .artwork-catalog-card__content,
.top100-listing .article-list-card.top100-listing__card .article-list-card__hover .article-list-card__content{
    padding: 14px 18px 16px;
}.top100-listing .artwork-catalog-card.top100-listing__card .artwork-catalog-card__hover p,
.top100-listing .article-list-card.top100-listing__card .article-list-card__hover p{
    font-family: var(--font-ui);
    font-size: 13px;
    line-height: 1.55;
    color: var(--charcoal);
    margin: 0 0 12px;
}


/* ============================================================================
   A1b/c/d RECONCILIATION PINS (2026-07-06, git-HEAD-reference verified):
   tiles converted to BEM now match A1 phase-A `.custom_search ...` !important
   chains the old alias markup never matched. Values re-assert a git-HEAD
   reference render (RULE 4); high class-repetition out-specifies those chains.
   ========================================================================= */
.top100-listing--museums .artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card {
  display: block;
  flex-direction: row;
}
.top100-listing--museums .artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media {
  background-color: rgba(0, 0, 0, 0);
}
.top100-listing--museums .artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body {
  background-color: rgba(0, 0, 0, 0);
  display: block;
  flex-direction: row;
  gap: normal;
}
.top100-listing--museums .artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover {
  color: rgb(33, 37, 41);
  padding: 0px;
}
.top100-listing--museums .artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content {
  color: rgb(33, 37, 41);
  padding: 14px 18px 16px;
  margin-left: auto;
  margin-right: auto;
  border-top-color: rgb(33, 37, 41);
}
.top100-listing--museums .catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description {
  font-weight: 400;
}
.top100-listing--museums .artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer {
  color: rgb(33, 37, 41);
  align-items: center;
  gap: 10px;
  margin-top: 0px;
  border-top-color: rgb(33, 37, 41);
}
.top100-listing--museums .artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group {
  color: rgb(33, 37, 41);
  display: block;
  align-items: normal;
  border-top-color: rgb(33, 37, 41);
}