code {
  padding: 0;
  font-size: 90%;
  color: black;
  background-color: white;
  border: 0 solid white;
}

p.center { text-align: center; }
table.wide { width: 100%; }
table.wide td { padding-top: 20px; padding-bottom: 20px; }
td.left { text-align: left; }
td.right { text-align: right; }
#hide_email b { display: none; }

.danger, .success, .info, .warning {
  padding: .75rem 1rem;
  border-radius: .5rem;
}
.danger { background-color: #ffdddd; border-left: 6px solid #f44336; }
.success { background-color: #ddffdd; border-left: 6px solid #4CAF50; }
.info { background-color: #e7f3fe; border-left: 6px solid #2196F3; }
.warning { background-color: #ffffcc; border-left: 6px solid #ffeb3b; }

.media-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.media-list {
  display: grid;
  gap: 1rem;
}

.media-group details {
  margin-top: 1rem;
}

.media-group summary {
  cursor: pointer;
  font-weight: 700;
}

.media-link-list {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
}

.media-meta {
  color: #666;
  font-size: .9rem;
}