.dhc-preview-mode{
  width:min(1180px,calc(100% - 32px));
  margin:12px auto 18px;
  padding:20px 22px;
  border-radius:15px;
  border:1px solid #d9e3e7;
  background:#ffffff;
}
.dhc-preview-mode__meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:7px;
}
.dhc-preview-mode__lock{font-size:13px}
.dhc-preview-mode__badge{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  background:#f0e8d7;
  color:#8d6d2f;
}
.dhc-preview-mode__id{
  font-size:11px;
  font-weight:700;
  color:#637682;
}
.dhc-preview-mode h1{
  margin:0 0 6px;
  color:#0b2742;
  font:700 28px/1.1 Georgia,serif;
}
.dhc-preview-mode p{
  margin:0;
  color:#5e707c;
  font-size:13px;
  line-height:1.5;
}
.dhc-preview-mode--customer{
  background:#f5f9f7;
  border-color:#d7e6de;
}
.dhc-preview-mode--customer .dhc-preview-mode__badge{
  background:#dfeee7;
  color:#326047;
}
@media(max-width:700px){
  .dhc-preview-mode{padding:16px}
  .dhc-preview-mode h1{font-size:23px}
}