.pn-grid{display:flex;flex-direction:column;gap:18px;}

.pn-card{
  background:rgba(255,255,255,.025);
  border:1px solid rgba(61,169,255,.09);
  border-radius:20px;
  overflow:hidden;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:border-color .2s,box-shadow .2s;
}
.pn-card:hover{border-color:rgba(61,169,255,.18);box-shadow:0 12px 40px rgba(0,0,0,.3);}

.pn-card__head{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 24px;
  border-bottom:1px solid rgba(61,169,255,.07);
  background:rgba(61,169,255,.025);
}
.pn-card__date{
  font-size:11px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:var(--text-faint);
  background:rgba(255,255,255,.05);
  border:1px solid rgba(61,169,255,.12);
  padding:4px 12px;
  border-radius:99px;
  flex-shrink:0;
}
.pn-card__title{
  font-family:var(--font-display);
  font-size:16px;
  font-weight:700;
  color:var(--text);
}

.pn-card__body{padding:18px 24px;display:flex;flex-direction:column;gap:16px;}

.pn-section{display:flex;flex-direction:column;gap:10px;}

.pn-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.9px;
  text-transform:uppercase;
  padding:3px 11px;
  border-radius:99px;
  width:fit-content;
}
.pn-tag--green{background:rgba(55,214,122,.10);color:var(--status-green);border:1px solid rgba(55,214,122,.22);}
.pn-tag--teal{background:rgba(25,200,192,.10);color:var(--teal);border:1px solid rgba(25,200,192,.20);}
.pn-tag--orange{background:rgba(255,172,47,.10);color:var(--status-orange);border:1px solid rgba(255,172,47,.20);}
.pn-tag--red{background:rgba(255,77,77,.08);color:var(--status-red);border:1px solid rgba(255,77,77,.18);}
.pn-tag--blue{background:rgba(61,169,255,.10);color:var(--accent);border:1px solid rgba(61,169,255,.20);}

.pn-items{
  display:flex;
  flex-direction:column;
  gap:6px;
  list-style:none;
}
.pn-item{
  font-size:13.5px;
  color:var(--text-dim);
  line-height:1.65;
  padding-left:16px;
  position:relative;
}
.pn-item::before{
  content:'';
  position:absolute;
  left:0;
  top:8px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--text-faint);
  opacity:.6;
}