.list-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.list-card{display:flex;min-width:0;overflow:hidden;flex-direction:column}.list-card[hidden]{display:none!important}
.list-card-top{position:relative;height:150px;display:flex;align-items:flex-start;justify-content:space-between;padding:21px;background:radial-gradient(circle at 78% 30%,rgba(214,40,43,.42),transparent 30%),linear-gradient(145deg,#28282d,#111113);border-bottom:1px solid rgba(255,255,255,.09)}
.list-card-top::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.list-card-top>span{position:relative;color:#d9d9de;font-size:9px;font-weight:900;letter-spacing:.11em}.list-card-top>strong{position:relative;color:#fff;font-size:54px;line-height:.8;letter-spacing:-.08em}.list-card-top>b{position:absolute;right:20px;bottom:18px;padding:6px 8px;border-radius:3px;background:#be0d0d;color:#fff;font-size:7px;letter-spacing:.1em}
.list-card-copy{display:flex;min-height:330px;flex:1;flex-direction:column;padding:25px 23px}.list-card-copy>small{color:#d6282b;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.list-card-copy h2,.list-card-copy h3{margin:13px 0 0;font-size:24px;line-height:1.08;text-transform:uppercase}.list-card-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin:15px 0;color:#96969f;font-size:12px;line-height:1.6}.list-card-copy ol{margin:3px 0 23px;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.08);list-style:none}.list-card-copy li{display:flex;gap:10px;align-items:center;min-width:0;margin-bottom:9px;overflow:hidden;color:#aaaab3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.list-card-copy li span{color:#d6282b;font-size:8px;font-weight:900}.list-card-copy .archive-card-link{margin-top:auto}
.list-card.compact .list-card-top{height:115px}.list-card.compact .list-card-copy{min-height:210px}.list-card.compact .list-card-copy h3{font-size:20px}
.list-hero-grid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:45px;align-items:center}.list-detail-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.06}
.list-hero-number{height:150px;display:grid;place-content:center;border:1px solid rgba(255,255,255,.09);border-top:3px solid #d6282b;background:rgba(255,255,255,.025);text-align:center}.list-hero-number strong{font-size:60px;line-height:.85;letter-spacing:-.08em}.list-hero-number span{margin-top:10px;color:#7e7e87;font-size:8px;font-weight:900;letter-spacing:.16em}
.list-detail-intro{padding:28px 0 0;background:#0d0d0f}
.list-steel-panel{position:relative;overflow:hidden;padding:24px 28px 26px;border:1px solid rgba(188,193,202,.18);border-left:3px solid rgba(184,190,200,.72);border-radius:8px;background:linear-gradient(135deg,rgba(52,54,60,.78) 0%,rgba(26,27,31,.96) 42%,rgba(15,15,18,.99) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.45),0 16px 34px rgba(0,0,0,.24)}
.list-steel-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 30%,rgba(255,255,255,.028) 43%,transparent 57%)}
.list-steel-kicker{position:relative;z-index:1;display:block;margin-bottom:11px;color:#c3c7ce;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.list-steel-panel p{position:relative;z-index:1;max-width:1180px;margin:0;color:#b7bac1;font-size:14px;line-height:1.78}
.list-detail-content{padding:56px 0 90px}
.list-detail-content.has-intro{padding-top:34px}.ranked-list{border-top:1px solid rgba(255,255,255,.1)}.ranked-comic{display:grid;grid-template-columns:105px minmax(0,1fr) 150px;gap:28px;align-items:center;padding:30px 12px;border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s ease}.ranked-comic:hover{background:rgba(255,255,255,.025)}.rank-number{color:#33333a;font-size:56px;font-weight:900;letter-spacing:-.08em}.rank-main h2{margin:0;font-size:25px;text-transform:uppercase}.rank-main p{max-width:760px;margin:12px 0 0;color:#95959e;font-size:12px;line-height:1.6}.rank-side{text-align:right}.rank-side small{display:block;margin-bottom:18px;color:#6f6f78;font-size:8px;font-weight:900;letter-spacing:.08em}.rank-side a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.1em;text-decoration:none}.rank-side a span{color:#d6282b;font-size:16px}
.related-lists{margin-top:70px;padding-top:42px;border-top:1px solid rgba(255,255,255,.1)}.related-lists>h2{margin:0 0 25px;font-size:27px}
@media(max-width:1020px){.list-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranked-comic{grid-template-columns:80px minmax(0,1fr) 120px}}
@media(max-width:680px){.list-card-grid{grid-template-columns:1fr}.list-hero-grid{grid-template-columns:minmax(0,1fr) 110px;gap:20px}.list-hero-number{height:110px}.list-hero-number strong{font-size:45px}.ranked-comic{grid-template-columns:55px minmax(0,1fr);gap:16px;padding:24px 6px}.rank-number{font-size:38px}.rank-main h2{font-size:20px}.rank-side{grid-column:2;text-align:left}.rank-side small{display:inline;margin:0 18px 0 0}.archive-filters{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.list-hero-number{display:none}.list-hero-grid{grid-template-columns:1fr}.rank-number{font-size:32px}.ranked-comic{grid-template-columns:42px minmax(0,1fr)}.list-card-copy{min-height:300px}}

.list-card-top>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;z-index:0}.list-card-top.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.12),rgba(10,10,12,.72));z-index:1}.list-card-top.has-image::before{z-index:2}.list-card-top.has-image>span,.list-card-top.has-image>strong,.list-card-top.has-image>b{z-index:3}.list-hero-grid:has(.list-hero-image){grid-template-columns:minmax(0,1fr) minmax(260px,430px)}.list-hero-image{height:210px;overflow:hidden;border-left:1px solid rgba(255,255,255,.08);background:#101012}.list-hero-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#101012}@media(max-width:680px){.list-hero-grid:has(.list-hero-image){grid-template-columns:1fr}.list-hero-image{height:190px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}}

/* Haberler ile aynı yatay görsel formatı */
.list-card-top,
.list-card.compact .list-card-top{
  height:176px;
}
.list-card-top>img{
  object-fit:cover;
  object-position:center;
}
.list-hero-grid:has(.list-hero-image){
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
}
.list-hero-image{
  height:260px;
  border-left:1px solid rgba(255,255,255,.08);
  background:#151518;
}
.list-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#151518;
}
@media(max-width:680px){
  .list-card-top,
  .list-card.compact .list-card-top{height:210px}
  .list-hero-image{height:210px}
}

/* Public list archive cards now use the same structure as Haberler. */
.list-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.list-news-card{text-decoration:none}
.list-news-card .news-card-image{height:176px}
.list-news-card .news-card-copy{min-height:164px}
.list-news-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.15fr .85fr}
.list-news-card.featured .news-card-image{height:100%;min-height:340px}
.list-news-card.featured .news-card-copy{justify-content:center;padding:34px}
.list-news-card.featured .news-card-copy h2{font-size:clamp(25px,2.5vw,36px)}
@media(max-width:1080px){.list-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.list-news-grid{grid-template-columns:1fr}.list-news-card.featured{grid-column:auto;display:flex}.list-news-card.featured .news-card-image{height:210px;min-height:0}}

/* List detail hero: same image placement and fade system as Ansiklopedi. */
.list-detail-hero{
  position:relative;
  overflow:hidden;
  background:#0d0d0f !important;
}
.list-detail-hero .archive-shell{position:static}
.list-detail-hero .list-hero-grid.has-image{
  position:static;
  display:block;
  min-height:300px;
}
.list-detail-hero .list-hero-copy{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:300px;
  max-width:none;
  padding:0 500px 0 0;
}
.list-detail-hero .list-title-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.list-detail-hero .list-hero-copy h1{
  margin:0;
  font-size:clamp(48px,5.4vw,76px);
  line-height:.92;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.list-detail-hero .list-hero-image{
  position:absolute;
  top:0;
  left:46%;
  right:0;
  bottom:0;
  width:auto;
  height:auto;
  display:block;
  overflow:hidden;
  border:0;
  background:transparent;
}
.list-detail-hero .list-hero-image img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 24%;
  transform:scale(1.09);
  background:transparent;
  filter:none;
}
.list-detail-hero .list-hero-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,
    #0d0d0f 0%,
    #0d0d0f 24%,
    rgba(13,13,15,.995) 34%,
    rgba(13,13,15,.95) 44%,
    rgba(13,13,15,.78) 56%,
    rgba(13,13,15,.52) 69%,
    rgba(13,13,15,.24) 81%,
    transparent 92%);
  pointer-events:none;
}
.list-detail-hero .list-hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle at 88% 45%,rgba(190,13,13,.16),transparent 60%);
  pointer-events:none;
}
@media(max-width:1100px){
  .list-detail-hero .list-hero-copy{padding-right:400px}
  .list-detail-hero .list-hero-image{left:50%}
}
@media(max-width:820px){
  .list-detail-hero .list-hero-grid.has-image{min-height:230px}
  .list-detail-hero .list-hero-copy{min-height:230px;padding-right:240px}
  .list-detail-hero .list-hero-copy h1{font-size:48px}
  .list-detail-hero .list-hero-image{left:auto;right:0;width:250px}
}
@media(max-width:520px){
  .list-detail-hero .list-hero-copy{padding-right:0;min-height:auto}
  .list-detail-hero .list-hero-image{display:none}
}


/* Image-only list entries: no title, text or link, just the uploaded image. */
.ranked-image-item{display:flex;justify-content:center;margin:0;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.ranked-image-item img{display:block;width:auto;max-width:100%;height:auto;max-height:1200px;object-fit:contain}
@media(max-width:680px){.ranked-image-item{padding:22px 0}}

@media(max-width:680px){.list-detail-intro{padding-top:18px}.list-steel-panel{padding:20px 19px 22px}.list-steel-panel p{font-size:13px;line-height:1.7}.list-detail-content.has-intro{padding-top:26px}}