.article-resources{
  margin-top:36px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--panel);
}
.article-resources h2{
  margin:0 0 14px;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
.article-resource-links{
  display:grid;
  gap:10px;
}
.article-resource-link{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"type arrow" "label arrow";
  gap:2px 14px;
  align-items:center;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#120824;
  color:#f7f1fb;
  text-decoration:none;
}
.article-resource-link:hover,
.article-resource-link:focus-visible{
  border-color:#d56dff;
  background:#1c0d2e;
}
.article-resource-type{
  grid-area:type;
  color:var(--lavender);
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.article-resource-link strong{
  grid-area:label;
  overflow-wrap:anywhere;
}
.article-resource-arrow{
  grid-area:arrow;
  color:var(--lavender);
  font-size:1.25rem;
}
.resource-links-admin{
  margin:22px 0 10px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
}
.resource-links-admin legend{
  padding:0 8px;
  font-weight:800;
}
.resource-link-list{
  display:grid;
  gap:12px;
  margin-top:12px;
}
.resource-link-row{
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#10071d;
}
.resource-link-fields{
  display:grid;
  grid-template-columns:1.1fr 1.5fr .75fr;
  gap:10px;
  align-items:end;
}
.resource-link-fields label{
  margin:0;
}
.resource-new-tab{
  grid-column:1/-1;
  display:flex!important;
  align-items:center;
  gap:8px;
  font-weight:500!important;
}
.resource-new-tab input{
  width:auto!important;
  margin:0;
}
.resource-link-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.resource-link-actions button,
.resource-add-button{
  min-height:40px;
  padding:0 13px;
  border:1px solid #d95cff;
  border-radius:10px;
  background:#35105c;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.resource-link-actions button:disabled,
.resource-add-button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.resource-add-button{
  margin-top:12px;
}
@media(max-width:760px){
  .resource-link-fields{
    grid-template-columns:1fr;
  }
  .resource-new-tab{
    grid-column:auto;
  }
  .article-resources{
    padding:18px;
  }
}
