.lc-artdir{width:min(1180px,calc(100% - 40px));margin:42px auto 70px;color:#111}
.lc-artdir *{box-sizing:border-box}
.lc-artdir-head{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:30px;align-items:end}
.lc-artdir-head h1{margin:0!important;color:#000!important;-webkit-text-fill-color:#000!important;font-size:clamp(46px,6vw,70px)!important;line-height:.92!important;font-weight:950!important;letter-spacing:-.03em}
.lc-artdir-head p{margin:10px 0 0;color:#555;font-size:17px}
.lc-artdir-search{height:54px;border:1px solid #bbb;border-radius:8px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 15px}
.lc-artdir-search span{font-size:26px}.lc-artdir-search input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.lc-artdir-top-action{display:flex;justify-content:flex-end;margin:20px 0 14px}
.lc-artdir-top-action a{background:#111;color:#fff!important;text-decoration:none!important;border-radius:7px;padding:11px 16px;font-weight:900;font-size:13px}
.lc-artdir-letters{display:flex;flex-wrap:wrap;border:1px solid #ddd;border-radius:8px;overflow:hidden;margin-bottom:20px;background:#fff}
.lc-artdir-letters button{height:43px;min-width:39px;flex:1 0 39px;border:0;border-right:1px solid #eee;background:#fff;font-weight:900;cursor:pointer}
.lc-artdir-letters button.is-active{background:#FFD500}
.lc-artdir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e2e2e2;border-radius:9px;overflow:hidden;background:#fff}
.lc-artdir-card{display:grid;grid-template-columns:64px minmax(0,1fr) 22px;gap:14px;align-items:center;padding:15px 17px;color:#111!important;text-decoration:none!important;border-bottom:1px solid #eee;min-width:0}
.lc-artdir-card:nth-child(odd){border-right:1px solid #eee}
.lc-artdir-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#111;display:grid;place-items:center}
.lc-artdir-avatar img{width:100%;height:100%;object-fit:cover}.lc-artdir-avatar span{font-weight:950;color:#FFD500;font-size:24px}
.lc-artdir-copy{min-width:0}.lc-artdir-copy h2{margin:0!important;color:#111!important;font-size:19px!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-artdir-copy p{margin:6px 0 0;color:#666;font-size:12px}.lc-artdir-copy p span{margin:0 4px}.lc-artdir-arrow{font-size:28px}
.lc-artdir-empty{padding:24px;text-align:center;color:#666}
.lc-artdir [hidden]{display:none!important}
@media(max-width:800px){.lc-artdir{width:calc(100% - 24px);margin-top:24px}.lc-artdir-head{grid-template-columns:1fr}.lc-artdir-search{width:100%}.lc-artdir-top-action a{width:100%;text-align:center}.lc-artdir-letters{flex-wrap:nowrap;overflow-x:auto}.lc-artdir-letters button{flex:0 0 46px}.lc-artdir-letters button:first-child{flex-basis:74px}.lc-artdir-grid{grid-template-columns:1fr}.lc-artdir-card:nth-child(odd){border-right:0}}
@media(max-width:480px){.lc-artdir-card{grid-template-columns:54px minmax(0,1fr) 18px;padding:12px}.lc-artdir-avatar{width:54px;height:54px}.lc-artdir-copy h2{font-size:17px!important}}

/* 0.7.3 — tipografía y filtro alfabético */
.lc-artdir,
.lc-artdir button,
.lc-artdir input,
.lc-artdir a,
.lc-artdir h1,
.lc-artdir h2,
.lc-artdir p,
.lc-artdir span{
  font-family:var(--theme-font-family, Arial, Helvetica, sans-serif) !important;
}
.lc-artdir-letters button:first-child{
  flex:0 0 84px !important;
  min-width:84px !important;
  white-space:nowrap !important;
  padding:0 10px !important;
}
@media(max-width:800px){
  .lc-artdir-letters button:first-child{
    flex-basis:84px !important;
    min-width:84px !important;
  }
}

/* 0.7.4 — el directorio hereda exactamente la tipografía del sitio */
.lc-artdir,
.lc-artdir button,
.lc-artdir input,
.lc-artdir a,
.lc-artdir h1,
.lc-artdir h2,
.lc-artdir p,
.lc-artdir span{
  font-family:inherit !important;
}
.lc-artdir-head h1,
.lc-artist-directory-copy h2{
  font-family:inherit !important;
}


/* 0.7.5 — tipografía visual igual a Rankings */
.lc-artdir,
.lc-artdir button,
.lc-artdir input,
.lc-artdir a,
.lc-artdir h1,
.lc-artdir h2,
.lc-artdir p,
.lc-artdir span{
  font-family: Arial, Helvetica, sans-serif !important;
}
.lc-artdir-head h1{
  font-weight:900 !important;
  letter-spacing:-0.03em !important;
}
.lc-artdir-copy h2{
  font-weight:800 !important;
  letter-spacing:0 !important;
}
.lc-artdir-copy p,
.lc-artdir-head p,
.lc-artdir-search input{
  font-weight:400 !important;
  letter-spacing:0 !important;
}


.lc-artdir-letters{
  display:grid!important;
  grid-template-columns:84px repeat(26,minmax(26px,1fr))!important;
  flex-wrap:initial!important;
  overflow:visible!important;
}
.lc-artdir-letters button,
.lc-artdir-letters button:first-child{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  border-right:1px solid #eee!important;
}
@media(min-width:601px) and (max-width:980px){
  .lc-artdir-letters{
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
    overflow:hidden!important;
  }
  .lc-artdir-letters button,
  .lc-artdir-letters button:first-child{
    min-width:0!important;
    width:100%!important;
    height:42px!important;
  }
  .lc-artdir-letters button:first-child{
    grid-column:span 2;
  }
}
@media(max-width:600px){
  .lc-artdir-letters{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin;
  }
  .lc-artdir-letters button{
    flex:0 0 42px!important;
    min-width:42px!important;
    width:42px!important;
  }
  .lc-artdir-letters button:first-child{
    flex:0 0 72px!important;
    min-width:72px!important;
    width:72px!important;
  }
}


@media(min-width:601px) and (max-width:980px){
  .lc-artdir-letters{
    display:grid!important;
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
    overflow:hidden!important;
  }
  .lc-artdir-letters button,
  .lc-artdir-letters button:first-child{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    padding:0 4px!important;
    flex:none!important;
  }
  .lc-artdir-letters button:first-child{
    font-size:12px!important;
  }
}

/* beta189 — artist typography only */
.lc-artist-directory-copy a{
  font-weight:800!important;
}
@media(max-width:700px){
.lc-artist-directory-copy a{
  color:#111!important;
  -webkit-text-fill-color:#111!important;
}
}


/* beta190 — directorio: peso editorial y alfabeto negro en móvil */
.lc-artdir .lc-artdir-copy h2{
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:950!important;
}
@media(max-width:600px){
  .lc-artdir .lc-artdir-letters button{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font-weight:900!important;
  }
  .lc-artdir .lc-artdir-letters button.is-active{
    background:#FFD500!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }
}

/* beta221 — MOBILE PAGE RHYTHM: same content width/title weight as No Top 10 */
@media(max-width:620px){
  .lc-artdir{
    width:calc(100% - 44px)!important;
    margin-top:24px!important;
  }
  .lc-artdir-head h1{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:48px!important;
    line-height:.9!important;
    font-weight:950!important;
    letter-spacing:-.05em!important;
  }
}

/* beta222 — MOBILE ALIGNMENT FINAL
   Same mobile content box as No Top 10 / Rankings. Desktop untouched. */
@media(max-width:620px){
  .lc-artdir{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:24px auto 70px!important;
    padding:0!important;
  }

  .lc-artdir-head,
  .lc-artdir-search,
  .lc-artdir-top-action,
  .lc-artdir-top-action a,
  .lc-artdir-letters,
  .lc-artdir-grid{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .lc-artdir-head{
    margin-left:0!important;
    margin-right:0!important;
  }

  .lc-artdir-head h1{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:48px!important;
    line-height:.9!important;
    font-weight:950!important;
    letter-spacing:-.05em!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* beta223 — TRUE MOBILE VIEWPORT ALIGNMENT */
@media(max-width:620px){
  .lc-artdir{

    width:calc(100vw - 48px)!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw + 24px)!important;
    margin-right:24px!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;

    margin-top:24px!important;
    margin-bottom:70px!important;
  }
  .lc-artdir-head,.lc-artdir-search,.lc-artdir-top-action,.lc-artdir-top-action a,
  .lc-artdir-letters,.lc-artdir-grid{width:100%!important;max-width:none!important;min-width:0!important;}
}