.editor-preview{margin-top:18px}.editor-preview .cover{height:130px}.editor-preview .cover strong{font-size:48px}.mentor-preview{width:140px;height:160px;object-fit:cover;border-radius:12px}input[type=color]{height:48px;padding:5px;width:100%}.mentor-row img[hidden]{display:none}.columns aside .mentor-row img{width:96px;height:112px}.workshop .mentor-row img{width:48px;height:48px}

/* Keep company names inside the fixed-height card cover. */
.workshop .cover{display:grid;grid-template-columns:minmax(0,1fr) 30px;grid-template-rows:minmax(26px,40px) minmax(0,1fr);gap:4px 10px;height:150px;flex-shrink:0;padding:18px;overflow:hidden}
.workshop .cover>span{grid-column:1/-1;grid-row:1;justify-self:end;align-self:start;max-width:100%;max-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.workshop .cover>strong{grid-column:1;grid-row:2;max-width:100%;min-width:0;letter-spacing:-2px;font-size:48px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;align-self:center}
.workshop .cover>strong.long-word{font-size:clamp(22px,3vw,30px);letter-spacing:-1px}
.workshop .cover>b{grid-column:2;grid-row:2;align-self:center;justify-self:end;font-size:30px}
.editor-preview .cover{height:150px}

/* Brand names may occupy two lines, including the editor preview. */
.workshop .cover,.editor-preview .cover{height:180px;grid-template-rows:36px minmax(0,1fr)}
.workshop .cover>strong{white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:112px;text-overflow:clip}
.workshop .cover>strong.long-word{line-height:1.15;max-height:70px}