:root{
  --edh-bg:#0b1114;
  --edh-panel:#11191d;
  --edh-panel2:#0e1518;
  --edh-border:#334149;
  --edh-muted:#91a3b3;
  --edh-text:#f7f4ec;
  --edh-yellow:#ffd319;
  --edh-retired:#7b8790;
  --edh-closed:#b64a4a;
}

.ed-history-section{
  width:min(100% - 56px, 1510px);
  margin:58px auto 30px;
  padding:0;
  color:var(--edh-text);
  font-family:inherit;
}
.ed-history-header{max-width:980px}
.ed-history-kicker{
  color:var(--edh-yellow);
  font-weight:900;
  font-size:14px;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:9px;
}
.ed-history-heading{
  color:#fff;
  margin:0 0 10px;
  font-size:clamp(30px,3vw,44px);
  line-height:1;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.ed-history-copy{
  color:var(--edh-muted);
  margin:0;
  max-width:900px;
  font-size:14px;
  line-height:1.55;
}
.ed-history-summary{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:22px 0 14px;
}
.ed-history-summary span{
  background:#0a0f12;
  border:1px solid #26343b;
  border-radius:7px;
  padding:8px 11px;
  color:#becbd5;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
}
.ed-history-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.ed-history-card{
  position:relative;
  min-height:190px;
  background:linear-gradient(145deg,var(--edh-panel),var(--edh-panel2));
  border:1px solid var(--edh-border);
  border-radius:12px;
  padding:18px;
  overflow:hidden;
}
.ed-history-card:after{
  content:"";
  position:absolute;
  width:130px;height:130px;
  right:-50px;bottom:-70px;
  border:18px solid rgba(255,211,25,.04);
  border-radius:50%;
  pointer-events:none;
}
.ed-history-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.ed-history-card-title{
  color:#f7f4ec;
  text-decoration:none;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}
a.ed-history-card-title:hover{color:var(--edh-yellow)}
.ed-history-status{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  border-radius:5px;
  padding:6px 8px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.07em;
  background:#263138;
  color:#d9e1e6;
  border:1px solid #46545d;
}
.ed-history-count{
  margin:10px 0 12px;
  color:var(--edh-yellow);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
}
.ed-history-room-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:18px;
}
.ed-history-room-link,.ed-history-more{
  color:#aebbc4;
  border:1px solid #2b373e;
  border-radius:999px;
  padding:5px 8px;
  font-size:11px;
  line-height:1;
  text-decoration:none;
}
.ed-history-room-link:hover{
  color:#fff;
  border-color:#596a74;
}
.ed-history-cta{
  display:inline-block;
  margin-top:auto;
  color:var(--edh-yellow);
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
}
.ed-history-single-status{
  display:inline-flex;
  margin:10px 0 6px;
  padding:7px 10px;
  border-radius:5px;
  border:1px solid #59656c;
  background:#273037;
  color:#d8e0e5;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.07em;
}
.ed-history-retired-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.ed-history-retired-room{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:70px;
  padding:14px 16px;
  border:1px solid var(--edh-border);
  border-radius:9px;
  background:var(--edh-panel);
  text-decoration:none;
  color:#f7f4ec;
}
.ed-history-retired-room:hover{
  border-color:#657680;
  color:#fff;
}
.ed-history-retired-room strong{
  font-size:16px;
  line-height:1.2;
}
@media (max-width:980px){
  .ed-history-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .ed-history-section{width:min(100% - 28px,1510px);margin-top:40px}
  .ed-history-grid,.ed-history-retired-grid{grid-template-columns:1fr}
  .ed-history-card-top{display:block}
  .ed-history-status{margin-top:9px}
}


/* v1.01 mobile polish */
.ed-history-card-title{
  display:block;
  overflow-wrap:anywhere;
}
@media (max-width:700px){
  .ed-history-heading{
    font-size:clamp(32px,10vw,42px);
    line-height:.98;
  }
  .ed-history-copy{
    font-size:13px;
    line-height:1.5;
  }
  .ed-history-summary{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .ed-history-summary span{
    text-align:center;
    padding:10px 8px;
  }
  .ed-history-card{
    padding:19px 18px 20px;
  }
  .ed-history-card-top{
    display:block;
  }
  .ed-history-card-title{
    display:block;
    width:100%;
    font-size:19px;
    line-height:1.22;
  }
  .ed-history-card-top .ed-history-status{
    display:inline-flex;
    margin:10px 0 0;
  }
  .ed-history-room-list{
    margin-top:2px;
  }
}
