/*
 * Control /control demos: Comments + Website column layout and placeholder colors.
 * Loaded after master.css so rules apply even when master bundle omits modules.css demo-notes-cell block.
 * !important / -webkit-text-fill-color: override main.css ::-webkit-input-placeholder and :placeholder-shown.
 */
#control .tests table td.demo-notes-cell,
#control .demos table td.demo-notes-cell {
  vertical-align: top;
}
#control .tests table td.demo-notes-cell textarea,
#control .demos table td.demo-notes-cell textarea {
  display: block;
  box-sizing: border-box;
  color: #0c1517;
}
#control .tests table td.demo-notes-cell textarea + textarea,
#control .demos table td.demo-notes-cell textarea + textarea {
  margin-top: 0.5em;
}
#control .tests table td.demo-notes-cell textarea::placeholder,
#control .demos table td.demo-notes-cell textarea::placeholder {
  color: #a3aebb !important;
  opacity: 1 !important;
}
#control .tests table td.demo-notes-cell textarea::-webkit-input-placeholder,
#control .demos table td.demo-notes-cell textarea::-webkit-input-placeholder {
  color: #a3aebb !important;
  -webkit-text-fill-color: #a3aebb !important;
  opacity: 1 !important;
}
#control .tests table td.demo-notes-cell textarea::-moz-placeholder,
#control .demos table td.demo-notes-cell textarea::-moz-placeholder {
  color: #a3aebb !important;
  opacity: 1 !important;
}
#control .tests table td.demo-notes-cell textarea:-ms-input-placeholder,
#control .demos table td.demo-notes-cell textarea:-ms-input-placeholder {
  color: #a3aebb !important;
}
