/* Cover Factory: the Style page, two editors and the locks (BRANDS P8.5). Classes .cl-*; look from frames s9 and s5f. */
.st-strip:not(:has(> :not(.cl-root:empty))){display:none}
.st-strip>*+*{margin-top:var(--s-2)}
.cl-root{display:grid;gap:var(--s-2)}
.cl-root:empty{display:none}
.cl-warn{display:block}   /* FIX-ALERT: the wrapper of a CFAlert */
.cl-live{display:flex;align-items:center;gap:10px;min-height:36px;padding:var(--s-1) var(--s-3);border-radius:var(--r-2);background:var(--raised);color:var(--text-2);font-size:var(--fs-2);line-height:18px}
.cl-live>.i{flex:none;width:var(--icon-md);height:var(--icon-md);color:var(--text-3)}
.cl-conf{display:grid;gap:var(--s-2);margin:var(--s-2) 0 0;padding:10px 10px 10px var(--s-3);border-radius:var(--r-2);background:var(--amber-soft);font-size:var(--fs-2);line-height:18px}
.cl-conf p{display:flex;align-items:flex-start;gap:var(--s-2);margin:0}
.cl-conf p .i{flex:none;width:var(--icon-md);height:var(--icon-md);margin-top:2px;color:var(--amber)}
.cl-conf .cl-by{display:block;margin-top:2px;color:var(--text-3);font:400 var(--fs-1)/16px var(--font)}
.cl-conf .cl-q{display:grid;gap:2px;min-width:0;padding:6px 10px;border-radius:var(--r-1);background:rgb(var(--p-shade) / .25)}
.cl-conf .cl-q small{color:var(--text-3);font-size:var(--fs-1);line-height:16px}
.cl-conf .cl-q span{color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cl-conf .row{display:flex;gap:var(--s-2)}