.agenda-draft-board{
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:15px;
  padding:20px;
}

.agenda-drafts-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.agenda-drafts-head .eyebrow,
.agenda-draft-item .eyebrow{margin:0 0 4px;}
.agenda-drafts-head h2{margin:0;color:#102a56;font-size:18px;}
.agenda-drafts-head p:not(.eyebrow){margin:5px 0 0;color:#5b6f8d;font-size:12px;}

.agenda-draft-list{
  min-height:0;
  display:grid;
  align-content:start;
  gap:10px;
  overflow:auto;
  padding:1px;
}

.agenda-draft-item{
  display:grid;
  grid-template-columns:100px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding:13px 15px;
  border:1px solid #dce7f6;
  border-radius:14px;
  background:#fbfdff;
}

.agenda-draft-date{
  display:grid;
  gap:3px;
  padding:9px;
  border-radius:10px;
  background:#e8f1ff;
  color:#1554d8;
  text-align:center;
}

.agenda-draft-date strong{font-size:14px;}
.agenda-draft-date small{font-size:9px;font-weight:750;text-transform:uppercase;}
.agenda-draft-item h3{margin:0;color:#102a56;font-size:14px;}
.agenda-draft-item p:not(.eyebrow){margin:4px 0 0;color:#5b6f8d;font-size:11px;}

.agenda-draft-notice{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:12px 13px;
  border:1px solid #f0dfba;
  border-radius:12px;
  background:#fffaf0;
  color:#5b6f8d;
}

.agenda-draft-notice svg{width:24px;height:24px;flex:0 0 auto;}
.agenda-draft-notice p{margin:0;font-size:11px;line-height:1.45;}

@media (max-width:720px){
  .agenda-draft-board{padding:17px;}
  .agenda-drafts-head{flex-direction:column;gap:9px;}
  .agenda-draft-item{grid-template-columns:82px minmax(0,1fr);gap:11px;padding:12px;}
  .agenda-draft-item .secondary-button{grid-column:1 / -1;width:100%;justify-content:center;}
}