/* Compact article discovery cards; uses the accepted studio material tokens. */
.reader-index main{max-width:1440px;padding-top:16px}
.reader-index .service-breadcrumb{margin-bottom:18px}
.reader-index .editorial-intro{display:flex;flex-direction:row;align-items:baseline;gap:24px;padding:0 0 18px;max-width:none}
.reader-index .editorial-intro h1{font-size:clamp(32px,3vw,38px);line-height:1.15;margin:0!important}
.reader-index .editorial-intro>p:not(.vb-kicker){margin:0!important;max-width:65ch}
.reader-index .blog-tools{margin-bottom:12px}
.reader-index .v18-filter-status{margin:12px 0 16px}
.reader-index .v18-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.reader-index .reader-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:16px;min-height:176px}
.reader-index .reader-card[hidden]{display:none!important}
.reader-index .reader-card .v18-cover{width:100%;height:auto!important;aspect-ratio:auto!important;max-height:none!important;overflow:visible;background:none;align-self:center}
.reader-index .reader-card .v18-cover :is(figure,.v18-picture){height:auto;aspect-ratio:auto!important;background:none}
.reader-index .reader-card .v18-cover img{width:100%!important;height:auto!important;max-height:154px!important;object-fit:contain!important;object-position:center!important;transform:none!important;border-radius:var(--kit-radius)}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card .v18-card-copy{display:flex!important;flex-direction:column;align-self:stretch;min-width:0;padding:0!important;gap:0}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card .v18-card-copy>.vb-kicker{font-size:10px!important;line-height:1.4!important;margin:0 0 8px!important;letter-spacing:.055em}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card .v18-card-copy h2{font-size:16px!important;line-height:1.35!important;letter-spacing:-.01em;margin:0 0 8px!important;min-height:0;overflow:visible;display:block;-webkit-line-clamp:unset}
.reader-index .reader-card h2 a{display:block;overflow-wrap:break-word}
.reader-index .reader-card .v23-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 10px;margin-top:auto;padding-top:0}
.reader-index .reader-card .editorial-meta{font-size:11px!important;line-height:1.5!important;margin:0;white-space:normal;max-width:none}
.reader-index .reader-card .editorial-read{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:11px!important;line-height:1.4;padding:8px 0}
.reader-index .reader-card .editorial-read svg{width:15px;height:15px}
@media(max-width:1199px){
 .reader-index .v18-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .reader-index .v18-editorial-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .reader-index .reader-card{grid-template-columns:88px minmax(0,1fr);min-height:156px;padding:14px;gap:14px}
 .reader-index .reader-card .v18-cover img{max-height:120px!important}
 .reader-index .reader-card h2{font-size:16px;line-height:1.4;margin-bottom:8px}
 .reader-index .reader-card .vb-kicker{margin-bottom:7px}
 .reader-index .editorial-intro{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:16px}
 .reader-index .v18-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:6px 4px 12px;scrollbar-width:thin}
 .reader-index .v18-filters .glass.control{flex:0 0 auto}
}
@media(max-width:359px){
 .reader-index .reader-card{grid-template-columns:68px minmax(0,1fr);gap:12px;padding:12px}
}

/* Shared role geometry is independent of each source image's old dimensions. */
.reader-index .reader-card .v18-cover{aspect-ratio:1!important;overflow:hidden;border-radius:var(--kit-radius)}
.reader-index .reader-card .v18-cover :is(figure,.v18-picture){height:100%;aspect-ratio:1!important}
.reader-index .reader-card .v18-cover img{aspect-ratio:1!important;height:100%!important;max-height:none!important;object-fit:contain!important}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card .v18-card-copy>.vb-kicker,
.reader-page .editorial-intro>.vb-kicker{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;max-width:100%;padding:5px 9px;border:1px solid var(--kit-line);border-radius:var(--kit-radius);background:var(--kit-card);box-shadow:var(--kit-shadow);color:var(--kit-accent);font-weight:500;line-height:1.4;letter-spacing:.04em}
.reader-index .reader-card .vb-kicker::before,.reader-page .editorial-intro>.vb-kicker::before{content:'';width:3px;height:10px;background:var(--kit-accent);border-radius:2px;margin-right:7px;flex:0 0 auto}
@media(min-width:701px){
 .reader-index .service-breadcrumb{margin-bottom:12px}
 .reader-index .editorial-intro{padding-bottom:12px}
 .reader-index .v18-filter-status{margin:8px 0 12px}
}