.isdb-directory{background:#05090d;color:#f1eee7;padding:22px;border:1px solid #d6b15a}.isdb-directory-heading{color:#d6b15a!important;text-align:center;font-size:18px;letter-spacing:2px;margin:0 0 18px}.isdb-directory-letters{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-bottom:28px}.isdb-directory-letters a,.isdb-directory-pages a{color:#d6b15a!important;border:1px solid #d6b15a;padding:7px 10px;text-decoration:none!important;line-height:1.4}.isdb-directory-letters a:hover,.isdb-directory-letters a.is-active,.isdb-directory-pages a:hover,.isdb-directory-pages a.is-active{background:#d6b15a;color:#05090d!important}.isdb-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:20px}.isdb-directory-card{background:#111820;border:1px solid #53472d;text-align:center;overflow:hidden}.isdb-directory-card a{text-decoration:none!important;display:block}.isdb-directory-portrait{display:block;width:100%;height:225px;object-fit:cover;background:#111820}.isdb-directory-card h3{color:#d6b15a!important;font-size:17px!important;line-height:1.3!important;padding:14px 8px!important;margin:0!important}.isdb-directory-pages{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px;justify-content:center}.isdb-directory-empty{text-align:center;padding:25px}.isdb-directory-error{padding:15px;border:1px solid #a33;color:#a33}

/* v1.0.1: uniform portrait cards in responsive, aligned rows */
.isdb-directory .isdb-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch;width:100%;}
.isdb-directory .isdb-directory-card{min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;}
.isdb-directory .isdb-directory-card>a{display:flex;flex-direction:column;height:100%;width:100%;}
.isdb-directory .isdb-directory-portrait{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center top;flex:none;}
.isdb-directory .isdb-directory-card h3{display:flex;align-items:center;justify-content:center;flex:1;min-height:68px;overflow-wrap:anywhere;}
@media(max-width:980px){.isdb-directory .isdb-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}}
@media(max-width:480px){.isdb-directory .isdb-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.isdb-directory{padding:12px;}.isdb-directory .isdb-directory-card h3{font-size:14px!important;min-height:60px;}}

/* v1.0.2: compact six-column thumbnail directory */
.isdb-directory .isdb-directory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
.isdb-directory .isdb-directory-card h3{font-size:13px!important;line-height:1.25!important;min-height:44px;padding:7px 5px!important;}
.isdb-directory .isdb-directory-portrait{aspect-ratio:3/4;object-fit:cover;}
@media(max-width:1199px){.isdb-directory .isdb-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}}
@media(max-width:767px){.isdb-directory .isdb-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}}
@media(max-width:480px){.isdb-directory .isdb-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}}

/* v1.0.4: enforce the same thumbnail grid on Authors and Characters, including Divi layouts */
body .et-l .isdb-directory .isdb-directory-grid,
body .isdb-directory .isdb-directory-grid {
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
  width:100% !important;
}
body .isdb-directory .isdb-directory-card {
  min-width:0 !important;
  width:auto !important;
  margin:0 !important;
  overflow:hidden !important;
}
body .isdb-directory .isdb-directory-card>a {display:flex !important; flex-direction:column !important; height:100% !important;}
body .isdb-directory img.isdb-directory-portrait {
  display:block !important; width:100% !important; max-width:100% !important;
  height:auto !important; aspect-ratio:3/4 !important;
  object-fit:cover !important; object-position:center top !important;
  margin:0 !important; border-radius:0 !important;
}
body .isdb-directory .isdb-directory-card h3 {font-size:13px !important; line-height:1.25 !important; min-height:44px !important; padding:7px 5px !important;}
@media(max-width:1199px) {body .et-l .isdb-directory .isdb-directory-grid,body .isdb-directory .isdb-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}}
@media(max-width:767px) {body .et-l .isdb-directory .isdb-directory-grid,body .isdb-directory .isdb-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media(max-width:480px) {body .et-l .isdb-directory .isdb-directory-grid,body .isdb-directory .isdb-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}

/* v1.0.7: eight-column wide-desktop directories; retain responsive fallbacks.
   Scoped to the alphabetical shortcode, including within Divi. */
@media (min-width: 1400px) {
  body .et-l .isdb-directory .isdb-directory-grid,
  body .isdb-directory .isdb-directory-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .et-l .isdb-directory .isdb-directory-grid,
  body .isdb-directory .isdb-directory-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}