.dl{display:flex;flex-direction:column;gap:12px;margin-top:8px}
  .item{border:2px solid var(--line);padding:18px 20px;display:flex;align-items:center;gap:16px;transition:border-color .2s,box-shadow .2s}
  .item.next{border-color:var(--ink);box-shadow:8px 8px 0 var(--cyan)}
  .item .when{min-width:96px}
  .item .when .d{font-family:'Archivo Expanded','Archivo',sans-serif;font-weight:600;font-size:22px;line-height:1}
  .item .when .m{font-family:'Archivo',sans-serif;font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .item .body{flex:1}
  .item .body .form{font-family:'Archivo',sans-serif;font-weight:600;font-size:16px}
  .item .body .desc{color:var(--muted);font-size:13px;margin-top:2px}
  .item .cd{font-family:'Archivo',sans-serif;font-weight:600;font-size:13px;text-align:right;white-space:nowrap}
  .item .cd .n{font-size:20px;display:block}
  .item.next .cd{color:#1c7d95}
  .badge{font-family:'Archivo',sans-serif;font-weight:600;font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:var(--cyan);color:var(--cyan-ink);padding:3px 7px;margin-left:8px}