.curricular-references{
  margin-bottom:30px;
  padding:20px;
  border:1px solid #e8e4f1;
  border-radius:18px;
  background:linear-gradient(145deg,#fbfaff,#f5fbf9);
}
.reference-heading span{
  color:#7457d9;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.08em;
}
.reference-heading h2{
  margin-top:4px;
  color:#493783;
  font-size:1.18rem;
}
.reference-heading p{
  margin-top:7px;
  color:#747686;
  font-size:.68rem;
  line-height:1.55;
}
.reference-grid{
  margin-top:15px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.reference-card{
  padding:13px;
  border:1px solid #ece8f4;
  border-radius:12px;
  background:#fff;
}
.reference-wide{grid-column:1/-1}
.reference-card small{
  color:#7457d9;
  font-size:.56rem;
  font-weight:700;
}
.reference-card p,.reference-card li{
  margin-top:5px;
  font-size:.66rem;
  line-height:1.5;
  color:#555867;
}
.reference-card ul{padding-left:18px}
.reference-context{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.reference-field label{
  display:block;
  margin-bottom:6px;
  font-size:.67rem;
  font-weight:600;
}
.reference-field textarea{
  width:100%;
  padding:10px;
  border:1px solid #e8e4f1;
  border-radius:10px;
  background:#fff;
  resize:vertical;
  outline:0;
  font-family:inherit;
}
.readonly-box{
  min-height:85px;
  padding:10px;
  border:1px solid #e8e4f1;
  border-radius:10px;
  background:#f8f7fc;
  color:#747686;
  font-size:.65rem;
  line-height:1.55;
}
.reference-check{
  margin-top:15px;
  padding:13px;
  border-radius:12px;
  background:#fff6dc;
}
.reference-check strong{
  display:block;
  margin-bottom:7px;
  font-size:.7rem;
}
.reference-check label{
  display:block;
  margin-top:6px;
  font-size:.63rem;
}
.reference-warning{
  margin-top:12px;
  padding:10px 12px;
  border-radius:10px;
  background:#fde8ed;
  color:#a43d56;
  font-size:.64rem;
  line-height:1.5;
}
.reference-warning.ready{
  background:#e9f8f3;
  color:#287565;
}
#composeCriterion:disabled{
  opacity:.45;
  cursor:not-allowed;
}
@media(max-width:760px){
  .reference-grid,.reference-context{grid-template-columns:1fr}
  .reference-wide{grid-column:auto}
}