html,body{margin:0;background:#fff}

.evB{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#f6f9fc;padding:clamp(52px,6.5vw,96px) 24px;
}
.evB__in{max-width:840px;margin:0 auto}
.evB__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
.evB__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.evB__head a{font-size:12.5px;font-weight:700;color:var(--acc);text-decoration:none}
.evB__list{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.evB__list a{
  display:grid;grid-template-columns:auto 1fr;gap:20px;background:#fff;border-radius:12px;padding:20px;
  text-decoration:none;box-shadow:0 0 0 1px var(--line);transition:.16s;
}
.evB__list a:hover{box-shadow:0 0 0 1px var(--acc);transform:translateY(-2px)}
.evB__d{
  width:64px;display:grid;justify-items:center;gap:0;background:#f6f9fc;border-radius:10px;padding:10px 0;
}
.evB__d span{font-size:11px;font-weight:800;color:var(--sub)}
.evB__d b{font-size:26px;font-weight:800;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums}
.evB__m{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.evB__m em{font-style:normal;font-size:10.5px;font-weight:800;color:var(--acc);background:rgba(99,91,255,.1);
  padding:4px 9px;border-radius:4px}
.evB__m time{font-size:11.5px;color:var(--sub);font-variant-numeric:tabular-nums}
.evB__st{font-size:10.5px;font-weight:800;color:#c0392b;background:rgba(192,57,43,.1);padding:4px 9px;border-radius:4px}
.evB__st.is-ok{color:#0e7c5a;background:rgba(14,124,90,.1)}
.evB__st.is-full{color:var(--sub);background:#eef1f6}
.evB__list h3{margin:10px 0 0;font-size:16px;font-weight:800;color:var(--ink);line-height:1.6}
.evB__list p{margin:8px 0 0;font-size:12.5px;color:var(--sub)}
@media (max-width:560px){ .evB__list a{grid-template-columns:1fr} .evB__d{width:auto;grid-auto-flow:column;justify-content:start;gap:8px;padding:8px 14px} }