/* Agenda des salons à venir (.agd) : maquette docs/i4s-actualites.html. Le pavé de date, le nom et le lieu, le stand. */
.agd{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy);background:#fff}
.agd li{border-bottom:1px solid var(--line)}
.agd a{display:grid;grid-template-columns:132px minmax(0,1fr) auto 18px;align-items:center;
  gap:10px clamp(18px,2.6vw,36px);padding:20px clamp(12px,1.6vw,22px) 20px 0;color:var(--navy);
  position:relative;transition:background .14s,padding .14s}
.agd a::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:4px;background:var(--sky);
  transform:scaleY(0);transition:transform .16s}
.agd a:hover{background:var(--wash);text-decoration:none;padding-left:12px}
.agd a:hover::before{transform:scaleY(1)}
.agd__d{display:grid;justify-items:start;align-content:center;min-height:92px;padding:12px 16px;
  background:var(--blue);color:#fff}
.agd__d b{font-family:var(--ui);font-weight:800;font-size:1.7rem;letter-spacing:-.03em;line-height:1;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.agd__d span{font-family:var(--ui);font-weight:700;font-size:.76rem;letter-spacing:.12em;
  text-transform:uppercase;margin-top:6px;color:#CFE6F4}
.agd__t{display:grid;gap:8px;min-width:0}
.agd__t h3{font-size:clamp(1.08rem,1.6vw,1.3rem);letter-spacing:-.015em;line-height:1.25}
.agd__m{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.9rem;color:var(--body)}
.agd__m span{display:inline-flex;align-items:center;gap:8px}
.agd__m .ic{color:var(--blue)}
.agd__s{font-family:var(--ui);font-weight:800;font-size:.8rem;letter-spacing:.06em;color:var(--navy);
  border:2px solid var(--navy);padding:8px 12px;white-space:nowrap}
.agd a > .ic{color:#9DB6C6;font-size:.8rem}
.agd a:hover > .ic{color:var(--blue)}

@media (max-width:700px){
  .agd a{grid-template-columns:96px minmax(0,1fr) 16px;padding-right:0}
  .agd__d{min-height:80px;padding:10px 12px}
  .agd__d b{font-size:1.3rem}
  .agd__s{grid-column:2;justify-self:start;grid-row:2}
  .agd a > span:empty{display:none}
  .agd a > .ic{grid-column:3;grid-row:1}
}